npm - @mevdragon/vidfarm-devcli - Versions diffs - 0.16.0 → 0.18.0 - Mend

@mevdragon/vidfarm-devcli 0.16.0 → 0.18.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (38) hide show

package/.agents/skills/farmville-saas-ux/SKILL.md +156 -0
package/.agents/skills/farmville-saas-ux/assets/starter.html +294 -0
package/.agents/skills/farmville-saas-ux/references/components.md +340 -0
package/.agents/skills/farmville-saas-ux/references/porting-guide.md +121 -0
package/.agents/skills/farmville-saas-ux/references/tokens.md +271 -0
package/.agents/skills/vidfarm-media/SKILL.md +4 -3
package/.agents/skills/vidfarm-media/references/tts.md +20 -1
package/SKILL.director.md +20 -20
package/SKILL.platform.md +4 -4
package/dist/src/account-pages-legacy.js +2 -2
package/dist/src/app.js +721 -101
package/dist/src/cli.js +11 -10
package/dist/src/devcli/clips.js +64 -64
package/dist/src/editor-chat.js +2 -2
package/dist/src/frontend/homepage-client.js +162 -2
package/dist/src/frontend/homepage-store.js +30 -1
package/dist/src/frontend/homepage-view.js +111 -4
package/dist/src/homepage.js +184 -1
package/dist/src/landing-page.js +367 -0
package/dist/src/primitive-registry.js +278 -2
package/dist/src/reskin/agency-page.js +299 -0
package/dist/src/reskin/calendar-page.js +567 -0
package/dist/src/reskin/chat-page.js +607 -0
package/dist/src/reskin/discover-page.js +1096 -0
package/dist/src/reskin/document.js +663 -0
package/dist/src/reskin/help-page.js +356 -0
package/dist/src/reskin/index-page.js +62 -0
package/dist/src/reskin/inpaint-page.js +541 -0
package/dist/src/reskin/job-runs-page.js +477 -0
package/dist/src/reskin/library-page.js +688 -0
package/dist/src/reskin/login-page.js +262 -0
package/dist/src/reskin/pricing-page.js +388 -0
package/dist/src/reskin/settings-page.js +687 -0
package/dist/src/reskin/theme.js +362 -0
package/dist/src/services/serverless-records.js +54 -0
package/dist/src/services/swipe-customize.js +434 -0
package/package.json +1 -1
package/public/assets/homepage-client-app.js +22 -22

package/dist/src/reskin/theme.js ADDED Viewed

