@mevdragon/vidfarm-devcli 0.16.0 → 0.18.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,299 @@
+// /reskin/agency — the Agency / client-workspaces screen, MIGRATED to real
+// production data + behavior (farmville design system).
+//
+// This mirrors src/account-pages-legacy.ts → renderAgencyPage: an agency
+// managing its client sub-accounts. The live page's client list is NOT
+// server-fetched — it is read CLIENT-SIDE from this browser's localStorage
+// account registry (the same cache the app writes when you sign into a client
+// account), so the server can only render an empty shell + template and the
+// real client cards are built in JS. This reskin replicates that exact read and
+// wires the real per-client actions:
+//   • "Open workspace"  → opens the client's /u/:id/library in a new tab
+//   • "Copy login"      → copies the client's autologin URL
+//   • "Add client login"→ opens /agency-client-login
+// localStorage contract (identical keys/fields to the live page):
+//   index   key: "vidfarm:agency:accounts:index"        → string[] of userIds
+//   entry   key: "vidfarm:agency:account_<userId>"      → { apiKey, email,
+//                  displayName, lastSeenAt, autologinUrl? }
+//   autologinUrl falls back to "/auto-login?api_key=<encodeURIComponent(apiKey)>"
+//
+// The old reskin rendered fabricated per-client stats (projects, scheduled,
+// wallet, seats, plan, status) and aggregate tiles — NONE of those live in the
+// cache, so they are dropped. Cards now show only real cached fields (name,
+// email, user id, last-seen). Avatars are text initials (no emoji).
+import { reskinDocument, rkEscape } from "./document.js";
+export function renderReskinAgency(input = { userId: null, currentAccountId: null, name: null, email: null, loggedIn: false }) {
+    const loggedIn = input.loggedIn ?? Boolean(input.userId);
+    const signedInHint = loggedIn && input.email
+        ? `<span class="rk-agency-hint">Managing from ${rkEscape(input.email)}</span>`
+        : "";
+    const PLUS = `<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 5v14M5 12h14"/></svg>`;
+    // The invite / "add a client workspace" card is a static, always-real CTA to
+    // the /agency-client-login flow. It lives inside the grid alongside the
+    // JS-injected client cards (which render into [data-rk-agency-cards]).
+    const inviteCard = `<article class="rk-card rk-agency-invite" data-rk-agency-invite>
+    <span class="rk-tile rk-tile-lg rk-tile-gold rk-agency-invite-ic">${PLUS}</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>
+    <a class="rk-btn rk-btn-gold" href="/agency-client-login" target="_blank" rel="noreferrer">Add client login <span class="rk-arrow">→</span></a>
+  </article>`;
+    const body = `
+<main class="rk-container rk-page">
+  <div class="rk-page-head rk-agency-head">
+    <div class="rk-agency-head-copy">
+      <h1 class="rk-h1">Agency clients</h1>
+      <p class="rk-sub">Every client workspace cached on this device — open their library, or copy a one-tap login to post on their behalf.</p>
+    </div>
+    <div class="rk-agency-head-cta">
+      ${signedInHint}
+      <a class="rk-btn rk-btn-gold rk-btn-lg" href="/agency-client-login" target="_blank" rel="noreferrer">Add client login <span class="rk-arrow">→</span></a>
+    </div>
+  </div>
+
+  <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"><span data-rk-agency-count>0</span> client workspace<span data-rk-agency-plural>s</span></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>
+      <div class="rk-agency-cards" data-rk-agency-cards></div>
+      ${inviteCard}
+    </div>
+    <div class="rk-agency-empty" data-rk-agency-empty hidden>
+      <p class="rk-muted" data-rk-agency-empty-msg>No cached accounts found in this browser yet.</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:4px;min-width:0}
+.rk-agency-head-cta{display:flex;align-items:center;gap:12px;flex:none}
+.rk-agency-hint{font-size:13px;color:var(--rk-text-muted);white-space:nowrap}
+@media(max-width:760px){.rk-agency-head{grid-template-columns:1fr}.rk-agency-head-cta{flex-wrap:wrap}}
+
+.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}
+/* the JS card wrapper is transparent to the grid so cards + invite share tracks */
+.rk-agency-cards{display:contents}
+.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-seen-pill{flex:none;align-self:start;white-space:nowrap}
+.rk-agency-idrow{display:flex}
+.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);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
+.rk-agency-user:hover{color:var(--rk-n-600)}
+.rk-agency-card-foot{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:auto}
+.rk-agency-open{font-weight:600}
+
+.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{display:grid;place-items:center}
+.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}
+`;
+    // Client-side: replicate the live localStorage account-registry read, build
+    // real farmville client cards, and wire the real actions. Written with string
+    // concatenation (not template literals) to avoid nested-`${}` escaping.
+    const script = `
+(function(){
+  var ACCOUNT_REGISTRY_INDEX_KEY = "vidfarm:agency:accounts:index";
+  var ACCOUNT_REGISTRY_ENTRY_PREFIX = "vidfarm:agency:account_";
+  var TINTS = ["gold","sky","violet","green","coral","ink"];
+
+  var root=document;
+  var cardsWrap=root.querySelector('[data-rk-agency-cards]');
+  var invite=root.querySelector('[data-rk-agency-invite]');
+  var search=root.querySelector('[data-rk-agency-search]');
+  var empty=root.querySelector('[data-rk-agency-empty]');
+  var emptyMsg=root.querySelector('[data-rk-agency-empty-msg]');
+  var countEl=root.querySelector('[data-rk-agency-count]');
+  var pluralEl=root.querySelector('[data-rk-agency-plural]');
+  var searchQuery="";
+
+  function escapeHtml(value){
+    return String(value==null?"":value)
+      .replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;")
+      .replace(/"/g,"&quot;").replace(/'/g,"&#39;");
+  }
+
+  function initials(name){
+    var letters=String(name||"").replace(/&/g," ").split(/\\s+/)
+      .map(function(w){var m=w.match(/[a-z0-9]/i);return m?m[0]:"";})
+      .filter(Boolean);
+    var out=(letters[0]||"")+(letters[1]||"");
+    return (out||"?").toUpperCase();
+  }
+
+  function tintFor(seed){
+    var s=String(seed||""),h=0;
+    for(var i=0;i<s.length;i++){h=(h*31+s.charCodeAt(i))>>>0;}
+    return TINTS[h%TINTS.length];
+  }
+
+  function relTime(iso){
+    var t=Date.parse(iso||"");
+    if(isNaN(t))return "";
+    var diff=Date.now()-t; if(diff<0)diff=0;
+    var m=Math.floor(diff/60000);
+    if(m<1)return "just now";
+    if(m<60)return m+"m ago";
+    var hr=Math.floor(m/60);
+    if(hr<24)return hr+"h ago";
+    var d=Math.floor(hr/24);
+    if(d<7)return d+"d ago";
+    try{return new Date(t).toLocaleDateString("en-US",{month:"short",day:"numeric"});}catch(_){return d+"d ago";}
+  }
+
+  function readAccountIds(){
+    try{
+      var raw=window.localStorage.getItem(ACCOUNT_REGISTRY_INDEX_KEY);
+      var parsed=raw?JSON.parse(raw):[];
+      return Array.isArray(parsed)?parsed.filter(function(v){return typeof v==="string"&&v;}):[];
+    }catch(_){return [];}
+  }
+
+  function readAccounts(){
+    return readAccountIds().map(function(userId){
+      try{
+        var raw=window.localStorage.getItem(ACCOUNT_REGISTRY_ENTRY_PREFIX+userId);
+        if(!raw)return null;
+        var parsed=JSON.parse(raw);
+        if(!parsed||typeof parsed!=="object"||typeof parsed.apiKey!=="string"||!parsed.apiKey)return null;
+        return {
+          userId:userId,
+          email:typeof parsed.email==="string"?parsed.email:"",
+          displayName:typeof parsed.displayName==="string"?parsed.displayName:"",
+          lastSeenAt:typeof parsed.lastSeenAt==="string"?parsed.lastSeenAt:"",
+          autologinUrl:typeof parsed.autologinUrl==="string"?parsed.autologinUrl:"/auto-login?api_key="+encodeURIComponent(parsed.apiKey)
+        };
+      }catch(_){return null;}
+    }).filter(Boolean).sort(function(a,b){return Date.parse(b.lastSeenAt||"")-Date.parse(a.lastSeenAt||"");});
+  }
+
+  function matchesSearch(account){
+    var needle=searchQuery.trim().toLowerCase();
+    if(!needle)return true;
+    return [account.displayName,account.email,account.userId]
+      .some(function(v){return String(v||"").toLowerCase().indexOf(needle)!==-1;});
+  }
+
+  function cardHtml(account){
+    var title=account.displayName||account.email||account.userId;
+    var tint=tintFor(account.userId);
+    var seen=relTime(account.lastSeenAt);
+    var seenPill=seen?'<span class="rk-pill rk-agency-seen-pill">Active '+escapeHtml(seen)+'</span>':'';
+    var openTarget="/u/"+encodeURIComponent(account.userId)+"/library";
+    return ''
+      +'<article class="rk-card rk-card-hover rk-agency-card">'
+      +'<div class="rk-agency-card-top">'
+      +'<span class="rk-tile rk-tile-lg rk-tile-'+tint+' rk-agency-avatar">'+escapeHtml(initials(title))+'</span>'
+      +'<div class="rk-agency-card-id">'
+      +'<h3 class="rk-agency-name">'+escapeHtml(title)+'</h3>'
+      +'<div class="rk-agency-email" role="button" tabindex="0" data-rk-copy-text="'+escapeHtml(account.email||"")+'" title="Copy email">'+escapeHtml(account.email||"No email")+'</div>'
+      +'</div>'
+      +seenPill
+      +'</div>'
+      +'<div class="rk-agency-idrow">'
+      +'<span class="rk-agency-user" role="button" tabindex="0" data-rk-copy-text="'+escapeHtml(account.userId)+'" title="Copy user id">User '+escapeHtml(account.userId)+'</span>'
+      +'</div>'
+      +'<div class="rk-agency-card-foot">'
+      +'<button class="rk-btn rk-btn-ink rk-btn-sm rk-agency-open" type="button" data-rk-open-tab="'+escapeHtml(openTarget)+'">Open workspace <span class="rk-arrow">→</span></button>'
+      +'<button class="rk-btn rk-btn-ghost rk-btn-sm" type="button" data-rk-copy-login="'+escapeHtml(account.autologinUrl)+'">Copy login</button>'
+      +'</div>'
+      +'</article>';
+  }
+
+  function flash(el,label){
+    if(!el)return;
+    var prev=el.textContent;
+    el.textContent=label;
+    window.setTimeout(function(){el.textContent=prev;},1300);
+  }
+  function copy(value,el){
+    if(!value)return;
+    if(navigator.clipboard&&navigator.clipboard.writeText){
+      navigator.clipboard.writeText(value).then(function(){flash(el,"Copied");},function(){flash(el,"Clipboard blocked");});
+    }else{flash(el,"Clipboard blocked");}
+  }
+
+  function wire(){
+    if(!cardsWrap)return;
+    cardsWrap.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();}});
+    });
+    cardsWrap.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,window.location.origin).toString();}catch(_){}
+        copy(abs,btn);
+      });
+    });
+    cardsWrap.querySelectorAll('[data-rk-open-tab]').forEach(function(btn){
+      btn.addEventListener('click',function(){
+        var target=btn.getAttribute('data-rk-open-tab');
+        if(target)window.open(target,'_blank','noopener,noreferrer');
+      });
+    });
+  }
+
+  function render(){
+    if(!cardsWrap)return;
+    var accounts=readAccounts();
+    var total=accounts.length;
+    if(countEl)countEl.textContent=String(total);
+    if(pluralEl)pluralEl.textContent=total===1?'':'s';
+
+    var filtered=accounts.filter(matchesSearch);
+    cardsWrap.innerHTML=filtered.map(cardHtml).join('');
+    wire();
+
+    // hide the "add client" invite while actively searching (it isn't a result)
+    if(invite)invite.hidden=!!searchQuery.trim();
+
+    if(empty&&emptyMsg){
+      var showEmpty=false,msg='';
+      if(total===0){showEmpty=true;msg='No cached accounts found in this browser yet.';}
+      else if(filtered.length===0){showEmpty=true;msg='No agency clients match that search.';}
+      emptyMsg.textContent=msg;
+      empty.hidden=!showEmpty;
+      empty.setAttribute('data-rk-shown',showEmpty?'1':'0');
+    }
+  }
+
+  if(search){
+    search.addEventListener('input',function(){searchQuery=search.value||'';render();});
+  }
+  render();
+})();`;
+    return reskinDocument({
+        title: "vidfarm reskin — Agency",
+        description: "Reskinned vidfarm agency page — cached client workspaces, open library, copy autologin.",
+        activeSlug: "agency",
+        pageCss,
+        body,
+        script
+    });
+}
+//# sourceMappingURL=agency-page.js.map