@vanillaskyai/video 0.8.7 → 0.9.0

package/starters/video-chat/stock.ts

@@ -1,154 +1,38 @@
 import type { VideoOrientation } from "@vanillaskyai/video";
 
-const VIDEO_SEARCH = "https://api.pexels.com/v1/videos/search";
-const PHOTO_SEARCH = "https://api.pexels.com/v1/search";
-const MAX_KEYWORD_LENGTH = 80;
-// One budget covers specific/broader video searches and photo recovery.
-const LOOKUP_TIMEOUT_MS = 3_000;
-
-interface StockMedia {
-  url: string;
-  type: "video" | "image";
-  posterUrl?: string;
-}
-
-/** One hour, keyed by query. The same response asked twice searches once. */
-const cache = new Map<string, { payload: unknown; expiresAt: number }>();
-
-function normalizeKeyword(value: string): string {
-  return value
-    .replace(/[^\p{L}\p{N}\s-]/gu, " ")
-    .replace(/\s+/g, " ")
-    .trim()
-    .slice(0, MAX_KEYWORD_LENGTH);
-}
-
-function record(value: unknown): Record<string, unknown> {
-  return value !== null && typeof value === "object" && !Array.isArray(value)
-    ? value as Record<string, unknown>
-    : {};
-}
-
-function entries(value: unknown): unknown[] {
-  return Array.isArray(value) ? value : [];
-}
-
-function trustedUrl(value: unknown, host: string): string | undefined {
-  if (typeof value !== "string") return undefined;
-  try {
-    const url = new URL(value);
-    if (url.protocol !== "https:" || url.hostname !== host || url.username || url.password || url.port) return undefined;
-    return url.toString();
-  } catch {
-    return undefined;
-  }
-}
-
-function pickVideoFile(files: unknown, orientation: VideoOrientation): string | undefined {
-  const usable = entries(files).flatMap((value) => {
-    const file = record(value);
-    const direct = trustedUrl(file.link, "videos.pexels.com");
-    const external = trustedUrl(file.link, "player.vimeo.com");
-    const link = direct ?? (external && /^\/external\/[a-zA-Z0-9._-]+\.mp4$/.test(new URL(external).pathname) ? external : undefined);
-    const { width, height } = file;
-    if (!link || typeof width !== "number" || typeof height !== "number"
-      || !Number.isFinite(width) || !Number.isFinite(height) || width <= 0 || height <= 0) return [];
-    return [{ link, width, height }];
-  });
-  // Prefer the stage's shape without discarding other safe renditions.
-  return (usable.find((file) => orientation === "portrait"
-    ? file.height >= file.width
-    : file.width >= file.height) ?? usable[0])?.link;
-}
-
-async function search(url: string, apiKey: string, signal: AbortSignal): Promise<unknown> {
-  const cached = cache.get(url);
-  if (cached && cached.expiresAt > Date.now()) return cached.payload;
-
-  if (signal.aborted) return null;
-  try {
-    const response = await fetch(url, {
-      headers: { Authorization: apiKey },
-      signal,
-    });
-    if (!response.ok || signal.aborted) return null;
-    const payload: unknown = await response.json();
-    if (signal.aborted) return null;
-    cache.set(url, { payload, expiresAt: Date.now() + 60 * 60 * 1_000 });
-    if (cache.size > 100) cache.delete(cache.keys().next().value!);
-    return payload;
-  } catch {
-    // A failed video search must still allow the independent photo fallback.
-    if (!signal.aborted) console.warn("[video-chat] Stock lookup unavailable; trying a fallback.");
-    return null;
-  }
-}
-
-/** Metadata is a weak mismatch filter, never visual verification. Numeric URLs
- * and missing descriptions are unknown and retain the provider's search ranking. */
-function matchesMetadata(item: Record<string, unknown>, keyword: string): boolean {
-  let description = typeof item.alt === "string" ? item.alt : "";
-  if (!description) {
-    const page = trustedUrl(item.url, "www.pexels.com");
-    if (page) description = new URL(page).pathname.replace(/^\/(?:video|photo)\//, "");
-  }
-  const words = (value: string) => normalizeKeyword(value).toLowerCase().split(/[\s-]+/)
-    .filter(word => /\p{L}/u.test(word) && !["a", "an", "the", "of", "in", "on", "with", "and", "video", "photo", "free", "footage"].includes(word));
-  const labels = words(description);
-  const requested = words(keyword);
-  return labels.length === 0 || requested.length === 0 || requested.some(word => labels.includes(word));
-}
-
-/** Video queries precede photos. All work shares one deadline, including body
- * parsing, even if a custom fetch implementation ignores its abort signal. */
-export async function findStockFootage(subject: string, orientation: VideoOrientation, signal: AbortSignal, fallbackSubject?: string): Promise<StockMedia | null> {
-  const apiKey = process.env.PEXELS_API_KEY;
-  const keyword = normalizeKeyword(subject);
-  if (!apiKey || !keyword || signal.aborted) return null;
-  const keywords = [keyword];
-  const fallback = normalizeKeyword(fallbackSubject ?? "");
-  if (fallback && fallback.toLowerCase() !== keyword.toLowerCase()) keywords.push(fallback);
-  const controller = new AbortController();
-  let finish!: (value: null) => void;
-  const stopped = new Promise<null>(resolve => { finish = resolve; });
-  const abort = () => { controller.abort(); finish(null); };
-  signal.addEventListener("abort", abort, { once: true });
-  const timer = setTimeout(abort, LOOKUP_TIMEOUT_MS);
-  const active = controller.signal;
-  const lookup = async (): Promise<StockMedia | null> => {
-    for (const query of keywords) {
-      const params = new URLSearchParams({ query, orientation, per_page: "3", page: "1" });
-      const videos = record(await search(`${VIDEO_SEARCH}?${params}`, apiKey, active));
-      if (active.aborted) return null;
-      for (const value of entries(videos.videos)) {
-        const video = record(value);
-        if (!matchesMetadata(video, query)) continue;
-        const url = pickVideoFile(video.video_files, orientation);
-        if (!url) continue;
-        const posterUrl = trustedUrl(video.image, "images.pexels.com");
-        return { url, type: "video", ...(posterUrl ? { posterUrl } : {}) };
-      }
-    }
-    for (const query of keywords) {
-      const params = new URLSearchParams({ query, orientation, per_page: "3", page: "1" });
-      const photos = record(await search(`${PHOTO_SEARCH}?${params}`, apiKey, active));
-      if (active.aborted) return null;
-      for (const value of entries(photos.photos)) {
-        const photo = record(value);
-        if (!matchesMetadata(photo, query)) continue;
-        const source = record(photo.src);
-        for (const candidate of [source.large2x, source.large]) {
-          const url = trustedUrl(candidate, "images.pexels.com");
-          if (url) return { url, type: "image" };
-        }
-      }
-    }
-    return null;
-  };
-  try {
-    return await Promise.race([lookup(), stopped]);
-  } finally {
-    clearTimeout(timer);
-    signal.removeEventListener("abort", abort);
-  }
+export interface ApprovedStock {
+  /** Literal phrases the inspected clip actually depicts; no broad topic aliases. */
+  queries: readonly string[];
+  orientations: readonly VideoOrientation[];
+  description: string;
+  reviewedAt: string;
+  media: { url: string; type: "video" | "image"; posterUrl?: string };
+}
+
+/** Add assets only after watching the clip and checking its crop and poster.
+ * An empty collection deliberately declines stock instead of guessing from
+ * search rank. The host can maintain this reviewed index independently of the SDK.
+ */
+export const approvedStock: readonly ApprovedStock[] = [];
+
+const normalize = (value: string) => value.trim().toLowerCase().replace(/\s+/g, ' ');
+function approvedUrl(value: string): boolean {
+  try { const url=new URL(value);return url.protocol==='https:' && !url.username && !url.password && !url.port; }
+  catch { return false; }
+}
+
+export async function findStockFootage(
+  query: string,
+  orientation: VideoOrientation,
+  signal: AbortSignal,
+  _fallbackQuery?: string,
+  index: readonly ApprovedStock[] = approvedStock,
+) {
+  signal.throwIfAborted();
+  const intent=normalize(query);
+  if(!intent || intent.length>80 || intent.split(' ').length>8)return null;
+  const entry=index.find(asset=>asset.reviewedAt && asset.description && asset.orientations.includes(orientation)
+    && asset.queries.some(candidate=>normalize(candidate)===intent)
+    && approvedUrl(asset.media.url) && (!asset.media.posterUrl || approvedUrl(asset.media.posterUrl)));
+  return entry ? {...entry.media} : null;
 }

package/styles/fonts/OFL.txt

@@ -0,0 +1,93 @@
+Copyright 2011 The Roboto Project Authors (https://github.com/googlefonts/roboto-classic)
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+https://openfontlicense.org
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.

package/styles/fonts/manifest.json

@@ -0,0 +1,66 @@
+{
+  "family": "Roboto",
+  "version": "v51",
+  "weights": [
+    400,
+    500
+  ],
+  "license": "OFL.txt",
+  "licenseSource": "https://raw.githubusercontent.com/google/fonts/main/ofl/roboto/OFL.txt",
+  "files": [
+    {
+      "file": "roboto-v51-cyrillic-ext.woff2",
+      "source": "https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3GUBHMdazTgWw.woff2",
+      "sha256": "e44224eb71a96cb33bd046ded16a4e22bb441b170bdfbcba0268a754141b97c8",
+      "bytes": 31472
+    },
+    {
+      "file": "roboto-v51-cyrillic.woff2",
+      "source": "https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBHMdazTgWw.woff2",
+      "sha256": "32886c5ec61a0d06e5677a98c5ed78a5f1c788c18c5e8d7dcd931c4b6dc19830",
+      "bytes": 19624
+    },
+    {
+      "file": "roboto-v51-greek-ext.woff2",
+      "source": "https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBHMdazTgWw.woff2",
+      "sha256": "5fdfeaf926cac990770dfa66011bdb87d6b69f43c42aa759dcdcf0a7a197c19a",
+      "bytes": 1632
+    },
+    {
+      "file": "roboto-v51-greek.woff2",
+      "source": "https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3-UBHMdazTgWw.woff2",
+      "sha256": "4813e3dfbbb23708c817ef7fd3fd9c82cd0d33c778def0897f0447f1c364ce64",
+      "bytes": 13984
+    },
+    {
+      "file": "roboto-v51-math.woff2",
+      "source": "https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMawCUBHMdazTgWw.woff2",
+      "sha256": "297193369eea600161f4b5219bd7b08850180fcfe0752f1a2eaa436575cd03b7",
+      "bytes": 36292
+    },
+    {
+      "file": "roboto-v51-symbols.woff2",
+      "source": "https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMaxKUBHMdazTgWw.woff2",
+      "sha256": "fab8a0056d92fdd8d64fed4b049744144e1d24d08762c513bff78265299ed7a3",
+      "bytes": 16692
+    },
+    {
+      "file": "roboto-v51-vietnamese.woff2",
+      "source": "https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3OUBHMdazTgWw.woff2",
+      "sha256": "2071148c26bd0430cad316373c26db399e0cf8f6275b9e1a2c1b831f05ee7dc3",
+      "bytes": 10572
+    },
+    {
+      "file": "roboto-v51-latin-ext.woff2",
+      "source": "https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBHMdazTgWw.woff2",
+      "sha256": "cdd53dc5576a79f35cf280dfbd9c1cb2a5dd2f0ede30afba9b9ccdc7fe12e7d0",
+      "bytes": 24444
+    },
+    {
+      "file": "roboto-v51-latin.woff2",
+      "source": "https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBHMdazQ.woff2",
+      "sha256": "0a44e0bb6ba5c8537e8814c148ef7755f1bce12112361231f595ecc584a18d7a",
+      "bytes": 37520
+    }
+  ]
+}

package/styles/fonts/roboto.css

@@ -0,0 +1,91 @@
+/* Roboto v51, SIL Open Font License 1.1. Self-hosted fallback; no external requests. */
+/* cyrillic-ext */
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 400 500;
+  font-stretch: 100%;
+  font-display: optional;
+  src: url("./roboto-v51-cyrillic-ext.woff2") format('woff2');
+  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 400 500;
+  font-stretch: 100%;
+  font-display: optional;
+  src: url("./roboto-v51-cyrillic.woff2") format('woff2');
+  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* greek-ext */
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 400 500;
+  font-stretch: 100%;
+  font-display: optional;
+  src: url("./roboto-v51-greek-ext.woff2") format('woff2');
+  unicode-range: U+1F00-1FFF;
+}
+/* greek */
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 400 500;
+  font-stretch: 100%;
+  font-display: optional;
+  src: url("./roboto-v51-greek.woff2") format('woff2');
+  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
+}
+/* math */
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 400 500;
+  font-stretch: 100%;
+  font-display: optional;
+  src: url("./roboto-v51-math.woff2") format('woff2');
+  unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
+}
+/* symbols */
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 400 500;
+  font-stretch: 100%;
+  font-display: optional;
+  src: url("./roboto-v51-symbols.woff2") format('woff2');
+  unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF;
+}
+/* vietnamese */
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 400 500;
+  font-stretch: 100%;
+  font-display: optional;
+  src: url("./roboto-v51-vietnamese.woff2") format('woff2');
+  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 400 500;
+  font-stretch: 100%;
+  font-display: optional;
+  src: url("./roboto-v51-latin-ext.woff2") format('woff2');
+  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 400 500;
+  font-stretch: 100%;
+  font-display: optional;
+  src: url("./roboto-v51-latin.woff2") format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}