@@ -0,0 +1,362 @@
+// ─────────────────────────────────────────────────────────────────────────
+// /reskin/* shared design system — "farmville-saas-ux" (warm sunny Fillout)
+// ─────────────────────────────────────────────────────────────────────────
+// This is the SHARED, ISOLATED stylesheet for the /reskin/* migration surface,
+// where we port old vidfarm pages into the new design system one at a time.
+//
+// CSS isolation contract (do not break it):
+//   • Every /reskin page is its own standalone HTML document (see document.ts)
+//     with only THIS stylesheet — it never shares a <style> with the live app,
+//     so nothing here can conflict with old-page CSS and vice versa.
+//   • Belt-and-suspenders: every design token is prefixed `--rk-` and every
+//     class is prefixed `rk-`. Even if this CSS were ever inlined next to app
+//     CSS, there would be no collision.
+//   • Page modules add ONLY page-scoped classes prefixed `rk-<page>-` and lean
+//     on the shared primitives below. Never introduce an unprefixed class.
+//
+// The token values are copied from the farmville-saas-ux skill (honey-gold
+// accent over a neutral base, heavy rounded display type, soft cards, glass
+// pill nav, warm-dark footer).
+export const RESKIN_PAGES = [
+    { slug: "settings", label: "Settings", emoji: "⚙️", blurb: "Profile, wallet, channels & developer keys", live: "/settings", done: true },
+    { slug: "library", label: "Library", emoji: "🎬", blurb: "Your projects, renders & mined clips (tabbed)", live: "/library", done: true },
+    { slug: "discover", label: "Discover", emoji: "✨", blurb: "Template feed · swipe · categories", live: "/discover", done: true },
+    { slug: "chat", label: "Brainstorm", emoji: "💬", blurb: "Full AI brainstorm chat", live: "/chat", done: true },
+    { slug: "calendar", label: "Calendar", emoji: "📅", blurb: "Scheduled posts", live: "/calendar", done: true },
+    { slug: "job-runs", label: "Job runs", emoji: "🩺", blurb: "Render & job history", live: "/job-runs", done: true },
+    { slug: "agency", label: "Agency", emoji: "🏢", blurb: "Agency / client workspaces", live: "/agency", done: true },
+    { slug: "pricing", label: "Pricing", emoji: "💳", blurb: "Plans & wallet top-up", live: "/pricing", done: true },
+    { slug: "login", label: "Login", emoji: "🔑", blurb: "Sign in / sign up", live: "/login", done: true },
+    { slug: "help", label: "Help", emoji: "🆘", blurb: "Help & getting started", live: "/help", done: true }
+];
+/** Google Fonts + preconnect for the reskin display/body stack. Put in <head>. */
+export const RESKIN_FONT_LINKS = `<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">`;
+/** The complete shared stylesheet. Injected once per reskin document. */
+export const RESKIN_CSS = `
+:root{
+  --rk-font-display:"Hanken Grotesk","blMelody",ui-sans-serif,system-ui,sans-serif;
+  --rk-font-body:"Inter",ui-sans-serif,system-ui,-apple-system,sans-serif;
+  --rk-font-mono:ui-monospace,"SFMono-Regular",Menlo,Monaco,Consolas,monospace;
+  /* honey gold — the one joy accent */
+  --rk-gold-500:#ffc738;--rk-gold-600:#f6c744;--rk-gold-700:#fcb900;--rk-gold-tint:#fff5e4;--rk-gold-tint2:#ffe9cc;
+  /* ink + neutral scale */
+  --rk-ink:#171717;--rk-n-800:#262626;--rk-n-700:#404040;--rk-n-600:#525252;--rk-n-500:#737373;--rk-n-400:#a3a3a3;
+  --rk-n-300:#d4d4d4;--rk-n-200:#ededed;--rk-n-100:#f5f5f5;--rk-n-50:#fbfbfb;--rk-white:#fff;
+  /* support pastels */
+  --rk-sky:#3f9fe0;--rk-sky-tint:#e2effd;--rk-violet:#9f5bde;--rk-violet-tint:#e4ddfd;
+  --rk-green:#22c55e;--rk-green-tint:#dcfce7;--rk-coral:#f97316;--rk-coral-tint:#ffe9cc;
+  --rk-red:#ef4444;--rk-red-tint:#fee2e2;
+  /* semantic */
+  --rk-bg:var(--rk-n-50);--rk-bg-section:var(--rk-n-100);--rk-surface:var(--rk-white);
+  --rk-border:var(--rk-n-200);--rk-border-strong:var(--rk-n-300);
+  --rk-text:var(--rk-n-700);--rk-text-muted:var(--rk-n-500);--rk-text-faint:var(--rk-n-400);
+  /* radius */
+  --rk-r-sm:6px;--rk-r-md:8px;--rk-r-lg:10px;--rk-r-xl:12px;--rk-r-2xl:16px;--rk-r-3xl:24px;--rk-r-full:9999px;
+  /* shadow — diffuse soft sunlight, never harsh */
+  --rk-shadow-xs:0 1px 2px 0 #0000000d;
+  --rk-shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;
+  --rk-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;
+  --rk-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;
+  --rk-shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;
+  --rk-shadow-card:0 1px 2px #0000000d,0 8px 24px -12px #00000014;
+  --rk-shadow-nav:0 4px 24px -8px #00000026,0 1px 2px #0000000d;
+  --rk-ring-gold:0 0 0 3px var(--rk-gold-600),0 0 14px rgba(246,199,68,.4);
+  /* type scale */
+  --rk-text-xs:.75rem;--rk-text-sm:.875rem;--rk-text-base:1rem;--rk-text-lg:1.125rem;
+  --rk-text-xl:1.25rem;--rk-text-2xl:1.5rem;--rk-text-3xl:1.875rem;--rk-text-4xl:2.25rem;--rk-text-5xl:3rem;
+  /* space + motion */
+  --rk-container:75rem;--rk-gutter:clamp(1rem,4vw,2rem);--rk-section-y:clamp(3rem,6vw,5rem);
+  --rk-glass-blur:16px;--rk-ease:cubic-bezier(.22,1,.36,1);--rk-dur:200ms;
+}
+*,*::before,*::after{box-sizing:border-box}
+.rk-root{margin:0;font-family:var(--rk-font-body);color:var(--rk-text);background:var(--rk-bg);
+  -webkit-font-smoothing:antialiased;line-height:1.5;min-height:100vh}
+.rk-root a{text-decoration:none;color:inherit}
+.rk-root h1,.rk-root h2,.rk-root h3,.rk-root h4{font-family:var(--rk-font-display);font-weight:800;
+  letter-spacing:-.025em;line-height:1.1;color:var(--rk-ink);margin:0}
+.rk-root p{margin:0}
+.rk-root code{font-family:var(--rk-font-mono);font-size:.9em;background:var(--rk-n-100);
+  padding:2px 6px;border-radius:6px;color:var(--rk-n-700)}
+/* layout */
+.rk-container{width:min(var(--rk-container),100%);margin:0 auto;padding:0 var(--rk-gutter)}
+.rk-container-wide{width:min(85rem,100%);margin:0 auto;padding:0 var(--rk-gutter)}
+.rk-page{padding:24px 0 80px}
+.rk-page-head{display:grid;gap:4px;margin-bottom:18px}
+.rk-h1{font-size:var(--rk-text-3xl);letter-spacing:-.03em}
+.rk-sub{font-size:var(--rk-text-base);color:var(--rk-text-muted)}
+.rk-stack{display:grid;gap:16px}
+.rk-row{display:flex;align-items:center;gap:12px}
+.rk-spread{display:flex;align-items:center;justify-content:space-between;gap:16px}
+.rk-wrap{flex-wrap:wrap}
+.rk-grid{display:grid;gap:20px}
+.rk-grid-2{grid-template-columns:repeat(2,1fr)}
+.rk-grid-3{grid-template-columns:repeat(3,1fr)}
+.rk-grid-4{grid-template-columns:repeat(4,1fr)}
+@media(max-width:900px){.rk-grid-3,.rk-grid-4{grid-template-columns:repeat(2,1fr)}}
+@media(max-width:620px){.rk-grid-2,.rk-grid-3,.rk-grid-4{grid-template-columns:1fr}}
+.rk-muted{color:var(--rk-text-muted)}.rk-faint{color:var(--rk-text-faint)}
+.rk-mono{font-family:var(--rk-font-mono)}
+/* app chrome — fixed LEFT sidebar nav + content column */
+.rk-app{min-height:100vh}
+.rk-sidebar{position:fixed;left:0;top:0;bottom:0;width:248px;z-index:50;display:flex;flex-direction:column;gap:4px;
+  padding:20px 14px 16px;background:#fff;border-right:1px solid var(--rk-border);overflow-y:auto}
+.rk-content{margin-left:248px;min-height:100vh;background:var(--rk-bg)}
+.rk-sidebar-brand{display:flex;align-items:center;gap:8px;padding:6px 10px 18px;font-family:var(--rk-font-display);
+  font-weight:800;font-size:20px;color:var(--rk-ink);letter-spacing:-.02em}
+.rk-sidebar-nav{display:flex;flex-direction:column;gap:3px;flex:1;min-height:0}
+.rk-sidebar-sep{height:1px;background:var(--rk-border);margin:8px}
+.rk-sidebar-item{display:flex;align-items:center;padding:9px 13px;border-radius:var(--rk-r-lg);
+  font-size:14px;font-weight:600;color:var(--rk-n-600);white-space:nowrap;
+  transition:background var(--rk-dur) var(--rk-ease),color var(--rk-dur) var(--rk-ease)}
+.rk-sidebar-item:hover{background:var(--rk-n-100);color:var(--rk-ink)}
+.rk-sidebar-item.is-active{background:var(--rk-gold-tint);color:var(--rk-ink)}
+/* AI chat dock — draggable FAB (defaults to the old sidebar-foot spot) + popup panel.
+ * The panel is 2x the sidebar width and, when it opens on the left, visually
+ * REPLACES the nav (sidebar goes visibility:hidden via body.rk-chat-left so the
+ * layout never jumps). If the FAB was dragged to the right half of the viewport
+ * the panel anchors right instead, so it is never cut off. */
+.rk-fab{position:fixed;left:16px;bottom:16px;z-index:90;width:56px;height:56px;border-radius:var(--rk-r-full);
+  border:0;cursor:grab;background:var(--rk-gold-500);color:var(--rk-ink);display:grid;place-items:center;
+  box-shadow:var(--rk-shadow-lg);touch-action:none;user-select:none;-webkit-user-select:none;
+  transition:transform var(--rk-dur) var(--rk-ease),box-shadow var(--rk-dur) var(--rk-ease),opacity var(--rk-dur) var(--rk-ease)}
+.rk-fab:hover{transform:translateY(-2px);box-shadow:0 6px 18px -6px rgba(252,185,0,.6),var(--rk-shadow-lg)}
+.rk-fab.is-dragging{cursor:grabbing;transition:none;transform:scale(1.08)}
+.rk-fab.is-open{opacity:0;pointer-events:none;transform:scale(.6)}
+.rk-fab svg{width:26px;height:26px}
+.rk-aichat{position:fixed;z-index:95;top:12px;bottom:12px;left:12px;width:min(440px,calc(100vw - 24px));
+  display:flex;flex-direction:row;background:var(--rk-surface);border:1px solid var(--rk-border);
+  border-radius:var(--rk-r-3xl);box-shadow:var(--rk-shadow-xl);overflow:hidden;
+  animation:rk-aichat-in .22s var(--rk-ease)}
+.rk-aichat.has-files{width:min(772px,calc(100vw - 24px))}
+.rk-aichat.is-right{left:auto;right:12px}
+.rk-aichat[hidden]{display:none}
+@keyframes rk-aichat-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
+.rk-chat-left .rk-sidebar{visibility:hidden}
+/* left Files pane — baked into the panel; My Files + Temp as root folders of
+   one virtual root + directory nav. Also reused inline by /reskin/settings. */
+.rk-aichat-files{flex:none;width:266px;display:none;flex-direction:column;min-height:0;
+  border-right:1px solid var(--rk-border);background:var(--rk-n-50)}
+.rk-aichat.has-files .rk-aichat-files{display:flex}
+.rk-aichat-files .rk-aichat-crumbs{padding-top:22px}
+.rk-aichat-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:1px;padding:0 12px 8px;flex:none}
+.rk-aichat-crumb{padding:2px 6px;border-radius:var(--rk-r-sm);cursor:pointer;background:transparent;border:0;
+  color:var(--rk-text-muted);font-size:12px;font-weight:600;font-family:inherit;max-width:120px;overflow:hidden;
+  text-overflow:ellipsis;white-space:nowrap}
+.rk-aichat-crumb:hover{background:var(--rk-n-100);color:var(--rk-ink)}
+.rk-aichat-crumb.is-current{color:var(--rk-ink)}
+.rk-aichat-crumb-sep{color:var(--rk-n-300);font-size:12px}
+.rk-aichat-files-body{flex:1;min-height:0;overflow-y:auto;padding:2px 8px 12px;display:grid;gap:2px;align-content:start}
+.rk-aichat-frow{display:flex;align-items:center;gap:9px;width:100%;padding:8px 9px;border-radius:var(--rk-r-lg);
+  border:0;background:transparent;cursor:pointer;text-align:left;font-family:inherit;min-width:0;
+  transition:background var(--rk-dur) var(--rk-ease),box-shadow var(--rk-dur) var(--rk-ease)}
+.rk-aichat-frow:hover{background:#fff;box-shadow:var(--rk-shadow-xs)}
+.rk-aichat-fic{width:30px;height:30px;border-radius:var(--rk-r-md);flex:none;display:grid;place-items:center;
+  font-size:11px;font-weight:700;overflow:hidden}
+.rk-aichat-fic-folder{background:var(--rk-gold-tint2);color:var(--rk-gold-700)}
+.rk-aichat-fic-file{background:var(--rk-n-100);color:var(--rk-n-600)}
+.rk-aichat-fic img,.rk-aichat-fic video{width:100%;height:100%;object-fit:cover}
+.rk-aichat-fmain{flex:1;min-width:0;display:grid;gap:1px}
+.rk-aichat-fname{font-size:12.5px;font-weight:600;color:var(--rk-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+.rk-aichat-fmeta{font-size:11px;color:var(--rk-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+.rk-aichat-fadd{flex:none;font-size:11px;font-weight:700;color:var(--rk-gold-700);opacity:0;transition:opacity var(--rk-dur) var(--rk-ease)}
+.rk-aichat-frow:hover .rk-aichat-fadd{opacity:1}
+.rk-aichat-fstate{padding:22px 14px;text-align:center;font-size:12.5px;color:var(--rk-text-muted);line-height:1.5;display:grid;gap:8px;justify-items:center}
+.rk-aichat-fstate a{color:var(--rk-gold-700);font-weight:600}
+.rk-aichat-fstate button{font-family:inherit;font-size:12px;font-weight:600;color:var(--rk-ink);cursor:pointer;
+  background:#fff;border:1px solid var(--rk-border);border-radius:var(--rk-r-full);padding:5px 12px}
+.rk-aichat-fstate button:hover{background:var(--rk-n-100)}
+/* upload dropzone footer (shown when inside My Files / Temp) */
+.rk-aichat-drop{flex:none;margin:2px 10px 12px;padding:13px 12px;border:1.5px dashed var(--rk-border-strong);
+  border-radius:var(--rk-r-xl);background:#fff;display:grid;gap:9px;justify-items:center;text-align:center;
+  transition:border-color var(--rk-dur) var(--rk-ease),background var(--rk-dur) var(--rk-ease)}
+.rk-aichat-drop[hidden]{display:none}
+.rk-aichat-drop.is-drag{border-color:var(--rk-gold-600);background:var(--rk-gold-tint)}
+.rk-aichat-drop-text{font-size:11.5px;color:var(--rk-text-muted);line-height:1.4;overflow-wrap:anywhere}
+.rk-aichat-drop-btn{font-family:inherit;font-size:12px;font-weight:700;color:var(--rk-ink);cursor:pointer;
+  background:var(--rk-gold-tint);border:1px solid var(--rk-gold-600);border-radius:var(--rk-r-full);padding:6px 15px;
+  transition:background var(--rk-dur) var(--rk-ease)}
+.rk-aichat-drop-btn:hover{background:var(--rk-gold-tint2)}
+.rk-aichat-drop-btn:disabled{opacity:.6;cursor:default}
+/* chat column */
+.rk-aichat-main{flex:1;min-width:0;display:flex;flex-direction:column}
+.rk-aichat-head{display:flex;align-items:center;gap:8px;padding:14px 14px;border-bottom:1px solid var(--rk-border);flex:none}
+.rk-aichat-head-main{flex:1;min-width:0;display:grid;gap:1px}
+.rk-aichat-title{font-family:var(--rk-font-display);font-weight:800;font-size:15px;color:var(--rk-ink);letter-spacing:-.01em}
+.rk-aichat-sub{font-size:11.5px;color:var(--rk-text-muted)}
+.rk-aichat-tool{width:30px;height:30px;border-radius:var(--rk-r-lg);border:1px solid var(--rk-border);background:#fff;
+  cursor:pointer;color:var(--rk-n-600);display:grid;place-items:center;font-size:13px;flex:none;
+  transition:background var(--rk-dur) var(--rk-ease),color var(--rk-dur) var(--rk-ease),border-color var(--rk-dur) var(--rk-ease)}
+.rk-aichat-tool:hover{background:var(--rk-n-100);color:var(--rk-ink)}
+.rk-aichat-tool svg{width:15px;height:15px}
+.rk-aichat-tool.is-on{background:var(--rk-gold-tint);border-color:var(--rk-gold-600);color:var(--rk-ink)}
+.rk-aichat-log{flex:1;min-height:0;overflow-y:auto;padding:16px;display:grid;gap:10px;align-content:start;background:var(--rk-n-50)}
+.rk-aichat-msg{max-width:85%;padding:10px 14px;border-radius:var(--rk-r-2xl);font-size:13.5px;line-height:1.5;overflow-wrap:break-word}
+.rk-aichat-msg.is-ai{background:#fff;border:1px solid var(--rk-border);color:var(--rk-text);justify-self:start;
+  border-bottom-left-radius:var(--rk-r-sm);box-shadow:var(--rk-shadow-xs)}
+.rk-aichat-msg.is-user{background:var(--rk-gold-tint2);color:var(--rk-ink);justify-self:end;border-bottom-right-radius:var(--rk-r-sm)}
+.rk-aichat-chips{display:flex;flex-wrap:wrap;gap:6px;padding:10px 12px 0;flex:none}
+.rk-aichat-chips:empty{display:none}
+.rk-aichat-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 6px 4px 10px;border-radius:var(--rk-r-full);
+  background:var(--rk-gold-tint2);color:var(--rk-gold-700);font-size:11.5px;font-weight:600;max-width:190px}
+.rk-aichat-chip span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+.rk-aichat-chip button{border:0;background:transparent;color:inherit;cursor:pointer;font-size:14px;line-height:1;padding:0 2px}
+.rk-aichat-composer{display:flex;gap:8px;padding:12px;border-top:1px solid var(--rk-border);flex:none;background:#fff}
+.rk-aichat-composer .rk-input{flex:1;border-radius:var(--rk-r-full)}
+/* narrow: stack the files drawer above the chat so neither pane is cut off */
+@media(max-width:700px){
+  .rk-aichat.has-files{flex-direction:column}
+  .rk-aichat.has-files .rk-aichat-files{width:auto;max-height:44%;border-right:0;border-bottom:1px solid var(--rk-border)}
+}
+/* brand + glass helpers (kept — reused by the sidebar brand + the login page) */
+.rk-glass{background:rgba(255,255,255,.72);backdrop-filter:blur(var(--rk-glass-blur));
+  -webkit-backdrop-filter:blur(var(--rk-glass-blur));border:1px solid var(--rk-border);box-shadow:var(--rk-shadow-nav)}
+.rk-brand{display:inline-flex;align-items:center;gap:8px;font-family:var(--rk-font-display);
+  font-weight:800;font-size:20px;color:var(--rk-ink);letter-spacing:-.02em;flex:none}
+.rk-brand-mark{width:26px;height:26px;border-radius:8px;background:var(--rk-gold-500);
+  display:grid;place-items:center;font-family:var(--rk-font-display);font-weight:800;font-size:15px;
+  color:var(--rk-ink);box-shadow:var(--rk-shadow-xs);flex:none}
+.rk-brand-tag{font-family:var(--rk-font-body);font-size:11px;font-weight:600;color:var(--rk-gold-700);
+  background:var(--rk-gold-tint2);padding:2px 8px;border-radius:var(--rk-r-full);letter-spacing:.02em}
+/* narrow: sidebar collapses to a horizontal top strip */
+@media(max-width:900px){
+  .rk-sidebar{position:static;width:auto;flex-direction:row;align-items:center;gap:6px;
+    padding:10px 14px;border-right:0;border-bottom:1px solid var(--rk-border);overflow-x:auto}
+  .rk-sidebar-brand{padding:6px 8px;flex:none}
+  .rk-sidebar-nav{flex-direction:row;gap:4px;flex:1}
+  .rk-sidebar-sep{display:none}
+  .rk-sidebar-item{padding:8px 12px}
+  .rk-content{margin-left:0}
+  .rk-chat-left .rk-sidebar{visibility:visible}
+}
+/* buttons */
+.rk-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;
+  border-radius:var(--rk-r-full);font-family:var(--rk-font-body);font-size:14px;font-weight:600;
+  border:1px solid transparent;cursor:pointer;white-space:nowrap;text-align:center;
+  transition:transform var(--rk-dur) var(--rk-ease),box-shadow var(--rk-dur) var(--rk-ease),background var(--rk-dur) var(--rk-ease),border-color var(--rk-dur) var(--rk-ease)}
+.rk-btn .rk-arrow{transition:transform var(--rk-dur) var(--rk-ease)}
+.rk-btn:hover .rk-arrow{transform:translateX(3px)}
+.rk-btn-ink{background:var(--rk-ink);color:#fff;box-shadow:var(--rk-shadow-sm)}
+.rk-btn-ink:hover{background:#000;box-shadow:var(--rk-shadow-md);transform:translateY(-1px)}
+.rk-btn-gold{background:var(--rk-gold-500);color:var(--rk-ink);font-weight:700;box-shadow:var(--rk-shadow-sm)}
+.rk-btn-gold:hover{background:var(--rk-gold-700);box-shadow:0 6px 18px -6px rgba(252,185,0,.6);transform:translateY(-1px)}
+.rk-btn-ghost{background:#fff;color:var(--rk-ink);border-color:var(--rk-border);box-shadow:var(--rk-shadow-xs)}
+.rk-btn-ghost:hover{border-color:var(--rk-border-strong);box-shadow:var(--rk-shadow-sm)}
+.rk-btn-danger{background:#fff;color:var(--rk-red);border-color:var(--rk-red-tint)}
+.rk-btn-danger:hover{background:var(--rk-red-tint)}
+.rk-btn-sm{padding:7px 13px;font-size:13px}
+.rk-btn-lg{padding:14px 24px;font-size:15px}
+.rk-btn-block{width:100%}
+/* badges + pills */
+.rk-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:var(--rk-r-full);
+  background:#fff;border:1px solid var(--rk-border);box-shadow:var(--rk-shadow-xs);
+  font-size:13px;font-weight:500;color:var(--rk-n-700);justify-self:start;width:fit-content}
+.rk-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:var(--rk-r-full);
+  font-size:12px;font-weight:600;background:var(--rk-n-100);color:var(--rk-n-600)}
+.rk-pill-gold{background:var(--rk-gold-tint2);color:var(--rk-gold-700)}
+.rk-pill-green{background:var(--rk-green-tint);color:#15803d}
+.rk-pill-sky{background:var(--rk-sky-tint);color:#1d6fb8}
+.rk-pill-violet{background:var(--rk-violet-tint);color:#7c3aed}
+.rk-pill-red{background:var(--rk-red-tint);color:#b91c1c}
+/* cards */
+.rk-card{background:var(--rk-surface);border:1px solid var(--rk-border);border-radius:var(--rk-r-3xl);
+  padding:28px;box-shadow:var(--rk-shadow-card)}
+.rk-card-hover{transition:transform var(--rk-dur) var(--rk-ease),box-shadow var(--rk-dur) var(--rk-ease)}
+.rk-card-hover:hover{transform:translateY(-2px);box-shadow:var(--rk-shadow-lg)}
+.rk-card-pad-sm{padding:20px}
+.rk-card h2{font-size:var(--rk-text-2xl);letter-spacing:-.02em}
+.rk-card h3{font-size:var(--rk-text-lg);font-weight:700;font-family:var(--rk-font-display)}
+.rk-card-head{display:grid;gap:6px;margin-bottom:20px}
+.rk-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;
+  color:var(--rk-gold-700);text-transform:uppercase;letter-spacing:.04em;justify-self:start;width:fit-content}
+/* icon tiles */
+.rk-tile{width:40px;height:40px;border-radius:var(--rk-r-xl);display:grid;place-items:center;font-size:18px;flex:none}
+.rk-tile-sm{width:32px;height:32px;font-size:15px;border-radius:var(--rk-r-lg)}
+.rk-tile-lg{width:52px;height:52px;font-size:24px}
+.rk-tile-gold{background:var(--rk-gold-tint2);color:var(--rk-gold-700)}
+.rk-tile-sky{background:var(--rk-sky-tint);color:var(--rk-sky)}
+.rk-tile-violet{background:var(--rk-violet-tint);color:var(--rk-violet)}
+.rk-tile-green{background:var(--rk-green-tint);color:#16a34a}
+.rk-tile-coral{background:var(--rk-coral-tint);color:var(--rk-coral)}
+.rk-tile-ink{background:var(--rk-n-100);color:var(--rk-ink)}
+/* forms */
+.rk-field{display:grid;gap:7px}
+.rk-label{font-size:13px;font-weight:600;color:var(--rk-n-700)}
+.rk-hint{font-size:12px;color:var(--rk-text-muted)}
+.rk-input,.rk-textarea,.rk-select{width:100%;font-family:var(--rk-font-body);font-size:14px;
+  color:var(--rk-ink);background:#fff;border:1px solid var(--rk-border-strong);border-radius:var(--rk-r-xl);
+  padding:11px 14px;transition:border-color var(--rk-dur) var(--rk-ease),box-shadow var(--rk-dur) var(--rk-ease)}
+.rk-input::placeholder,.rk-textarea::placeholder{color:var(--rk-n-400)}
+.rk-textarea{min-height:110px;resize:vertical;line-height:1.5}
+.rk-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' stroke='%23737373' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}
+.rk-input:focus,.rk-textarea:focus,.rk-select:focus{outline:none;border-color:var(--rk-gold-600);box-shadow:var(--rk-ring-gold)}
+.rk-input-group{display:flex;align-items:stretch;gap:8px}
+.rk-input-group .rk-input{flex:1}
+/* notice / flash */
+.rk-notice{display:flex;align-items:center;gap:10px;padding:13px 16px;border-radius:var(--rk-r-2xl);
+  font-size:14px;font-weight:500;border:1px solid transparent}
+.rk-notice-ok{background:var(--rk-green-tint);color:#15803d;border-color:#bbf7d0}
+.rk-notice-err{background:var(--rk-red-tint);color:#b91c1c;border-color:#fecaca}
+/* two-column shell with sticky side rail (settings, etc.) */
+.rk-shell{display:grid;grid-template-columns:248px minmax(0,1fr);gap:32px;align-items:start}
+@media(max-width:860px){.rk-shell{grid-template-columns:1fr}}
+.rk-side{position:sticky;top:88px;display:grid;gap:4px;background:#fff;border:1px solid var(--rk-border);
+  border-radius:var(--rk-r-2xl);padding:12px;box-shadow:var(--rk-shadow-card)}
+@media(max-width:860px){.rk-side{position:static;grid-auto-flow:column;overflow:auto}}
+.rk-side-item{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:var(--rk-r-xl);
+  font-size:14px;font-weight:600;color:var(--rk-n-600);cursor:pointer;border:0;background:transparent;
+  box-sizing:border-box;text-decoration:none;
+  width:100%;text-align:left;white-space:nowrap;transition:background var(--rk-dur) var(--rk-ease),color var(--rk-dur) var(--rk-ease)}
+.rk-side-item:hover{background:var(--rk-n-100);color:var(--rk-ink)}
+.rk-side-item.is-active{background:var(--rk-gold-tint);color:var(--rk-ink)}
+.rk-side-item.is-active .rk-side-ic{background:var(--rk-gold-500)}
+.rk-side-ic{width:26px;height:26px;border-radius:8px;background:var(--rk-n-100);display:grid;place-items:center;font-size:14px;flex:none}
+/* simple list rows */
+.rk-list{display:grid;gap:10px;grid-template-columns:minmax(0,1fr)}
+.rk-item{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#fff;min-width:0;
+  border:1px solid var(--rk-border);border-radius:var(--rk-r-2xl);box-shadow:var(--rk-shadow-xs)}
+.rk-item-main{flex:1;min-width:0}
+.rk-item-title{font-weight:600;color:var(--rk-ink);font-size:14px}
+.rk-item-sub{font-size:13px;color:var(--rk-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+/* stat tiles */
+.rk-stat{display:grid;gap:6px}
+.rk-stat-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--rk-text-muted)}
+.rk-stat-num{font-family:var(--rk-font-display);font-size:var(--rk-text-4xl);font-weight:800;letter-spacing:-.02em;color:var(--rk-ink)}
+/* footer — warm-dark charcoal */
+.rk-footer{background:var(--rk-ink);color:var(--rk-n-400);padding:56px var(--rk-gutter) 40px;margin-top:64px}
+.rk-footer-inner{width:min(var(--rk-container),100%);margin:0 auto;display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between}
+.rk-footer-brand{font-family:var(--rk-font-display);font-weight:800;font-size:22px;color:var(--rk-gold-500);display:inline-flex;align-items:center;gap:8px}
+.rk-footer a{color:var(--rk-n-300)}.rk-footer a:hover{color:#fff}
+.rk-footer-links{display:flex;gap:8px;flex-wrap:wrap}
+.rk-trust-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:var(--rk-r-full);background:#ffffff0d;color:var(--rk-n-400);font-size:13px}
+/* hero band (sunny sky) — sits flush at the top of the content column */
+.rk-hero-band{position:relative;overflow:hidden;margin-top:0}
+.rk-hero-art{position:absolute;inset:0;z-index:0;background:
+  radial-gradient(58% 46% at 78% 20%,rgba(255,241,204,.9),transparent 60%),
+  linear-gradient(180deg,#3f9fe0 0%,#6cc0f5 55%,#a9dbfb 100%)}
+.rk-hero{position:relative;z-index:1;text-align:center;padding:119px var(--rk-gutter) 72px}
+:where(.rk-root a,.rk-root button,.rk-root input,.rk-root textarea,.rk-root select):focus-visible{outline:none;box-shadow:var(--rk-ring-gold)}
+.rk-reveal[hidden]{display:none}
+`;
+//# sourceMappingURL=theme.js.map

