@mevdragon/vidfarm-devcli 0.16.0 → 0.17.0

package/dist/src/primitive-registry.js

@@ -7,7 +7,7 @@ import { config } from "./config.js";
 import { definePrimitive } from "./primitive-sdk.js";
 import { PrimitiveMediaLambdaService } from "./services/primitive-media-lambda.js";
 import { estimateGhostcutCostUsd, isGhostcutConfigured, pollStatus as pollGhostcutStatus, submitSubtitleRemoval } from "./services/ghostcut.js";
-import { buildSrtFromSegments, defaultSpeechModelFor, inferSpeechProviderForVoice, speechVoiceMismatch } from "./services/speech.js";
+import { buildSrtFromSegments, defaultSpeechModelFor, GEMINI_TTS_VOICES, inferSpeechProviderForVoice, OPENAI_TTS_VOICES, speechVoiceFamilyFor, speechVoiceMismatch } from "./services/speech.js";
 import { buildCaptionCues, cuesFromText } from "./services/captions.js";
 import { CAPTION_ANIMATIONS, CAPTION_STYLE_PRESETS, captionStylePresetById } from "./hyperframes/composition.js";
 import { buildHtmlImageCompositionHtml, buildMediaDedupeCompositionHtml, DEDUPE_DEFAULT_EFFECTS } from "./primitives/hyperframes-media.js";
@@ -460,6 +460,54 @@ const captionsPayloadSchema = z.preprocess((raw) => {
 }).refine((payload) => Boolean(payload.source_url || payload.text), {
     message: "Provide source_url (audio/video to transcribe) or text (script to page)."
 }));
+// Regenerate speech in (approximately) the original speaker's voice: listen to
+// the source, transcribe + profile the voice, reword the script per the
+// caller's instruction (or take an exact new script), then TTS with the
+// closest preset voice + a style prompt matched to the speaker. OpenAI/Gemini
+// APIs cannot clone voice IDENTITY (preset voices only), so the result is an
+// honest approximation, never a clone — the output says so via voice_match.
+const speechRegeneratePayloadSchema = z.preprocess((raw) => {
+    if (!raw || typeof raw !== "object" || Array.isArray(raw))
+        return raw;
+    const payload = raw;
+    return {
+        ...payload,
+        source_url: payload.source_url ??
+            payload.source_video_url ??
+            payload.source_audio_url ??
+            payload.source_media_url ??
+            payload.video_url ??
+            payload.audio_url ??
+            payload.url,
+        text: payload.text ?? payload.script ?? payload.new_text,
+        rewrite_instruction: payload.rewrite_instruction ?? payload.instruction ?? payload.rewrite ?? payload.reword,
+        instructions: payload.instructions ?? payload.style ?? payload.style_instructions ?? payload.voice_style
+    };
+}, z.object({
+    provider: speechProviderSchema.optional(),
+    model: z.string().min(1).optional(),
+    source_url: mediaSourceUrlSchema,
+    media_type: z.enum(["auto", "video", "audio"]).default("auto"),
+    /** Exact new script to speak. Mutually optional with rewrite_instruction; one is required. */
+    text: z.string().min(1).max(8000).optional(),
+    /** How to reword the original transcript (e.g. "mention the summer sale instead of the discount code"). */
+    rewrite_instruction: z.string().min(1).max(4000).optional(),
+    /** Explicit preset override; skips the profiled voice recommendation. */
+    voice: z.string().min(1).max(120).optional(),
+    /** Extra voice-style guidance appended to the profiled style instructions. */
+    instructions: z.string().min(1).max(4000).optional(),
+    language: z.string().min(2).max(16).optional(),
+    output_format: z.enum(["mp3", "wav"]).default("mp3")
+}).refine((value) => Boolean(value.text || value.rewrite_instruction), {
+    message: "Provide text (the exact new script) or rewrite_instruction (how to reword the original transcript)."
+}).superRefine((value, ctx) => {
+    if (!value.provider || !value.voice)
+        return;
+    const mismatch = speechVoiceMismatch({ provider: value.provider, model: value.model, voice: value.voice });
+    if (mismatch) {
+        ctx.addIssue({ code: z.ZodIssueCode.custom, path: ["voice"], message: mismatch });
+    }
+}));
 const probeVideoPayloadSchema = z.object({
     source_video_url: mediaSourceUrlSchema
 });
@@ -613,6 +661,7 @@ const PRIMITIVE_MEDIA_DEDUPE_ID = "primitive:media_dedupe";
 const PRIMITIVE_TTS_ID = "primitive:tts";
 const PRIMITIVE_STT_ID = "primitive:stt";
 const PRIMITIVE_CAPTIONS_ID = "primitive:captions";