package/styles/video-chat.css

@@ -1,3 +1,5 @@
+@import "./fonts/roboto.css";
+
 /* Scoped immersive VideoChat interface. Import this stylesheet once.
  * All tokens, element rules and animation names belong to the component.
  * Override --vs-chat-height / --vs-chat-min-height to fit an embedded host. */
@@ -771,7 +773,6 @@
 @media (max-width: 700px) {
   .vanillasky-video-chat .chrome .nav-label { display: none; }
   .vanillasky-video-chat .chrome .round:has(.nav-label), .vanillasky-video-chat .chrome .pill:has(.nav-label) { width: 44px; padding: 0; }
-  .vanillasky-video-chat .chrome > .group:first-of-type { margin-left: auto; }
 }
 
 .vanillasky-video-chat .chrome .session-brand { flex: 1 1 auto; }
@@ -1039,6 +1040,10 @@
   opacity: 0;
   pointer-events: none;
 }
+/* Native hover must keep controls interactive even between pointer events
+   and the idle timer's React update. Hidden pointer events otherwise expose
+   the underlying scene to WebKit's hit testing. */
+.vanillasky-video-chat .line-row:hover .caption-actions,
 .vanillasky-video-chat .line-row:focus-within .caption-actions,
 .vanillasky-video-chat .caption-actions:focus-within {
   opacity: 1;
@@ -1048,27 +1053,6 @@
 @media (max-width: 700px) {
   .vanillasky-video-chat .sheet-popover { max-height: calc(100% - 102px); }
 }
-
-/* A still from the current response softly fills unused aspect-ratio space.
-   Frame is mounted paused by the component; only the main player animates. */
-.vanillasky-video-chat .stage > .ambient-media {
-  inset: -40px;
-  width: calc(100% + 80px);
-  height: calc(100% + 80px);
-  display: block;
-  overflow: hidden;
-  z-index: 0;
-  background: var(--vs-media-ground);
-  opacity: 1;
-  pointer-events: none;
-}
-.vanillasky-video-chat .ambient-media .frame-media {
-  max-width: none;
-  max-height: none;
-  object-fit: cover;
-  filter: blur(32px) saturate(.85);
-  opacity: .62;
-}
 .vanillasky-video-chat .opening-wash {
   position: absolute;
   inset: 0;
@@ -1093,7 +1077,6 @@
     backdrop-filter: none;
     -webkit-backdrop-filter: none;
   }
-  .vanillasky-video-chat .stage > .ambient-media { display: none; }
 }
 
 @media (pointer: coarse) {
@@ -1131,3 +1114,27 @@
 .vanillasky-video-chat .recovery-notice .round { flex: 0 0 44px; width: 44px; height: 44px; }
 
 .vanillasky-video-chat .session-new { margin-bottom: 20px; background: var(--vs-surface-hover); border-color: rgb(221 224 255 / 12%); }
+
+/* The floating toolbar and subtitle row share one uninterrupted hover target. */
+.vanillasky-video-chat .caption-actions::after {
+  content: "";
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 100%;
+  height: 7px;
+}
+
+.vanillasky-video-chat .opening-chapter {
+  position: absolute;
+  inset: 0;
+  background: #000;
+}
+.vanillasky-video-chat .opening-chapter [data-title-composition="centered"] {
+  animation: vanillasky-video-chat-fade-in 800ms ease both;
+}
+.vanillasky-video-chat .line-row[data-opening-copy="true"] {
+  background: transparent;
+  backdrop-filter: none;
+  -webkit-backdrop-filter: none;
+}

package/dist/bg-confetti-HITCGLGD.js

@@ -1,89 +0,0 @@
-import {
-  ConfettiLayer
-} from "./chunk-CJ7F2CE6.js";
-import "./chunk-QAAO7OAY.js";
-import {
-  TemplateText
-} from "./chunk-YJJC4N4D.js";
-import "./chunk-L5BTTCZV.js";
-import {
-  BrandGradientOverlay
-} from "./chunk-W3VDIBGR.js";
-import "./chunk-XTOXFMLM.js";
-import {
-  resolveTokens
-} from "./chunk-XWWLKRNU.js";
-
-// src/visual-system/scene-templates/bg-confetti.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var BgConfettiTemplate = ({
-  variables,
-  style,
-  progress,
-  motionProgress = progress,
-  beatIntensity,
-  width,
-  height,
-  textArchetype,
-  safeZone,
-  sceneDuration
-}) => {
-  const { background, foreground, font } = resolveTokens(style);
-  const textColor = foreground;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      style: {
-        width,
-        height,
-        backgroundColor: "var(--vanillasky-template-surface, #000)",
-        position: "relative",
-        overflow: "hidden",
-        fontFamily: font
-      },
-      children: [
-        /* @__PURE__ */ jsx(
-          BrandGradientOverlay,
-          {
-            style,
-            progress,
-            sceneDuration,
-            seed: String(variables.texts || "").split("").reduce((acc, c) => acc + c.charCodeAt(0), 0)
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          ConfettiLayer,
-          {
-            progress: motionProgress,
-            width,
-            height,
-            beatIntensity,
-            bgColor: background.type === "solid" ? background.color : background.colors[1]
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          TemplateText,
-          {
-            motionProgress,
-            typeTreatment: resolveTokens(style).preset.type,
-            archetype: textArchetype ?? "subtle",
-            text: String(variables.texts ?? ""),
-            progress,
-            sceneDuration: sceneDuration ?? 3,
-            width,
-            height,
-            position: "center",
-            sizeRole: "headline",
-            safeZone,
-            font,
-            color: textColor,
-            beatIntensity
-          }
-        )
-      ]
-    }
-  );
-};
-export {
-  BgConfettiTemplate
-};