@mevdragon/vidfarm-devcli 0.20.6 → 0.20.9

package/dist/src/registry.js

@@ -1,296 +0,0 @@
-import { existsSync, readdirSync } from "node:fs";
-import path from "node:path";
-import { z } from "zod";
-import { config } from "./config.js";
-import { devLog } from "./lib/dev-log.js";
-import { loadTemplateFromModule } from "./services/template-loader.js";
-import { loadTemplateFromRuntimeRelease } from "./services/template-runtime-bundles.js";
-import { serverlessRecords } from "./services/serverless-records.js";
-class TemplateRegistry {
-    localTemplates = new Map();
-    releaseTemplates = new Map();
-    activeReleases = new Map();
-    runtimeTemplates = new Map();
-    initialized = false;
-    initPromise = null;
-    async ensureInitialized() {
-        if (this.initialized) {
-            return;
-        }
-        if (this.initPromise) {
-            return this.initPromise;
-        }
-        this.initPromise = (async () => {
-            await this.loadActiveReleaseSnapshots();
-            if (shouldLoadLocalTemplates()) {
-                await this.loadLocalTemplates();
-                devLog("template_registry.local_loaded", {
-                    count: this.localTemplates.size,
-                    template_ids: [...this.localTemplates.keys()]
-                });
-            }
-            this.initialized = true;
-            this.initPromise = null;
-            devLog("template_registry.initialized", {
-                local_count: this.localTemplates.size,
-                release_count: this.releaseTemplates.size,
-                runtime_count: this.runtimeTemplates.size
-            });
-        })();
-        return this.initPromise;
-    }
-    list() {
-        const merged = new Map();
-        for (const template of this.releaseTemplates.values()) {
-            merged.set(template.id, template);
-        }
-        for (const template of this.localTemplates.values()) {
-            merged.set(template.id, template);
-        }
-        for (const template of this.runtimeTemplates.values()) {
-            merged.set(template.id, template);
-        }
-        return [...merged.values()].sort((a, b) => a.id.localeCompare(b.id));
-    }
-    get(templateId) {
-        return this.findTemplate(templateId, this.runtimeTemplates)
-            ?? this.findTemplate(templateId, this.localTemplates)
-            ?? this.findTemplate(templateId, this.releaseTemplates);
-    }
-    async listMetadata() {
-        try {
-            const releases = await serverlessRecords.listActiveTemplateReleases?.() ?? [];
-            for (const release of releases) {
-                this.cacheReleaseSnapshot(release);
-            }
-            const releaseTemplates = releases
-                .filter((release) => release.templateSnapshot)
-                .map((release) => templateFromSnapshot(release.templateSnapshot, release));
-            return await this.mergeLocalMetadata(releaseTemplates);
-        }
-        catch (error) {
-            devLog("template_registry.metadata.list_failed", {
-                message: error instanceof Error ? error.message : String(error)
-            }, "warn");
-            await this.ensureInitialized();
-            return this.list();
-        }
-    }
-    async listMetadataPage(input = {}) {
-        try {
-            const page = await serverlessRecords.listActiveTemplateReleasePage?.(input);
-            if (!page) {
-                return { templates: await this.listMetadata(), nextCursor: null };
-            }
-            for (const release of page.items) {
-                this.cacheReleaseSnapshot(release);
-            }
-            const releaseTemplates = page.items
-                .filter((release) => release.templateSnapshot)
-                .map((release) => templateFromSnapshot(release.templateSnapshot, release));
-            return {
-                templates: await this.mergeLocalMetadata(releaseTemplates),
-                nextCursor: page.nextCursor
-            };
-        }
-        catch (error) {
-            devLog("template_registry.metadata.page_failed", {
-                message: error instanceof Error ? error.message : String(error)
-            }, "warn");
-            return { templates: await this.listMetadata(), nextCursor: null };
-        }
-    }
-    async getMetadata(templateId) {
-        const cached = this.get(templateId);
-        if (cached) {
-            return cached;
-        }
-        try {
-            const release = await serverlessRecords.getActiveTemplateReleaseByTemplateId?.(templateId);
-            if (release?.templateSnapshot) {
-                return this.cacheReleaseSnapshot(release);
-            }
-        }
-        catch (error) {
-            devLog("template_registry.metadata.get_failed", {
-                template_id: templateId,
-                message: error instanceof Error ? error.message : String(error)
-            }, "warn");
-        }
-        await this.ensureInitialized();
-        return this.get(templateId);
-    }
-    async getExecutable(templateId) {
-        const runtime = this.findTemplate(templateId, this.runtimeTemplates) ?? this.findTemplate(templateId, this.localTemplates);
-        if (runtime) {
-            return runtime;
-        }
-        let releaseTemplate = this.findTemplate(templateId, this.releaseTemplates);
-        let release = releaseTemplate ? this.activeReleases.get(releaseTemplate.id) : null;
-        if (!release) {
-            try {
-                const activeRelease = await serverlessRecords.getActiveTemplateReleaseByTemplateId?.(templateId);
-                if (activeRelease?.templateSnapshot) {
-                    releaseTemplate = this.cacheReleaseSnapshot(activeRelease);
-                    release = activeRelease;
-                }
-            }
-            catch (error) {
-                devLog("template_registry.executable.active_release_lookup_failed", {
-                    template_id: templateId,
-                    message: error instanceof Error ? error.message : String(error)
-                }, "warn");
-            }
-        }
-        if (!release) {
-            await this.ensureInitialized();
-            const initializedRuntime = this.findTemplate(templateId, this.runtimeTemplates) ?? this.findTemplate(templateId, this.localTemplates);
-            if (initializedRuntime) {
-                return initializedRuntime;
-            }
-            releaseTemplate = this.findTemplate(templateId, this.releaseTemplates);
-            release = releaseTemplate ? this.activeReleases.get(releaseTemplate.id) : null;
-        }
-        if (!release) {
-            return null;
-        }
-        const template = await loadTemplateFromRuntimeRelease(release);
-        this.runtimeTemplates.set(template.id, template);
-        return template;
-    }
-    registerRuntimeTemplate(template) {
-        this.runtimeTemplates.set(template.id, template);
-    }
-    cacheReleaseSnapshot(release) {
-        if (!release.templateSnapshot) {
-            return null;
-        }
-        const template = templateFromSnapshot(release.templateSnapshot, release);
-        this.releaseTemplates.set(template.id, template);
-        this.activeReleases.set(template.id, release);
-        return template;
-    }
-    async loadLocalTemplates() {
-        this.localTemplates.clear();
-        for (const modulePath of discoverLocalTemplateModulePaths(process.cwd())) {
-            const template = await loadTemplateFromModule(modulePath);
-            this.localTemplates.set(template.id, template);
-            devLog("template_registry.local_template.loaded", {
-                template_id: template.id,
-                slug_id: template.slugId,
-                module_path: modulePath
-            });
-        }
-    }
-    async loadActiveReleaseSnapshots() {
-        this.releaseTemplates.clear();
-        this.activeReleases.clear();
-        let releases = [];
-        try {
-            releases = await serverlessRecords.listActiveTemplateReleases?.() ?? [];
-        }
-        catch (error) {
-            devLog("template_registry.active_releases.load_failed", {
-                message: error instanceof Error ? error.message : String(error)
-            }, "warn");
-            return;
-        }
-        for (const release of releases) {
-            if (!release.templateSnapshot) {
-                continue;
-            }
-            this.cacheReleaseSnapshot(release);
-        }
-        devLog("template_registry.active_releases.loaded", {
-            count: this.releaseTemplates.size,
-            template_ids: [...this.releaseTemplates.keys()]
-        });
-    }
-    async mergeLocalMetadata(templates) {
-        if (shouldLoadLocalTemplates()) {
-            await this.ensureInitialized();
-        }
-        const merged = new Map();
-        for (const template of templates) {
-            merged.set(template.id, template);
-        }
-        for (const template of this.localTemplates.values()) {
-            merged.set(template.id, template);
-        }
-        for (const template of this.runtimeTemplates.values()) {
-            merged.set(template.id, template);
-        }
-        return [...merged.values()].sort((a, b) => a.id.localeCompare(b.id));
-    }
-    findTemplate(templateKey, source) {
-        return source.get(templateKey) ?? [...source.values()].find((template) => template.slugId === templateKey) ?? null;
-    }
-}
-function templateFromSnapshot(snapshot, release) {
-    const snapshotAbout = snapshot.about;
-    const operations = Object.fromEntries(snapshot.operations.map((operation) => [
-        operation.name,
-        {
-            description: operation.description,
-            inputSchema: z.record(z.string(), z.unknown()),
-            workflow: operation.workflow,
-            providerHint: operation.providerHint ?? undefined,
-            webhookSupport: operation.webhookSupport ?? undefined
-        }
-    ]));
-    return {
-        id: snapshot.id,
-        slugId: snapshot.slugId,
-        version: snapshot.version,
-        about: {
-            ...snapshot.about,
-            links_to_inspiration: normalizeTemplateInspirationLinks(snapshotAbout.links_to_inspiration, snapshot.about.link_to_original),
-            sound: normalizeTemplateSound(snapshotAbout.sound)
-        },
-        examples: snapshot.examples,
-        skillPath: release.skillPath,
-        configSchema: z.record(z.string(), z.unknown()),
-        operations,
-        jobs: {}
-    };
-}
-function normalizeTemplateInspirationLinks(value, linkToOriginal) {
-    if (Array.isArray(value)) {
-        return value.filter((entry) => typeof entry === "string");
-    }
-    return linkToOriginal ? [linkToOriginal] : [];
-}
-function normalizeTemplateSound(value) {
-    return {
-        sound_title: typeof value?.sound_title === "string" ? value.sound_title : "",
-        sound_url: typeof value?.sound_url === "string" ? value.sound_url : ""
-    };
-}
-function shouldLoadLocalTemplates() {
-    if (config.VIDFARM_LOAD_LOCAL_TEMPLATES === "true") {
-        return true;
-    }
-    if (config.VIDFARM_LOAD_LOCAL_TEMPLATES === "false") {
-        return false;
-    }
-    return !config.isProduction;
-}
-function discoverLocalTemplateModulePaths(rootDir) {
-    const templatesDir = path.resolve(rootDir, "templates");
-    if (!existsSync(templatesDir)) {
-        return [];
-    }
-    return readdirSync(templatesDir, { withFileTypes: true })
-        .filter((entry) => entry.isDirectory() && entry.name.startsWith("vidfarm_template_"))
-        .filter((entry) => (entry.name !== "vidfarm_template_0000"
-        || process.env.NODE_ENV !== "production"
-        || process.env.VIDFARM_DEPLOYMENT_TARGET === "serverless-staging"))
-        .map((entry) => [
-        path.join(templatesDir, entry.name, "src", "template.js"),
-        path.join(templatesDir, entry.name, "src", "template.ts")
-    ].find((modulePath) => existsSync(modulePath)))
-        .filter((modulePath) => Boolean(modulePath))
-        .sort((a, b) => a.localeCompare(b));
-}
-export const templateRegistry = new TemplateRegistry();
-//# sourceMappingURL=registry.js.map

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

@@ -1,299 +0,0 @@
-// /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:normal;overflow-wrap:anywhere}
-@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