+const PRIMITIVE_SPEECH_REGENERATE_ID = "primitive:speech_regenerate";
 // Gemini inline audio caps out around 20MB; at the 64kbps mono mp3 we extract,
 // that is roughly 40 minutes of speech.
 const MAX_TRANSCRIBE_AUDIO_BYTES = 20 * 1024 * 1024;
@@ -1746,6 +1795,7 @@ async function loadSpeechAudioForPrimitive(ctx, payload) {
     const sourceKind = payload.media_type === "auto" ? inferSpeechSourceKind(payload.source_url) : payload.media_type;
     let audioBytes;
     let audioContentType;
+    let audioUrl;
     let extractionMetadata = null;
     if (sourceKind === "audio") {
         ctx.logger.progress(0.1, "Fetching source audio");
@@ -1755,6 +1805,7 @@ async function loadSpeechAudioForPrimitive(ctx, payload) {
         }
         audioBytes = new Uint8Array(await response.arrayBuffer());
         audioContentType = response.headers.get("content-type")?.split(";")[0]?.trim() || "audio/mpeg";
+        audioUrl = payload.source_url;
     }
     else {
         ctx.logger.progress(0.1, "Extracting audio track from source", {
@@ -1778,6 +1829,7 @@ async function loadSpeechAudioForPrimitive(ctx, payload) {
         }
         audioBytes = new Uint8Array(await response.arrayBuffer());
         audioContentType = extracted.contentType || "audio/mpeg";
+        audioUrl = extracted.publicUrl;
         extractionMetadata = extracted.metadata ?? null;
     }
     if (audioBytes.byteLength > MAX_TRANSCRIBE_AUDIO_BYTES) {
@@ -1785,7 +1837,7 @@ async function loadSpeechAudioForPrimitive(ctx, payload) {
         const maxMb = Math.round(MAX_TRANSCRIBE_AUDIO_BYTES / (1024 * 1024));
         throw new Error(`Audio is too large to transcribe (${sizeMb}MB > ${maxMb}MB, roughly 40 minutes of speech). Trim the source with /videos/trim or /audio/trim and transcribe in parts.`);
     }
-    return { audioBytes, audioContentType, extractionMetadata };
+    return { audioBytes, audioContentType, audioUrl, extractionMetadata };
 }
 const sttPrimitive = definePrimitive({
     id: PRIMITIVE_STT_ID,
@@ -1991,6 +2043,229 @@ const captionsPrimitive = definePrimitive({
         }
     }
 });
+// Voice-casting hints for the profiling prompt: the exact preset names each
+// provider accepts (imported lists are the guard), annotated so an audio-native
+// model can pick the closest match to what it hears.
+const OPENAI_VOICE_CASTING_HINTS = "alloy (neutral, balanced), ash (warm, mature male), ballad (calm British male), cedar (deep, steady male), coral (warm, friendly female), echo (confident male), fable (bright British, androgynous), marin (clear, upbeat female), nova (energetic young female), onyx (deep, authoritative male), sage (soft, gentle female), shimmer (crisp, expressive female), verse (versatile, expressive male)";
+const GEMINI_VOICE_CASTING_HINTS = "Zephyr (bright female), Puck (upbeat male), Charon (informative male), Kore (firm female), Fenrir (excitable male), Leda (youthful female), Orus (firm male), Aoede (breezy female), Callirrhoe (easy-going female), Autonoe (bright female), Enceladus (breathy male), Iapetus (clear male), Umbriel (easy-going male), Algieba (smooth male), Despina (smooth female), Erinome (clear female), Algenib (gravelly male), Rasalgethi (informative male), Laomedeia (upbeat female), Achernar (soft female), Alnilam (firm male), Schedar (even male), Gacrux (mature female), Pulcherrima (forward female), Achird (friendly male), Zubenelgenubi (casual male), Vindemiatrix (gentle female), Sadachbia (lively male), Sadaltager (knowledgeable male), Sulafat (warm female)";
+// Loose on purpose: a shape miss must degrade to transcript-only, never fail
+// the whole regeneration job.
+const speechVoiceProfileResultSchema = z.object({
+    transcript: z.string().optional().default(""),
+    language: z.string().nullish(),
+    voice_profile: z.object({
+        gender: z.string().nullish(),
+        age_range: z.string().nullish(),
+        accent: z.string().nullish(),
+        pace: z.string().nullish(),
+        pitch: z.string().nullish(),
+        energy: z.string().nullish(),
+        tone: z.string().nullish()
+    }).nullish(),
+    style_instructions: z.string().nullish(),
+    recommended_voice: z.object({
+        openai: z.string().nullish(),
+        gemini: z.string().nullish()
+    }).nullish()
+});
+const speechRewriteResultSchema = z.object({
+    script: z.string().min(1)
+});
+function buildVoiceProfilePrompt(language) {
+    return [
+        "You are a professional voice-casting director. Listen to the attached audio.",
+        "Profile the dominant speaker and transcribe their words verbatim (if several people speak, profile only the dominant speaker and transcribe only their words).",
+        "Return STRICT JSON ONLY with this exact shape:",
+        `{"transcript": "<verbatim words spoken>", "language": "<BCP-47 code or null>", "voice_profile": {"gender": "...", "age_range": "...", "accent": "...", "pace": "...", "pitch": "...", "energy": "...", "tone": "..."}, "style_instructions": "<2-4 sentences>", "recommended_voice": {"openai": "<one name>", "gemini": "<one name>"}}`,
+        "style_instructions must be a dense free-form text-to-speech voice direction that would make a voice actor sound as close as possible to this speaker: accent, pacing, pitch, energy, emotion, attitude, and delivery quirks (pauses, emphasis, breathiness, smile, hesitations).",
+        `recommended_voice.openai must be exactly one name from: ${OPENAI_VOICE_CASTING_HINTS}.`,
+        `recommended_voice.gemini must be exactly one name from: ${GEMINI_VOICE_CASTING_HINTS}.`,
+        "Pick the preset closest to the speaker's gender, age, and timbre.",
+        ...(language?.trim() ? [`Expected language: ${language.trim()}.`] : [])
+    ].join("\n");
+}
+function buildSpeechRewritePrompt(input) {
+    return [
+        "You rewrite spoken-word scripts. Rewrite the original transcript below, following the instruction, as words to be SPOKEN aloud by the same person.",
+        "Rules:",
+        "- Keep roughly the same length and rhythm as the original unless the instruction says otherwise (the new audio should fill a similar duration).",
+        "- Keep the speaker's register, energy, and phrasing style; this must sound like the same person talking.",
+        "- Plain spoken words only: no stage directions, no markdown, no quotes, no speaker labels, no timestamps.",
+        ...(input.language?.trim() ? [`- Write the script in this language: ${input.language.trim()}.`] : ["- Write in the same language as the original transcript."]),
+        `Return STRICT JSON ONLY with shape {"script": "..."}.`,
+        "",
+        `Instruction: ${input.instruction}`,
+        "",
+        "Original transcript:",
+        input.transcript
+    ].join("\n");
+}
+// Voice-matched speech regeneration ("same voice, new words"). Pipeline:
+// (1) load the source audio (videos are demuxed), (2) profile the speaker with
+// an audio-native LLM — verbatim transcript + voice profile + closest preset
+// voices in ONE call (needs a saved Gemini key; without one this degrades to a
+// plain STT transcript and no voice match), (3) reword the transcript per
+// rewrite_instruction unless an exact `text` script was given, (4) TTS with
+// the matched preset + profiled style instructions. Neither OpenAI nor Gemini
+// exposes voice cloning through their public APIs (preset voices only; actual
+// cloning is sales-allowlisted at both), so voice_match is always an honest
+// approximation, never a clone.
+const speechRegeneratePrimitive = definePrimitive({
+    id: PRIMITIVE_SPEECH_REGENERATE_ID,
+    kind: "speech_regenerate",
+    operations: {
+        run: {
+            description: "Regenerate the speech of a video/audio source as new AI audio that sounds like the original speaker (closest preset voice + matched style direction — an approximation, not a clone), speaking a reworded or replacement script.",
+            inputSchema: speechRegeneratePayloadSchema,
+            workflow: "run"
+        }
+    },
+    jobs: {
+        async run(ctx, input) {
+            const payload = speechRegeneratePayloadSchema.parse(input);
+            const { audioBytes, audioContentType, audioUrl } = await loadSpeechAudioForPrimitive(ctx, payload);
+            // Step 1 — hear the speaker. One Gemini call returns transcript + voice
+            // profile together; a failure here must never sink the job.
+            const available = ctx.providers.listAvailableProviders();
+            let profile = null;
+            if (available.includes("gemini") && audioUrl) {
+                ctx.logger.progress(0.3, "Profiling the original voice");
+                try {
+                    const profiled = await runBrainstormJson(ctx, {
+                        kind: "speech_voice_profile",
+                        provider: "gemini",
+                        prompt: buildVoiceProfilePrompt(payload.language),
+                        attachments: [audioUrl],
+                        resultSchema: speechVoiceProfileResultSchema
+                    });
+                    profile = profiled.result;
+                }
+                catch (error) {
+                    ctx.logger.warn("Voice profiling failed; continuing without a voice match", {
+                        error: error instanceof Error ? error.message : String(error)
+                    });
+                }
+            }
+            let originalTranscript = profile?.transcript?.trim() || "";
+            if (!originalTranscript && payload.rewrite_instruction) {
+                ctx.logger.progress(0.4, "Transcribing original speech");
+                const sttProvider = ["gemini", "openai", "openrouter"].find((provider) => available.includes(provider)) ?? "gemini";
+                const transcription = await ctx.providers.transcribeSpeech({
+                    provider: sttProvider,
+                    model: defaultSpeechModelFor("stt", sttProvider) ?? "",
+                    audio: audioBytes,
+                    contentType: audioContentType,
+                    language: payload.language,
+                    diarize: false
+                });
+                originalTranscript = transcription.text.trim();
+                if (!originalTranscript) {
+                    throw new Error("The source has no transcribable speech to reword. Pass text with the exact script instead.");
+                }
+            }
+            // Step 2 — the words: exact script wins, otherwise reword the transcript.
+            let script = payload.text?.trim() ?? "";
+            if (!script) {
+                ctx.logger.progress(0.5, "Rewording the script");
+                const rewrite = await runBrainstormJson(ctx, {
+                    kind: "speech_rewrite",
+                    prompt: buildSpeechRewritePrompt({
+                        transcript: originalTranscript,
+                        instruction: payload.rewrite_instruction,
+                        language: payload.language ?? profile?.language ?? null
+                    }),
+                    resultSchema: speechRewriteResultSchema
+                });
+                script = rewrite.result.script.trim();
+            }
+            if (!script) {
+                throw new Error("No script produced to speak.");
+            }
+            if (script.length > 8000) {
+                throw new Error("The regenerated script is too long for TTS (8000 characters max). Trim the source with /audio/trim or narrow the rewrite_instruction.");
+            }
+            // Step 3 — voice + style. openai first when nothing else decides: its
+            // TTS takes the style `instructions` natively (gemini gets them
+            // prepended into the prompt). A bare payload voice implies its provider.
+            const provider = payload.provider
+                ?? inferSpeechProviderForVoice(payload.voice)
+                ?? ["openai", "gemini", "openrouter"].find((candidate) => available.includes(candidate))
+                ?? "openai";
+            const model = payload.model ?? defaultSpeechModelFor("tts", provider) ?? "";
+            const family = speechVoiceFamilyFor(provider, model);
+            const presets = family === "gemini" ? GEMINI_TTS_VOICES : OPENAI_TTS_VOICES;
+            const recommendedRaw = (family === "gemini" ? profile?.recommended_voice?.gemini : profile?.recommended_voice?.openai)?.trim().toLowerCase();
+            const recommendedVoice = recommendedRaw ? presets.find((preset) => preset.toLowerCase() === recommendedRaw) : undefined;
+            const voice = payload.voice ?? recommendedVoice;
+            const profiledStyle = profile?.style_instructions?.trim();
+            const instructions = [profiledStyle, payload.instructions?.trim()].filter(Boolean).join(" ") || undefined;
+            ctx.logger.progress(0.65, "Generating voice-matched speech");
+            const generated = await ctx.providers.generateSpeech({
+                provider,
+                model,
+                text: script,
+                voice,
+                instructions,
+                responseFormat: payload.output_format
+            });
+            const extension = generated.contentType.includes("wav") ? "wav" : "mp3";
+            const stored = await ctx.storage.putBuffer(`speech.${extension}`, generated.bytes, {
+                contentType: generated.contentType,
+                kind: "audio",
+                metadata: {
+                    primitive: "speech_regenerate",
+                    provider,
+                    model,
+                    voice: voice ?? null,
+                    styleInstructions: instructions ?? null
+                }
+            });
+            ctx.logger.progress(0.9, "Storing regeneration artifacts");
+            const voiceMatch = profiledStyle || recommendedVoice ? "approximate" : "none";
+            const voiceMatchNote = voiceMatch === "approximate"
+                ? "The audio uses the closest preset voice with style instructions matched to the original speaker. OpenAI/Gemini APIs cannot clone voice identity, so this is an approximation, not a clone."
+                : "No voice profile was available (profiling needs a saved Gemini key), so a default or explicitly requested preset voice was used without matching the original speaker.";
+            const storedJson = await ctx.storage.putJson("regenerate-speech.json", {
+                source_url: payload.source_url,
+                provider,
+                model,
+                voice: voice ?? null,
+                style_instructions: instructions ?? null,
+                voice_match: voiceMatch,
+                voice_match_note: voiceMatchNote,
+                voice_profile: profile?.voice_profile ?? null,
+                original_transcript: originalTranscript || null,
+                rewrite_instruction: payload.rewrite_instruction ?? null,
+                script,
+                audio_url: stored.url
+            });
+            ctx.logger.progress(1, "Speech regeneration complete");
+            return {
+                progress: 1,
+                output: {
+                    files: compactUrls([stored.url, storedJson.url]),
+                    primary_file_url: stored.url,
+                    audioUrl: stored.url,
+                    script,
+                    original_transcript: originalTranscript ? originalTranscript.slice(0, MAX_INLINE_TRANSCRIPT_CHARS) : null,
+                    voice_match: voiceMatch,
+                    voice_match_note: voiceMatchNote,
+                    voice_profile: profile?.voice_profile ?? null,
+                    audio: {
+                        file_url: stored.url,
+                        content_type: generated.contentType,
+                        provider,
+                        model,
+                        voice: voice ?? null,
+                        style_instructions: instructions ?? null,
+                        text_length: script.length
+                    },
+                    details_json_url: storedJson.url
+                }
+            };
+        }
+    }
+});
 const videoProbePrimitive = definePrimitive({
     id: PRIMITIVE_VIDEO_PROBE_ID,
     kind: "video_probe",
@@ -2570,6 +2845,7 @@ class PrimitiveRegistry {
         [ttsPrimitive.id, ttsPrimitive],
         [sttPrimitive.id, sttPrimitive],
         [captionsPrimitive.id, captionsPrimitive],
+        [speechRegeneratePrimitive.id, speechRegeneratePrimitive],
         [hyperframesRenderPrimitive.id, hyperframesRenderPrimitive],
         [brainstormHooksPrimitive.id, brainstormHooksPrimitive],
         [brainstormAwarenessStagesPrimitive.id, brainstormAwarenessStagesPrimitive],

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

@@ -0,0 +1,255 @@
+// /reskin/agency — the Agency / client-workspaces screen ported into the
+// farmville design system. Uses ONLY shared rk-* primitives + a small
+// page-scoped CSS block + a self-contained module script.
+//
+// Renders with representative SAMPLE data so it can be viewed without auth.
+// Faithfully mirrors src/account-pages-legacy.ts → renderAgencyPage: an agency
+// managing its client sub-accounts. The legacy page is a searchable list of
+// cached client accounts (name · email · user id) with "Open Tab" (opens the
+// client's /u/:id/library) and "Copy Login" (autologin URL) actions plus an
+// "Add Login" button. This reskin keeps that spine and dresses it up with the
+// per-client stats the admin agency-link model already tracks (wallet, seats,
+// projects) into warm workspace cards.
+import { reskinDocument, rkEscape } from "./document.js";
+const SAMPLE = {
+    agencyName: "Sunset Social",
+    ownerEmail: "hey@sunsetsocial.co",
+    stats: { clients: 7, activeProjects: 34, seatsUsed: 12, seatsTotal: 20, monthlySpendUsd: 486.2 },
+    clients: [
+        { name: "Meadow Coffee Co.", email: "ops@meadowcoffee.com", userId: "usr_4b12a9", plan: "Pro", status: "active", tint: "gold", projects: 9, scheduled: 6, walletUsd: 42.8, seats: 3, lastSeen: "2h ago" },
+        { name: "Northwind Outdoors", email: "team@northwind.gear", userId: "usr_9f0c31", plan: "Pro", status: "active", tint: "green", projects: 7, scheduled: 4, walletUsd: 88.15, seats: 2, lastSeen: "5h ago" },
+        { name: "Lumen Skincare", email: "grow@lumenskin.co", userId: "usr_2d77e4", plan: "Growth", status: "active", tint: "violet", projects: 6, scheduled: 8, walletUsd: 24.0, seats: 2, lastSeen: "yesterday" },
+        { name: "Harborline Fitness", email: "studio@harborline.fit", userId: "usr_71aa08", plan: "Starter", status: "trial", tint: "sky", projects: 4, scheduled: 2, walletUsd: 5.0, seats: 1, lastSeen: "3d ago" },
+        { name: "Cedar & Co. Home", email: "hello@cedarandco.com", userId: "usr_58bb1c", plan: "Pro", status: "active", tint: "coral", projects: 5, scheduled: 3, walletUsd: 61.4, seats: 2, lastSeen: "6h ago" },
+        { name: "Beacon Legal", email: "marketing@beaconlegal.io", userId: "usr_3c90f7", plan: "Growth", status: "paused", tint: "ink", projects: 2, scheduled: 0, walletUsd: 12.9, seats: 1, lastSeen: "2w ago" },
+        { name: "Pixel Pantry", email: "founders@pixelpantry.app", userId: "usr_6e14d0", plan: "Starter", status: "trial", tint: "sky", projects: 1, scheduled: 1, walletUsd: 5.0, seats: 1, lastSeen: "1d ago" }
+    ]
+};
+const STATUS_PILL = {
+    active: { cls: "rk-pill-green", label: "Active", dot: "●" },
+    trial: { cls: "rk-pill-sky", label: "Trial", dot: "◐" },
+    paused: { cls: "rk-pill-red", label: "Paused", dot: "◌" }
+};
+function money(n) {
+    const frac = Number.isInteger(n) ? 0 : 2;
+    return `$${n.toLocaleString("en-US", { minimumFractionDigits: frac, maximumFractionDigits: 2 })}`;
+}
+function initials(name) {
+    const letters = name
+        .replace(/&/g, " ")
+        .split(/\s+/)
+        .map((w) => (w.match(/[a-z0-9]/i) || [""])[0])
+        .filter(Boolean);
+    const out = `${letters[0] || ""}${letters[1] || ""}`;
+    return (out || "?").toUpperCase();
+}
+function statTile(label, value, sub) {
+    return `<div class="rk-card rk-card-pad-sm rk-agency-stat">
+    <div class="rk-stat-label">${rkEscape(label)}</div>
+    <div class="rk-stat-num">${value}</div>
+    <div class="rk-agency-stat-sub">${rkEscape(sub)}</div>
+  </div>`;
+}
+function clientCard(c) {
+    const pill = STATUS_PILL[c.status];
+    const search = `${c.name} ${c.email} ${c.userId}`.toLowerCase();
+    return `<article class="rk-card rk-card-hover rk-agency-card" data-rk-client="${rkEscape(search)}">
+    <div class="rk-agency-card-top">
+      <span class="rk-tile rk-tile-lg rk-tile-${c.tint} rk-agency-avatar">${rkEscape(initials(c.name))}</span>
+      <div class="rk-agency-card-id">
+        <h3 class="rk-agency-name">${rkEscape(c.name)}</h3>
+        <div class="rk-agency-email" role="button" tabindex="0" data-rk-copy-text="${rkEscape(c.email)}" title="Copy email">${rkEscape(c.email)}</div>
+      </div>
+      <span class="rk-pill ${pill.cls} rk-agency-status">${pill.dot} ${pill.label}</span>
+    </div>
+    <div class="rk-agency-meta">
+      <span class="rk-pill rk-pill-gold">${rkEscape(c.plan)} plan</span>
+      <span class="rk-pill">${c.seats} ${c.seats === 1 ? "seat" : "seats"}</span>
+      <span class="rk-agency-user" role="button" tabindex="0" data-rk-copy-text="${rkEscape(c.userId)}" title="Copy user id">${rkEscape(c.userId)}</span>
+    </div>
+    <div class="rk-agency-minis">
+      <div class="rk-agency-mini">
+        <div class="rk-agency-mini-num">${c.projects}</div>
+        <div class="rk-agency-mini-lbl">Projects</div>
+      </div>
+      <div class="rk-agency-mini">
+        <div class="rk-agency-mini-num">${c.scheduled}</div>
+        <div class="rk-agency-mini-lbl">Scheduled</div>
+      </div>
+      <div class="rk-agency-mini">
+        <div class="rk-agency-mini-num">${money(c.walletUsd)}</div>
+        <div class="rk-agency-mini-lbl">Wallet</div>
+      </div>
+    </div>
+    <div class="rk-agency-card-foot">
+      <a class="rk-btn rk-btn-ghost rk-btn-sm rk-agency-open" href="/u/${encodeURIComponent(c.userId)}/library" target="_blank" rel="noreferrer">Open workspace <span class="rk-arrow">→</span></a>
+      <button class="rk-btn rk-btn-ghost rk-btn-sm" type="button" data-rk-copy-login="/auto-login?client=${encodeURIComponent(c.userId)}">Copy login</button>
+      <span class="rk-agency-seen">Active ${rkEscape(c.lastSeen)}</span>
+    </div>
+  </article>`;
+}
+export function renderReskinAgency() {
+    const a = SAMPLE;
+    const s = a.stats;
+    const stats = `
+  <div class="rk-grid rk-grid-4 rk-agency-stats">
+    ${statTile("Client workspaces", String(s.clients), "all sub-accounts you manage")}
+    ${statTile("Active projects", String(s.activeProjects), "across every client")}
+    ${statTile("Seats used", `${s.seatsUsed}<span class="rk-agency-stat-of"> / ${s.seatsTotal}</span>`, "team members with access")}
+    ${statTile("Monthly spend", money(s.monthlySpendUsd), "pooled render + clip usage")}
+  </div>`;
+    const clientCards = a.clients.map(clientCard).join("");
+    const inviteCard = `<article class="rk-card rk-agency-invite" data-rk-client="__invite__">
+    <span class="rk-tile rk-tile-lg rk-tile-gold rk-agency-invite-ic">＋</span>
+    <h3 class="rk-agency-invite-title">Add a client workspace</h3>
+    <p class="rk-muted rk-agency-invite-copy">Link a client's account and get an autologin so your team can post on their behalf.</p>
+    <button class="rk-btn rk-btn-gold" type="button" data-rk-add-client>Add client <span class="rk-arrow">→</span></button>
+  </article>`;
+    const body = `
+<main class="rk-container rk-page">
+  <div class="rk-page-head rk-agency-head">
+    <div class="rk-agency-head-copy">
+      <span class="rk-badge">Agency workspace</span>
+      <h1 class="rk-h1">Agency</h1>
+      <p class="rk-sub">Manage every client workspace from one seat — ${a.clients.length} accounts, shared seats, and one pooled bill.</p>
+    </div>
+    <div class="rk-agency-head-cta">
+      <a class="rk-btn rk-btn-ghost" href="/agency-client-login" target="_blank" rel="noreferrer">Add login</a>
+      <button class="rk-btn rk-btn-gold rk-btn-lg" type="button" data-rk-add-client>Add client <span class="rk-arrow">→</span></button>
+    </div>
+  </div>
+
+  ${stats}
+
+  <section class="rk-agency-panel">
+    <div class="rk-spread rk-wrap rk-agency-toolbar">
+      <div class="rk-agency-toolbar-copy">
+        <span class="rk-eyebrow">Clients</span>
+        <h2 class="rk-agency-h2">${a.clients.length} client workspaces</h2>
+      </div>
+      <div class="rk-agency-search-wrap">
+        <span class="rk-agency-search-ic" aria-hidden="true"><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></span>
+        <input class="rk-input rk-agency-search" type="search" placeholder="Search name, email, or user id" autocomplete="off" spellcheck="false" data-rk-agency-search />
+      </div>
+    </div>
+    <div class="rk-grid rk-grid-3 rk-agency-grid" data-rk-agency-grid>
+      ${clientCards}
+      ${inviteCard}
+    </div>
+    <div class="rk-agency-empty" data-rk-agency-empty hidden>
+      <p class="rk-muted">No client workspaces match that search.</p>
+    </div>
+  </section>
+</main>`;
+    const pageCss = `
+.rk-agency-head{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:20px}
+.rk-agency-head-copy{display:grid;gap:8px;min-width:0}
+.rk-agency-head-copy .rk-badge{justify-self:start}
+.rk-agency-head-cta{display:flex;align-items:center;gap:10px;flex:none}
+@media(max-width:760px){.rk-agency-head{grid-template-columns:1fr}.rk-agency-head-cta{flex-wrap:wrap}}
+
+.rk-agency-stats{margin-bottom:28px}
+.rk-agency-stat{display:grid;gap:6px;align-content:start}
+.rk-agency-stat-ic{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:var(--rk-gold-tint);font-size:13px}
+.rk-agency-stat-sub{font-size:12px;color:var(--rk-text-faint)}
+.rk-agency-stat-of{font-size:var(--rk-text-xl);color:var(--rk-text-faint);font-weight:700}
+
+.rk-agency-panel{background:var(--rk-bg-section);border:1px solid var(--rk-border);border-radius:var(--rk-r-3xl);padding:24px}
+.rk-agency-toolbar{margin-bottom:20px}
+.rk-agency-toolbar-copy{display:grid;gap:4px}
+.rk-agency-h2{font-size:var(--rk-text-2xl);letter-spacing:-.02em;color:var(--rk-ink)}
+.rk-agency-search-wrap{position:relative;width:min(360px,100%)}
+.rk-agency-search-ic{position:absolute;left:15px;top:50%;transform:translateY(-50%);font-size:14px;opacity:.6;pointer-events:none}
+.rk-agency-search{padding-left:40px;background:#fff;border-radius:var(--rk-r-full)}
+@media(max-width:620px){.rk-agency-search-wrap{width:100%}}
+
+.rk-agency-grid{align-items:stretch}
+.rk-agency-card{padding:22px;display:flex;flex-direction:column;gap:16px}
+.rk-agency-card-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:start}
+.rk-agency-avatar{font-family:var(--rk-font-display);font-weight:800;font-size:22px}
+.rk-agency-card-id{min-width:0;display:grid;gap:2px}
+.rk-agency-name{font-size:var(--rk-text-lg);font-weight:800;font-family:var(--rk-font-display);color:var(--rk-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+.rk-agency-email{font-size:13px;color:var(--rk-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:color var(--rk-dur) var(--rk-ease)}
+.rk-agency-email:hover{color:var(--rk-gold-700)}
+.rk-agency-status{flex:none;align-self:start;white-space:nowrap}
+.rk-agency-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
+.rk-agency-user{font-family:var(--rk-font-mono);font-size:12px;color:var(--rk-text-faint);cursor:pointer;transition:color var(--rk-dur) var(--rk-ease)}
+.rk-agency-user:hover{color:var(--rk-n-600)}
+.rk-agency-minis{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--rk-n-100);border-radius:var(--rk-r-xl);padding:14px 10px;margin-top:auto}
+.rk-agency-mini{display:grid;gap:3px;justify-items:center;text-align:center;position:relative}
+.rk-agency-mini+.rk-agency-mini::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);height:26px;width:1px;background:var(--rk-border)}
+.rk-agency-mini-num{font-family:var(--rk-font-display);font-weight:800;font-size:1.1rem;color:var(--rk-ink);letter-spacing:-.02em}
+.rk-agency-mini-lbl{font-size:11px;font-weight:600;color:var(--rk-text-muted);text-transform:uppercase;letter-spacing:.03em}
+.rk-agency-card-foot{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
+.rk-agency-open{font-weight:600}
+.rk-agency-seen{margin-left:auto;font-size:12px;color:var(--rk-text-faint);white-space:nowrap}
+
+.rk-agency-invite{border-style:dashed;border-color:var(--rk-border-strong);background:linear-gradient(180deg,var(--rk-gold-tint),#fff 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;min-height:240px}
+.rk-agency-invite-ic{font-size:26px}
+.rk-agency-invite-title{font-size:var(--rk-text-lg);font-family:var(--rk-font-display);font-weight:800;color:var(--rk-ink)}
+.rk-agency-invite-copy{font-size:13px;max-width:26ch}
+
+.rk-agency-empty{display:none;flex-direction:column;align-items:center;gap:12px;padding:56px 20px;text-align:center}
+.rk-agency-empty[data-rk-shown="1"]{display:flex}
+`;
+    const script = `
+(function(){
+  var root=document;
+  var grid=root.querySelector('[data-rk-agency-grid]');
+  var search=root.querySelector('[data-rk-agency-search]');
+  var empty=root.querySelector('[data-rk-agency-empty]');
+  // client-side search filter over the workspace cards
+  function filter(){
+    if(!grid)return;
+    var q=(search&&search.value||'').trim().toLowerCase();
+    var visible=0;
+    grid.querySelectorAll('[data-rk-client]').forEach(function(card){
+      var key=card.getAttribute('data-rk-client')||'';
+      var isInvite=key==='__invite__';
+      var hit=!q||(!isInvite&&key.indexOf(q)!==-1);
+      // keep the invite card visible only when not searching
+      var show=isInvite?!q:hit;
+      card.hidden=!show;
+      if(show&&!isInvite)visible++;
+    });
+    if(empty){empty.hidden=!(q&&visible===0);empty.setAttribute('data-rk-shown',(q&&visible===0)?'1':'0');}
+  }
+  if(search)search.addEventListener('input',filter);
+  // copy helpers (email / user id / login link)
+  function flash(el,label){
+    var tag=el.getAttribute('data-rk-flash-tag')||el.getAttribute('title')||'';
+    var prev=el.textContent;
+    el.textContent=label;
+    setTimeout(function(){el.textContent=prev;},1200);
+  }
+  function copy(value,el){
+    if(!value||!navigator.clipboard)return;
+    navigator.clipboard.writeText(value).then(function(){flash(el,'Copied!');});
+  }
+  root.querySelectorAll('[data-rk-copy-text]').forEach(function(el){
+    var run=function(){copy(el.getAttribute('data-rk-copy-text'),el);};
+    el.addEventListener('click',run);
+    el.addEventListener('keydown',function(e){if(e.key==='Enter'||e.key===' '){e.preventDefault();run();}});
+  });
+  root.querySelectorAll('[data-rk-copy-login]').forEach(function(btn){
+    btn.addEventListener('click',function(){
+      var rel=btn.getAttribute('data-rk-copy-login')||'';
+      var abs=rel;try{abs=new URL(rel,location.origin).toString();}catch(_){}
+      copy(abs,btn);
+    });
+  });
+  // "Add client" CTA — reskin surface has no backend; nudge to real flow
+  root.querySelectorAll('[data-rk-add-client]').forEach(function(btn){
+    btn.addEventListener('click',function(){window.open('/agency-client-login','_blank','noopener,noreferrer');});
+  });
+})();`;
+    return reskinDocument({
+        title: "vidfarm reskin — Agency",
+        description: "Reskinned vidfarm agency page (client workspaces, seats, pooled billing).",
+        activeSlug: "agency",
+        pageCss,
+        body,
+        script
+    });
+}
+//# sourceMappingURL=agency-page.js.map