@mevdragon/vidfarm-devcli 0.2.11 → 0.2.13

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 (199) hide show
  1. package/.env.example +37 -1
  2. package/README.md +27 -183
  3. package/SKILL.director.md +293 -0
  4. package/SKILL.platform.md +312 -0
  5. package/auto-create-hyperframe-templates/AUTO_CREATE_HYPERFRAME_TEMPLATES.md +275 -0
  6. package/auto-create-hyperframe-templates/extractor-system-prompt.md +128 -0
  7. package/auto-create-hyperframe-templates/input-manifest.schema.json +56 -0
  8. package/auto-create-hyperframe-templates/lambda-memory-estimator.md +118 -0
  9. package/auto-create-hyperframe-templates/production-graph.schema.json +314 -0
  10. package/auto-create-hyperframe-templates/runbook.md +198 -0
  11. package/auto-create-hyperframe-templates/scripts/create-hyperframe-template.mjs +368 -0
  12. package/auto-create-hyperframe-templates/template-plan.schema.json +311 -0
  13. package/auto-create-hyperframe-templates/template-planner-prompt.md +144 -0
  14. package/auto-create-templates/AUTO_CREATE_TEMPLATES.md +124 -0
  15. package/auto-create-templates/extractor-system-prompt.md +8 -2
  16. package/auto-create-templates/template-plan.schema.json +73 -2
  17. package/auto-create-templates/template-planner-prompt.md +63 -1
  18. package/dist/src/account-pages-legacy.js +361 -89
  19. package/dist/src/account-pages-legacy.js.map +1 -0
  20. package/dist/src/account-pages.js +13 -3
  21. package/dist/src/account-pages.js.map +1 -0
  22. package/dist/src/app.js +7060 -946
  23. package/dist/src/app.js.map +1 -0
  24. package/dist/src/cli.js +111 -29
  25. package/dist/src/cli.js.map +1 -0
  26. package/dist/src/composition-runtime.js +581 -0
  27. package/dist/src/composition-runtime.js.map +1 -0
  28. package/dist/src/config.js +69 -11
  29. package/dist/src/config.js.map +1 -0
  30. package/dist/src/context.js +280 -21
  31. package/dist/src/context.js.map +1 -0
  32. package/dist/src/dev-app-legacy.js +18 -17
  33. package/dist/src/dev-app-legacy.js.map +1 -0
  34. package/dist/src/dev-app.js +1 -0
  35. package/dist/src/dev-app.js.map +1 -0
  36. package/dist/src/domain.js +2 -1
  37. package/dist/src/domain.js.map +1 -0
  38. package/dist/src/editor-chat-history.js +10 -0
  39. package/dist/src/editor-chat-history.js.map +1 -0
  40. package/dist/src/editor-chat.js +133 -24
  41. package/dist/src/editor-chat.js.map +1 -0
  42. package/dist/src/frontend/flockposter-cache-store.js +10 -2
  43. package/dist/src/frontend/flockposter-cache-store.js.map +1 -0
  44. package/dist/src/frontend/homepage-client.js +6 -3
  45. package/dist/src/frontend/homepage-client.js.map +1 -0
  46. package/dist/src/frontend/homepage-shared.js +1 -0
  47. package/dist/src/frontend/homepage-shared.js.map +1 -0
  48. package/dist/src/frontend/homepage-store.js +1 -0
  49. package/dist/src/frontend/homepage-store.js.map +1 -0
  50. package/dist/src/frontend/homepage-view.js +131 -18
  51. package/dist/src/frontend/homepage-view.js.map +1 -0
  52. package/dist/src/frontend/page-runtime-client.js +5 -2
  53. package/dist/src/frontend/page-runtime-client.js.map +1 -0
  54. package/dist/src/frontend/page-runtime-store.js +1 -0
  55. package/dist/src/frontend/page-runtime-store.js.map +1 -0
  56. package/dist/src/frontend/sentry.js +42 -0
  57. package/dist/src/frontend/sentry.js.map +1 -0
  58. package/dist/src/frontend/template-editor-chat.js +1719 -213
  59. package/dist/src/frontend/template-editor-chat.js.map +1 -0
  60. package/dist/src/help-page.js +333 -0
  61. package/dist/src/help-page.js.map +1 -0
  62. package/dist/src/homepage.js +169 -47
  63. package/dist/src/homepage.js.map +1 -0
  64. package/dist/src/hyperframes/composition.js +180 -0
  65. package/dist/src/hyperframes/composition.js.map +1 -0
  66. package/dist/src/index.js +1 -0
  67. package/dist/src/index.js.map +1 -0
  68. package/dist/src/instrument.js +30 -0
  69. package/dist/src/instrument.js.map +1 -0
  70. package/dist/src/lib/crypto.js +1 -0
  71. package/dist/src/lib/crypto.js.map +1 -0
  72. package/dist/src/lib/dev-log.js +54 -0
  73. package/dist/src/lib/dev-log.js.map +1 -0
  74. package/dist/src/lib/display-name.js +11 -0
  75. package/dist/src/lib/display-name.js.map +1 -0
  76. package/dist/src/lib/ids.js +21 -1
  77. package/dist/src/lib/ids.js.map +1 -0
  78. package/dist/src/lib/images.js +1 -0
  79. package/dist/src/lib/images.js.map +1 -0
  80. package/dist/src/lib/json.js +1 -0
  81. package/dist/src/lib/json.js.map +1 -0
  82. package/dist/src/lib/template-dna.js +1 -0
  83. package/dist/src/lib/template-dna.js.map +1 -0
  84. package/dist/src/lib/template-paths.js +1 -0
  85. package/dist/src/lib/template-paths.js.map +1 -0
  86. package/dist/src/lib/template-style-options.js +40 -2
  87. package/dist/src/lib/template-style-options.js.map +1 -0
  88. package/dist/src/lib/time.js +1 -0
  89. package/dist/src/lib/time.js.map +1 -0
  90. package/dist/src/lib/video-quality-harness.js +60 -0
  91. package/dist/src/lib/video-quality-harness.js.map +1 -0
  92. package/dist/src/page-runtime.js +1 -0
  93. package/dist/src/page-runtime.js.map +1 -0
  94. package/dist/src/page-shell.js +1501 -49
  95. package/dist/src/page-shell.js.map +1 -0
  96. package/dist/src/primitive-context.js +144 -8
  97. package/dist/src/primitive-context.js.map +1 -0
  98. package/dist/src/primitive-registry.js +1919 -78
  99. package/dist/src/primitive-registry.js.map +1 -0
  100. package/dist/src/primitive-sdk.js +1 -0
  101. package/dist/src/primitive-sdk.js.map +1 -0
  102. package/dist/src/primitives/remotion/html-image.js +3 -1
  103. package/dist/src/primitives/remotion/html-image.js.map +1 -0
  104. package/dist/src/primitives/remotion/media-slideshow.js +60 -0
  105. package/dist/src/primitives/remotion/media-slideshow.js.map +1 -0
  106. package/dist/src/react-page-shell.js +1 -0
  107. package/dist/src/react-page-shell.js.map +1 -0
  108. package/dist/src/ready-post-schedule-component.js +1 -0
  109. package/dist/src/ready-post-schedule-component.js.map +1 -0
  110. package/dist/src/registry.js +237 -24
  111. package/dist/src/registry.js.map +1 -0
  112. package/dist/src/runtime.js +3 -0
  113. package/dist/src/runtime.js.map +1 -0
  114. package/dist/src/services/api-call-history.js +4 -0
  115. package/dist/src/services/api-call-history.js.map +1 -0
  116. package/dist/src/services/auth.js +40 -50
  117. package/dist/src/services/auth.js.map +1 -0
  118. package/dist/src/services/billing.js +20 -44
  119. package/dist/src/services/billing.js.map +1 -0
  120. package/dist/src/services/chat-threads.js +10 -6
  121. package/dist/src/services/chat-threads.js.map +1 -0
  122. package/dist/src/services/fork-access.js +94 -0
  123. package/dist/src/services/fork-access.js.map +1 -0
  124. package/dist/src/services/ghostcut.js +132 -0
  125. package/dist/src/services/ghostcut.js.map +1 -0
  126. package/dist/src/services/hyperframes.js +1014 -0
  127. package/dist/src/services/hyperframes.js.map +1 -0
  128. package/dist/src/services/job-capacity.js +14 -0
  129. package/dist/src/services/job-capacity.js.map +1 -0
  130. package/dist/src/services/job-logs.js +4 -0
  131. package/dist/src/services/job-logs.js.map +1 -0
  132. package/dist/src/services/jobs.js +99 -91
  133. package/dist/src/services/jobs.js.map +1 -0
  134. package/dist/src/services/media-processing.js +743 -0
  135. package/dist/src/services/media-processing.js.map +1 -0
  136. package/dist/src/services/primitive-media-lambda.js +280 -0
  137. package/dist/src/services/primitive-media-lambda.js.map +1 -0
  138. package/dist/src/services/providers.js +1560 -178
  139. package/dist/src/services/providers.js.map +1 -0
  140. package/dist/src/services/rate-limits.js +3 -2
  141. package/dist/src/services/rate-limits.js.map +1 -0
  142. package/dist/src/services/remotion.js +495 -92
  143. package/dist/src/services/remotion.js.map +1 -0
  144. package/dist/src/services/serverless-auth.js +374 -0
  145. package/dist/src/services/serverless-auth.js.map +1 -0
  146. package/dist/src/services/serverless-jobs.js +1074 -0
  147. package/dist/src/services/serverless-jobs.js.map +1 -0
  148. package/dist/src/services/serverless-provider-keys.js +401 -0
  149. package/dist/src/services/serverless-provider-keys.js.map +1 -0
  150. package/dist/src/services/serverless-records.js +1086 -0
  151. package/dist/src/services/serverless-records.js.map +1 -0
  152. package/dist/src/services/serverless-template-configs.js +67 -0
  153. package/dist/src/services/serverless-template-configs.js.map +1 -0
  154. package/dist/src/services/storage.js +170 -35
  155. package/dist/src/services/storage.js.map +1 -0
  156. package/dist/src/services/template-certification.js +295 -3
  157. package/dist/src/services/template-certification.js.map +1 -0
  158. package/dist/src/services/template-loader.js +45 -1
  159. package/dist/src/services/template-loader.js.map +1 -0
  160. package/dist/src/services/template-runtime-bundles.js +217 -0
  161. package/dist/src/services/template-runtime-bundles.js.map +1 -0
  162. package/dist/src/services/template-sources.js +452 -87
  163. package/dist/src/services/template-sources.js.map +1 -0
  164. package/dist/src/services/video-normalization.js +2 -0
  165. package/dist/src/services/video-normalization.js.map +1 -0
  166. package/dist/src/services/webhooks.js +7 -6
  167. package/dist/src/services/webhooks.js.map +1 -0
  168. package/dist/src/template-editor-pages.js +5637 -1322
  169. package/dist/src/template-editor-pages.js.map +1 -0
  170. package/dist/src/template-editor-shell.js +1376 -170
  171. package/dist/src/template-editor-shell.js.map +1 -0
  172. package/dist/src/template-sdk.js +1 -0
  173. package/dist/src/template-sdk.js.map +1 -0
  174. package/dist/src/worker.js +11 -226
  175. package/dist/src/worker.js.map +1 -0
  176. package/package.json +47 -12
  177. package/public/assets/homepage-client-app.js +34 -8
  178. package/public/assets/page-runtime-client-app.js +44 -18
  179. package/readme.secret.md +89 -0
  180. package/templates/vidfarm_template_0000/README.md +106 -0
  181. package/templates/vidfarm_template_0000/SKILL.md +266 -0
  182. package/templates/vidfarm_template_0000/assets/Abel-Regular.ttf +0 -0
  183. package/templates/vidfarm_template_0000/assets/DMSerifDisplay-Regular.ttf +0 -0
  184. package/templates/vidfarm_template_0000/assets/Montserrat[wght].ttf +0 -0
  185. package/templates/vidfarm_template_0000/assets/SourceCodePro[wght].ttf +0 -0
  186. package/templates/vidfarm_template_0000/assets/TikTokSans-SemiBold.ttf +0 -0
  187. package/templates/vidfarm_template_0000/assets/Yesteryear-Regular.ttf +0 -0
  188. package/templates/vidfarm_template_0000/composition.json +11 -0
  189. package/templates/vidfarm_template_0000/src/lib/images.js +221 -0
  190. package/templates/vidfarm_template_0000/src/remotion/Root.js +33 -0
  191. package/templates/vidfarm_template_0000/src/remotion/index.js +3 -0
  192. package/templates/vidfarm_template_0000/src/sdk.js +3 -0
  193. package/templates/vidfarm_template_0000/src/style-options.js +200 -0
  194. package/templates/vidfarm_template_0000/src/template-dna.js +9 -0
  195. package/templates/vidfarm_template_0000/src/template.js +1566 -0
  196. package/templates/vidfarm_template_0000/template.config.json +21 -0
  197. package/GETTING_STARTED.developers.md +0 -87
  198. package/SKILL.developer.md +0 -1177
  199. package/dist/src/db.js +0 -2007