package/dist/src/services/serverless-records.js CHANGED Viewed

@@ -654,6 +654,16 @@ class ServerlessRecordsServiceImpl {
         const updated = await this.putRecord("ready_post", { ...post, status: "deleted", deletedAt: nowIso(), updatedAt: nowIso() });
         return updated;
     }
+    async setReadyPostMedia(input) {
+        const post = await this.getReadyPost(input.postId);
+        if (!post || post.customerId !== input.customerId)
+            return null;
+        return this.putRecord("ready_post", {
+            ...post,
+            mediaAssets: input.mediaAssets,
+            updatedAt: nowIso()
+        });
+    }
     async setReadyPostZip(input) {
         const post = await this.getReadyPost(input.postId);
         if (!post || post.customerId !== input.customerId)
@@ -665,6 +675,50 @@ class ServerlessRecordsServiceImpl {
             updatedAt: nowIso()
         });
     }
+    async createSwipeCustomization(input) {
+        const timestamp = nowIso();
+        return this.putRecord("swipe_customization", {
+            id: input.id ?? createIdV7("swipe"),
+            customerId: input.customerId,
+            templateId: input.templateId,
+            forkId: input.forkId ?? null,
+            sourceTitle: input.sourceTitle ?? null,
+            status: input.status ?? "customizing",
+            pipelineVersion: input.pipelineVersion ?? null,
+            tailoredTitle: input.tailoredTitle ?? null,
+            tailoredCaption: input.tailoredCaption ?? "",
+            tailoredPinnedComment: input.tailoredPinnedComment ?? null,
+            captionStyleId: input.captionStyleId ?? null,
+            previewSourceUrl: input.previewSourceUrl ?? null,
+            durationSeconds: input.durationSeconds ?? null,
+            aspect: input.aspect ?? null,
+            jobId: input.jobId ?? null,
+            renderJobId: input.renderJobId ?? null,
+            readyPostId: input.readyPostId ?? null,
+            error: input.error ?? null,
+            decidedAt: input.decidedAt ?? null,
+            createdAt: input.createdAt ?? timestamp,
+            updatedAt: timestamp
+        });
+    }
+    async getSwipeCustomization(id) {
+        return this.getById("swipe_customization", id);
+    }
+    async listSwipeCustomizationsForCustomer(customerId) {
+        return this.listByCustomer("swipe_customization", customerId);
+    }
+    async updateSwipeCustomization(input) {
+        const existing = await this.getSwipeCustomization(input.id);
+        if (!existing || existing.customerId !== input.customerId)
+            return null;
+        return this.putRecord("swipe_customization", {
+            ...existing,
+            ...input.patch,
+            id: existing.id,
+            customerId: existing.customerId,
+            updatedAt: nowIso()
+        });
+    }
     async createPostSchedule(input) {
         const timestamp = nowIso();
         return this.putRecord("post_schedule", {