@@ -0,0 +1,333 @@
1
+ import { escapeAttribute, escapeHtml, renderBrandLockup, renderPageShell, renderPrimaryNav } from "./page-shell.js";
2
+ const HELP_SECTION_IDS = new Set(["video_tutorials", "report_bug", "contact_team", "cancel_subscription"]);
3
+ function parseExpandedSections(expand) {
4
+ if (!expand) {
5
+ return new Set();
6
+ }
7
+ return new Set(expand
8
+ .split(",")
9
+ .map((value) => value.trim())
10
+ .filter((value) => HELP_SECTION_IDS.has(value)));
11
+ }
12
+ function renderHelpDetails(input) {
13
+ return `
14
+ <details class="help-details" data-expand-id="${escapeAttribute(input.id)}"${input.open ? " open" : ""}>
15
+ <summary>
16
+ <span>${escapeHtml(input.title)}</span>
17
+ </summary>
18
+ <div class="help-details-body">
19
+ ${input.body}
20
+ </div>
21
+ </details>
22
+ `;
23
+ }
24
+ export function renderHelpPage(input) {
25
+ const expanded = parseExpandedSections(input.expand);
26
+ return renderPageShell({
27
+ title: "Help Page",
28
+ mainClass: "is-wide",
29
+ body: `
30
+ <section class="frame help-frame">
31
+ <header class="topbar">
32
+ ${renderBrandLockup({
33
+ displayName: input.account.displayName,
34
+ email: input.account.email,
35
+ accountId: input.account.userId
36
+ })}
37
+ <div class="topbar-actions">
38
+ ${renderPrimaryNav({
39
+ loggedIn: input.account.isLoggedIn,
40
+ current: "help",
41
+ accountId: input.account.userId
42
+ })}
43
+ </div>
44
+ </header>
45
+ <div class="frame-body">
46
+ <section class="help-shell" aria-labelledby="help-page-title">
47
+ <div class="help-content">
48
+ <header class="help-head">
49
+ <h1 id="help-page-title">Help Page</h1>
50
+ </header>
51
+ <div class="help-sections">
52
+ ${renderHelpDetails({
53
+ id: "video_tutorials",
54
+ title: "Video Tutorials",
55
+ open: expanded.has("video_tutorials"),
56
+ body: `
57
+ <div class="help-video-frame">
58
+ <iframe
59
+ src="https://www.youtube.com/embed/BG2vuCDzehc"
60
+ title="Video Tutorials"
61
+ allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
62
+ allowfullscreen
63
+ loading="lazy"
64
+ referrerpolicy="strict-origin-when-cross-origin"></iframe>
65
+ </div>
66
+ `
67
+ })}
68
+ ${renderHelpDetails({
69
+ id: "report_bug",
70
+ title: "Report a Bug",
71
+ open: expanded.has("report_bug"),
72
+ body: `
73
+ <iframe
74
+ class="help-form-frame"
75
+ src="https://tally.so/embed/NpdkNj?alignLeft=1&amp;hideTitle=1&amp;transparentBackground=1"
76
+ title="Report a Bug"
77
+ loading="lazy"></iframe>
78
+ `
79
+ })}
80
+ ${renderHelpDetails({
81
+ id: "contact_team",
82
+ title: "Ask Question / Contact Team",
83
+ open: expanded.has("contact_team"),
84
+ body: `
85
+ <iframe
86
+ class="help-form-frame"
87
+ src="https://tally.so/embed/javNVa?alignLeft=1&amp;hideTitle=1&amp;transparentBackground=1"
88
+ title="Ask Question / Contact Team"
89
+ loading="lazy"></iframe>
90
+ `
91
+ })}
92
+ ${renderHelpDetails({
93
+ id: "cancel_subscription",
94
+ title: "Cancel Subscription",
95
+ open: expanded.has("cancel_subscription"),
96
+ body: `
97
+ <div class="help-copy-stack">
98
+ <p>You can cancel your subscription at any time with a simple self-serve billing portal.</p>
99
+ <p>For refunds, we offer 90 day refunds. Email <a href="mailto:operator@zoom-gtm.com">operator@zoom-gtm.com</a> and mention the original email address you used in Stripe so we can find your subscription quickly.</p>
100
+ <div>
101
+ <a
102
+ class="help-link-button"
103
+ href="https://billing.stripe.com/p/login/fZecQubkxcwOgDuaEE"
104
+ target="_blank"
105
+ rel="noopener noreferrer">Open Cancellation Portal</a>
106
+ </div>
107
+ </div>
108
+ `
109
+ })}
110
+ </div>
111
+ </div>
112
+ </section>
113
+ </div>
114
+ </section>
115
+ <script>
116
+ (() => {
117
+ const details = Array.from(document.querySelectorAll(".help-details[data-expand-id]"));
118
+ const allowed = new Set(details.map((detail) => detail.dataset.expandId).filter(Boolean));
119
+
120
+ function readExpandedFromUrl() {
121
+ const params = new URLSearchParams(window.location.search);
122
+ return new Set((params.get("expand") || "")
123
+ .split(",")
124
+ .map((value) => value.trim())
125
+ .filter((value) => allowed.has(value)));
126
+ }
127
+
128
+ function writeExpandedToUrl() {
129
+ const expanded = details
130
+ .filter((detail) => detail.open && detail.dataset.expandId)
131
+ .map((detail) => detail.dataset.expandId);
132
+ const url = new URL(window.location.href);
133
+ if (expanded.length) {
134
+ url.searchParams.set("expand", expanded.join(","));
135
+ } else {
136
+ url.searchParams.delete("expand");
137
+ }
138
+ window.history.replaceState(null, "", url.pathname + url.search + url.hash);
139
+ }
140
+
141
+ const initialExpanded = readExpandedFromUrl();
142
+ for (const detail of details) {
143
+ const id = detail.dataset.expandId;
144
+ detail.open = Boolean(id && initialExpanded.has(id));
145
+ detail.addEventListener("toggle", writeExpandedToUrl);
146
+ }
147
+ })();
148
+ </script>
149
+ `,
150
+ style: `
151
+ .help-frame {
152
+ height: 100%;
153
+ min-height: 0;
154
+ }
155
+
156
+ .help-frame .frame-body {
157
+ min-height: 0;
158
+ overflow: hidden;
159
+ }
160
+
161
+ .help-shell {
162
+ display: grid;
163
+ min-height: 0;
164
+ overflow: hidden;
165
+ border: 1px solid rgba(255, 255, 255, 0.82);
166
+ border-radius: 32px;
167
+ background: rgba(255, 251, 245, 0.84);
168
+ box-shadow: var(--shadow);
169
+ }
170
+
171
+ .help-content {
172
+ display: grid;
173
+ align-content: start;
174
+ gap: 22px;
175
+ min-height: 0;
176
+ overflow-y: auto;
177
+ padding: clamp(22px, 4vw, 48px);
178
+ }
179
+
180
+ .help-head {
181
+ display: grid;
182
+ gap: 8px;
183
+ padding-bottom: 2px;
184
+ }
185
+
186
+ .help-sections {
187
+ display: grid;
188
+ gap: 14px;
189
+ max-width: 980px;
190
+ }
191
+
192
+ .help-details {
193
+ border: 1px solid rgba(209, 219, 233, 0.92);
194
+ border-radius: 8px;
195
+ background: rgba(255, 255, 255, 0.82);
196
+ box-shadow: 0 12px 28px rgba(118, 89, 38, 0.08);
197
+ overflow: hidden;
198
+ }
199
+
200
+ .help-details > summary {
201
+ display: flex;
202
+ align-items: center;
203
+ justify-content: space-between;
204
+ gap: 16px;
205
+ min-height: 62px;
206
+ padding: 0 20px;
207
+ color: #283244;
208
+ cursor: pointer;
209
+ font-weight: 800;
210
+ list-style: none;
211
+ }
212
+
213
+ .help-details > summary::-webkit-details-marker {
214
+ display: none;
215
+ }
216
+
217
+ .help-details > summary::after {
218
+ content: "+";
219
+ display: inline-flex;
220
+ align-items: center;
221
+ justify-content: center;
222
+ width: 26px;
223
+ height: 26px;
224
+ border-radius: 999px;
225
+ border: 1px solid rgba(191, 164, 109, 0.42);
226
+ color: #6f6451;
227
+ flex: 0 0 auto;
228
+ }
229
+
230
+ .help-details[open] > summary::after {
231
+ content: "-";
232
+ }
233
+
234
+ .help-details-body {
235
+ display: grid;
236
+ gap: 14px;
237
+ padding: 0 20px 20px;
238
+ }
239
+
240
+ .help-copy-stack {
241
+ display: grid;
242
+ gap: 12px;
243
+ max-width: 760px;
244
+ color: #3f4b5f;
245
+ line-height: 1.6;
246
+ }
247
+
248
+ .help-copy-stack p {
249
+ margin: 0;
250
+ }
251
+
252
+ .help-link-button {
253
+ display: inline-flex;
254
+ align-items: center;
255
+ justify-content: center;
256
+ min-height: 44px;
257
+ padding: 0 18px;
258
+ border-radius: 999px;
259
+ background: #283244;
260
+ color: #fff9ef;
261
+ font-weight: 800;
262
+ text-decoration: none;
263
+ box-shadow: 0 12px 28px rgba(40, 50, 68, 0.18);
264
+ transition: transform 120ms ease, box-shadow 120ms ease, background 120ms ease;
265
+ }
266
+
267
+ .help-link-button:hover {
268
+ background: #1f2736;
269
+ box-shadow: 0 16px 34px rgba(40, 50, 68, 0.22);
270
+ transform: translateY(-1px);
271
+ }
272
+
273
+ .help-link-button:focus-visible {
274
+ outline: 3px solid rgba(191, 164, 109, 0.42);
275
+ outline-offset: 3px;
276
+ }
277
+
278
+ .help-video-frame {
279
+ position: relative;
280
+ width: 100%;
281
+ aspect-ratio: 16 / 9;
282
+ overflow: hidden;
283
+ border-radius: 8px;
284
+ background: #151a23;
285
+ }
286
+
287
+ .help-video-frame iframe,
288
+ .help-form-frame {
289
+ display: block;
290
+ width: 100%;
291
+ border: 0;
292
+ }
293
+
294
+ .help-video-frame iframe {
295
+ position: absolute;
296
+ inset: 0;
297
+ height: 100%;
298
+ }
299
+
300
+ .help-form-frame {
301
+ min-height: 680px;
302
+ border-radius: 8px;
303
+ background: rgba(255, 255, 255, 0.72);
304
+ }
305
+
306
+ @media (max-width: 1024px) {
307
+ .help-frame .frame-body,
308
+ .help-shell,
309
+ .help-content {
310
+ overflow: visible;
311
+ }
312
+
313
+ .help-content {
314
+ padding: 18px 10px 24px;
315
+ }
316
+
317
+ .help-details > summary {
318
+ min-height: 56px;
319
+ padding: 0 14px;
320
+ }
321
+
322
+ .help-details-body {
323
+ padding: 0 14px 14px;
324
+ }
325
+
326
+ .help-form-frame {
327
+ min-height: 720px;
328
+ }
329
+ }
330
+ `
331
+ });
332
+ }
333
+ //# sourceMappingURL=help-page.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"help-page.js","sourceRoot":"","sources":["../../src/help-page.ts"],"names":[],"mappings":"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"}
@@ -2,6 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { renderToString } from "react-dom/server";
3
3
  import { HomepageShell } from "./frontend/homepage-view.js";
4
4
  import { escapeJsonForHtml, renderPageShell, resolveAccountDisplayName } from "./page-shell.js";
5
+ import { TEMPLATE_EDITOR_SHELL_STYLES } from "./template-editor-shell.js";
5
6
  const HOMEPAGE_CLIENT_ASSET = "/assets/homepage-client-app.js";
6
7
  export function renderHomepage(input) {
7
8
  const boot = {
@@ -13,14 +14,24 @@ export function renderHomepage(input) {
13
14
  return renderPageShell({
14
15
  title: input.account.isLoggedIn
15
16
  ? resolveAccountDisplayName({ displayName: input.account.displayName, email: input.account.email }) || "VidFarm AI"
16
- : "Discover Formats",
17
+ : "HyperFrames Studio",
17
18
  mainClass: "is-wide",
19
+ runtimeBoot: input.editorChat
20
+ ? {
21
+ pageKind: "legacy",
22
+ title: "Discover",
23
+ userId: input.account.userId ?? null,
24
+ editorChat: input.editorChat
25
+ }
26
+ : undefined,
18
27
  body: `
19
28
  <div id="homepage-root">${renderToString(_jsx(HomepageShell, { account: input.account, templates: input.templates, visibleTemplates: input.templates, searchQuery: "", bookmarksOnly: false, bookmarks: new Set(), loading: input.templates.length === 0, error: null, onSearchQueryChange: undefined, onBookmarksOnlyChange: undefined, onToggleBookmark: undefined, skillEndpointPrefix: boot.skillEndpointPrefix }))}</div>
20
29
  <script type="application/json" id="homepage-boot">${escapeJsonForHtml(boot)}</script>
21
30
  <script type="module" src="${HOMEPAGE_CLIENT_ASSET}"></script>
22
31
  `,
23
32
  style: `
33
+ ${TEMPLATE_EDITOR_SHELL_STYLES}
34
+
24
35
  #homepage-root {
25
36
  display: grid;
26
37
  height: 100%;
@@ -32,6 +43,8 @@ export function renderHomepage(input) {
32
43
  min-height: 0;
33
44
  }
34
45
 
46
+ .discover-frame.has-chat-rail { padding-left: 432px; }
47
+
35
48
  .discover-frame .frame-body {
36
49
  grid-template-rows: minmax(0, 1fr);
37
50
  height: 100%;
@@ -49,18 +62,108 @@ export function renderHomepage(input) {
49
62
  border-radius: 32px;
50
63
  background: rgba(255, 251, 245, 0.84);
51
64
  box-shadow: var(--shadow);
52
- grid-template-columns: 360px minmax(0, 1fr);
53
- grid-template-rows: minmax(0, 1fr);
65
+ grid-template-columns: minmax(0, 1fr);
66
+ grid-template-rows: auto minmax(0, 1fr);
54
67
  }
55
68
 
56
- .discover-sidebar {
69
+ .discover-filter-bar {
70
+ position: sticky;
71
+ top: 0;
72
+ z-index: 5;
57
73
  display: grid;
58
- align-content: start;
59
- min-height: 0;
60
- gap: 24px;
61
- padding: 26px 26px 30px;
62
- border-right: 1px solid rgba(209, 219, 233, 0.8);
63
- background: linear-gradient(180deg, rgba(255, 251, 245, 0.96), rgba(255, 248, 239, 0.88));
74
+ grid-template-columns: minmax(220px, 1fr) auto auto auto;
75
+ align-items: center;
76
+ gap: 12px;
77
+ padding: 14px 22px;
78
+ border-bottom: 1px solid rgba(209, 219, 233, 0.7);
79
+ background: rgba(255, 251, 245, 0.96);
80
+ backdrop-filter: blur(8px);
81
+ }
82
+
83
+ .discover-filter-search input {
84
+ min-height: 44px;
85
+ padding-left: 46px;
86
+ border-radius: 999px;
87
+ }
88
+
89
+ .discover-filter-search .search-icon { left: 14px; }
90
+
91
+ .discover-filter-toggle {
92
+ display: inline-flex;
93
+ align-items: center;
94
+ gap: 10px;
95
+ min-height: 44px;
96
+ padding: 0 16px;
97
+ border: 1px solid rgba(209, 219, 233, 0.96);
98
+ border-radius: 999px;
99
+ background: rgba(255, 255, 255, 0.9);
100
+ color: #55637b;
101
+ cursor: pointer;
102
+ font-size: 0.86rem;
103
+ font-weight: 700;
104
+ white-space: nowrap;
105
+ }
106
+
107
+ .discover-filter-toggle[data-active="true"] {
108
+ border-color: rgba(219, 193, 122, 0.9);
109
+ background: rgba(219, 193, 122, 0.16);
110
+ color: #8a6b1b;
111
+ }
112
+
113
+ .discover-filter-more {
114
+ position: relative;
115
+ }
116
+
117
+ .discover-filter-more-button {
118
+ display: inline-flex;
119
+ align-items: center;
120
+ min-height: 44px;
121
+ padding: 0 18px;
122
+ border: 1px solid rgba(209, 219, 233, 0.96);
123
+ border-radius: 999px;
124
+ background: rgba(255, 255, 255, 0.9);
125
+ color: #55637b;
126
+ cursor: pointer;
127
+ font-size: 0.86rem;
128
+ font-weight: 700;
129
+ }
130
+
131
+ .discover-filter-more-button[aria-expanded="true"] {
132
+ border-color: rgba(219, 193, 122, 0.9);
133
+ color: #8a6b1b;
134
+ }
135
+
136
+ .discover-filter-more-popover {
137
+ position: absolute;
138
+ right: 0;
139
+ top: calc(100% + 10px);
140
+ z-index: 10;
141
+ display: grid;
142
+ gap: 12px;
143
+ width: min(320px, calc(100vw - 40px));
144
+ padding: 16px;
145
+ border: 1px solid rgba(209, 219, 233, 0.96);
146
+ border-radius: 18px;
147
+ background: rgba(255, 252, 247, 0.98);
148
+ box-shadow: 0 18px 42px rgba(37, 45, 61, 0.16);
149
+ }
150
+
151
+ .discover-filter-more-hint {
152
+ margin: 0;
153
+ color: #8d99ae;
154
+ font-size: 0.8rem;
155
+ }
156
+
157
+ .discover-filter-count {
158
+ justify-self: end;
159
+ color: #8d99ae;
160
+ font-size: 0.86rem;
161
+ white-space: nowrap;
162
+ }
163
+
164
+ .discover-filter-group {
165
+ display: grid;
166
+ gap: 8px;
64
167
  }
65
168
 
66
169
  .discover-filter-block,
@@ -167,9 +270,11 @@ export function renderHomepage(input) {
167
270
  min-height: 0;
168
271
  height: 100%;
169
272
  overflow: hidden;
170
- padding: 18px 18px 18px 16px;
273
+ padding: 18px 22px 22px;
171
274
  }
172
275
 
276
+ .discover-count { display: none; }
277
+
173
278
  .discover-results-scroll {
174
279
  display: grid;
175
280
  gap: 20px;
@@ -368,6 +473,20 @@ export function renderHomepage(input) {
368
473
  text-decoration: none;
369
474
  }
370
475
 
476
+ .difficulty-pill {
477
+ border-color: rgba(219, 193, 122, 0.42);
478
+ background: rgba(219, 193, 122, 0.16);
479
+ color: #6f5514;
480
+ font-weight: 800;
481
+ }
482
+
483
+ .difficulty-pill[data-difficulty="hard"],
484
+ .difficulty-pill[data-difficulty="expert"] {
485
+ border-color: rgba(134, 92, 255, 0.3);
486
+ background: rgba(134, 92, 255, 0.1);
487
+ color: #5942a8;
488
+ }
489
+
371
490
  .copy-inline {
372
491
  position: relative;
373
492
  gap: 8px;
@@ -462,7 +581,7 @@ export function renderHomepage(input) {
462
581
 
463
582
  .discover-media-modal-head {
464
583
  display: grid;
465
- grid-template-columns: minmax(0, 1fr) 44px;
584
+ grid-template-columns: minmax(0, 1fr) auto;
466
585
  align-items: center;
467
586
  gap: 12px;
468
587
  }
@@ -477,18 +596,50 @@ export function renderHomepage(input) {
477
596
  white-space: nowrap;
478
597
  }
479
598
 
480
- .discover-media-modal-close {
599
+ .discover-media-modal-actions {
600
+ display: inline-flex;
601
+ align-items: center;
602
+ gap: 8px;
603
+ }
604
+
605
+ .discover-media-modal-action {
606
+ display: inline-flex;
607
+ align-items: center;
608
+ justify-content: center;
481
609
  width: 44px;
482
610
  min-width: 44px;
483
611
  height: 44px;
484
612
  min-height: 44px;
485
613
  padding: 0;
486
614
  border-color: rgba(209, 219, 233, 0.96);
615
+ border-style: solid;
616
+ border-width: 1px;
617
+ border-radius: 999px;
487
618
  background: rgba(255, 255, 255, 0.9);
488
619
  color: #53627c;
620
+ cursor: pointer;
621
+ text-decoration: none;
489
622
  }
490
623
 
491
- .discover-media-modal-close svg {
624
+ .discover-media-modal-action:hover,
625
+ .discover-media-modal-action:focus-visible {
626
+ border-color: rgba(173, 135, 46, 0.5);
627
+ color: #8a6b1b;
628
+ }
629
+
630
+ .discover-media-modal-action[data-state="done"] {
631
+ border-color: rgba(56, 142, 91, 0.42);
632
+ background: rgba(56, 142, 91, 0.12);
633
+ color: #2f7d4f;
634
+ }
635
+
636
+ .discover-media-modal-action[data-state="error"] {
637
+ border-color: rgba(161, 68, 68, 0.42);
638
+ background: rgba(161, 68, 68, 0.1);
639
+ color: #a14444;
640
+ }
641
+
642
+ .discover-media-modal-action svg {
492
643
  width: 20px;
493
644
  height: 20px;
494
645
  }
@@ -522,16 +673,14 @@ export function renderHomepage(input) {
522
673
  }
523
674
 
524
675
  @media (max-width: 1180px) {
676
+ .discover-frame.has-chat-rail { padding-left: 0; }
677
+
525
678
  .discover-card {
526
679
  grid-template-columns: minmax(200px, 300px) minmax(0, 1fr);
527
680
  gap: 20px;
528
681
  padding: 24px;
529
682
  }
530
683
 
531
- .discover-shell {
532
- grid-template-columns: 320px minmax(0, 1fr);
533
- }
534
-
535
684
  .discover-card-media {
536
685
  min-height: 240px;
537
686
  }
@@ -541,35 +690,7 @@ export function renderHomepage(input) {
541
690
  }
542
691
  }
543
692
 
544
- @media (min-width: 768px) and (max-width: 980px) {
545
- .discover-shell {
546
- grid-template-columns: 300px minmax(0, 1fr);
547
- }
548
-
549
- .discover-sidebar {
550
- padding: 22px;
551
- }
552
-
553
- .discover-card {
554
- grid-template-columns: 1fr;
555
- }
556
-
557
- .discover-card-media {
558
- min-height: 0;
559
- aspect-ratio: 16 / 11;
560
- }
561
-
562
- .discover-card-head {
563
- display: grid;
564
- grid-template-columns: minmax(0, 1fr);
565
- }
566
-
567
- .discover-card-actions {
568
- justify-content: start;
569
- }
570
- }
571
-
572
- @media (max-width: 767px) {
693
+ @media (max-width: 1024px) {
573
694
  .discover-frame,
574
695
  .discover-frame .frame-body,
575
696
  .discover-shell,
@@ -795,3 +916,4 @@ export function renderHomepage(input) {
795
916
  `
796
917
  });
797
918
  }
919
+ //# sourceMappingURL=homepage.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"homepage.js","sourceRoot":"","sources":["../../src/homepage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAE5D,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAC;AAEhG,OAAO,EAAE,4BAA4B,EAAE,MAAM,4BAA4B,CAAC;AAE1E,MAAM,qBAAqB,GAAG,gCAAgC,CAAC;AAI/D,MAAM,UAAU,cAAc,CAAC,KAA6I;IAC1K,MAAM,IAAI,GAAiB;QACzB,SAAS,EAAE,KAAK,CAAC,SAAS;QAC1B,OAAO,EAAE,KAAK,CAAC,OAAO;QACtB,YAAY,EAAE,KAAK,CAAC,YAAY;QAChC,mBAAmB,EAAE,mBAAmB;KACzC,CAAC;IAEF,OAAO,eAAe,CAAC;QACrB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU;YAC7B,CAAC,CAAC,yBAAyB,CAAC,EAAE,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,IAAI,YAAY;YACnH,CAAC,CAAC,oBAAoB;QACxB,SAAS,EAAE,SAAS;QACpB,WAAW,EAAE,KAAK,CAAC,UAAU;YAC3B,CAAC,CAAC;gBACE,QAAQ,EAAE,QAAQ;gBAClB,KAAK,EAAE,UAAU;gBACjB,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,IAAI,IAAI;gBACpC,UAAU,EAAE,KAAK,CAAC,UAAU;aAC7B;YACH,CAAC,CAAC,SAAS;QACb,IAAI,EAAE;gCACsB,cAAc,CACtC,KAAC,aAAa,IACZ,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,gBAAgB,EAAE,KAAK,CAAC,SAAS,EACjC,WAAW,EAAC,EAAE,EACd,aAAa,EAAE,KAAK,EACpB,SAAS,EAAE,IAAI,GAAG,EAAE,EACpB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,KAAK,CAAC,EACrC,KAAK,EAAE,IAAI,EACX,mBAAmB,EAAE,SAAS,EAC9B,qBAAqB,EAAE,SAAS,EAChC,gBAAgB,EAAE,SAAS,EAC3B,mBAAmB,EAAE,IAAI,CAAC,mBAAmB,GAC7C,CACH;2DACoD,iBAAiB,CAAC,IAAI,CAAC;mCAC/C,qBAAqB;KACnD;QACD,KAAK,EAAE;QACH,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAm3B/B;KACF,CAAC,CAAC;AACL,CAAC"}