@appinternalleads/ui 0.4.0 → 0.4.1

package/dist/cjs/components/onboarding/animated-status/AnimatedStatusView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedStatusView.js","sourceRoot":"","sources":["../../../../../src/components/onboarding/animated-status/AnimatedStatusView.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/onboarding/animated-status/AnimatedStill.js

@@ -0,0 +1,20 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AnimatedStill = AnimatedStill;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const core_1 = require("../../../core");
+const tokens_1 = require("../../../tokens");
+const stage_1 = require("../../../tokens/stage");
+const engine_1 = require("./engine");
+const AnimatedStage_types_1 = require("./AnimatedStage.types");
+/**
+ * **The animation as a still** — native, and the web when the Rive runtime cannot load: the opening
+ * word and the call to action on the white ground, the sign-off on an accent rule. Same words and
+ * colours; no motion.
+ */
+function AnimatedStill({ words, textColor, accentColor, label, maxWidth, testID }) {
+    const ink = (0, engine_1.cssColor)(textColor);
+    return ((0, jsx_runtime_1.jsxs)(core_1.Box, { testID: testID, role: "img", "aria-label": label, style: { width: '100%', maxWidth, aspectRatio: AnimatedStage_types_1.STAGE_ASPECT, borderRadius: tokens_1.blockRadii.mid, overflow: 'hidden', backgroundColor: stage_1.ANIMATION_GROUND, alignItems: 'center', justifyContent: 'center', gap: 18, padding: 16 }, children: [(0, jsx_runtime_1.jsx)(core_1.Text, { numberOfLines: 1, style: { fontSize: 44, fontWeight: '800', color: ink }, children: words.scene1Text }), (0, jsx_runtime_1.jsx)(core_1.Text, { numberOfLines: 1, style: { fontSize: 18, fontWeight: '700', color: ink }, children: words.scene5Text }), (0, jsx_runtime_1.jsx)(core_1.Box, { style: { width: 96, height: 3, backgroundColor: (0, engine_1.cssColor)(accentColor) } }), (0, jsx_runtime_1.jsx)(core_1.Text, { numberOfLines: 1, style: { fontSize: 11, color: ink, opacity: 0.7 }, children: words.scene6Text })] }));
+}
+//# sourceMappingURL=AnimatedStill.js.map

package/dist/cjs/components/onboarding/animated-status/AnimatedStill.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedStill.js","sourceRoot":"","sources":["../../../../../src/components/onboarding/animated-status/AnimatedStill.tsx"],"names":[],"mappings":";;AAWA,sCAWC;;AAtBD,wCAA0C;AAC1C,4CAA6C;AAC7C,iDAAyD;AACzD,qCAAoC;AACpC,+DAA8E;AAE9E;;;;GAIG;AACH,SAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAqG;IACzL,MAAM,GAAG,GAAG,IAAA,iBAAQ,EAAC,SAAS,CAAC,CAAC;IAChC,OAAO,CACL,wBAAC,UAAG,IAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAC,KAAK,gBAAa,KAAK,EAC/C,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,kCAAY,EAAE,YAAY,EAAE,mBAAU,CAAC,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,eAAe,EAAE,wBAAgB,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,aACxN,uBAAC,WAAI,IAAC,aAAa,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,YAAG,KAAK,CAAC,UAAU,GAAQ,EACzG,uBAAC,WAAI,IAAC,aAAa,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,YAAG,KAAK,CAAC,UAAU,GAAQ,EACzG,uBAAC,UAAG,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,eAAe,EAAE,IAAA,iBAAQ,EAAC,WAAW,CAAC,EAAE,GAAI,EAChF,uBAAC,WAAI,IAAC,aAAa,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,YAAG,KAAK,CAAC,UAAU,GAAQ,IAChG,CACP,CAAC;AACJ,CAAC"}

package/dist/cjs/components/onboarding/animated-status/contract.js

@@ -0,0 +1,87 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parseColor = exports.COLOR_TOKENS = exports.ANIMATED_STATUS_SECONDS = exports.ANIMATED_STATUS_PRESETS = exports.ANIMATED_STATUS_SLOT_KEYS = exports.ANIMATED_STATUS_SLOTS = exports.ANIMATED_STATUS_ICONS = exports.ANIMATED_STATUS_IN_FLIGHT = exports.ANIMATED_STATUS_SCENES = void 0;
+exports.validateAnimatedStatus = validateAnimatedStatus;
+const configColor_1 = require("../shared/configColor");
+const presets_json_1 = __importDefault(require("./presets.json"));
+/**
+ * **Animated Status** — a short animated message in a fixed motion design (Rive,
+ * `rive/animated-status/`): six scenes, from an opening word a square bounces across to a dark end
+ * card with an icon. The config gives the words, two colours and the icon; the motion, layout,
+ * typography and timing are the component's and have no key.
+ *
+ * Every word slot has its own word limit, part of the design: over it, the config is refused with
+ * the reason — never cut short. A longer word shrinks inside its fixed box in the animation, so no
+ * text can move anything. `done` means the animation finished playing — not that the task the
+ * words describe is done; the host owns that.
+ */
+exports.ANIMATED_STATUS_SCENES = ['default', 'playing', 'done', 'loading', 'empty', 'error'];
+exports.ANIMATED_STATUS_IN_FLIGHT = [];
+/** The emblem's icons, in the order the Rive file holds their artwork. */
+exports.ANIMATED_STATUS_ICONS = ['search', 'location', 'document', 'calendar', 'check', 'sparkles', 'loader', 'warning'];
+/** Each slot's limits: words `[min, max]`, characters, and characters per word. */
+exports.ANIMATED_STATUS_SLOTS = {
+    scene1Text: { words: [1, 1], maxChars: 12, shows: 'the opening word; a square bounces across it and fills it in' },
+    scene2Text: { words: [1, 1], maxChars: 12, shows: 'one word, stacked up the screen five times' },
+    scene3Text: { words: [6, 6], maxChars: 44, maxWordChars: 11, shows: 'six words, one per line, each larger; the fifth is emphasised' },
+    scene4Text: { words: [3, 3], maxChars: 20, maxWordChars: 6, shows: 'three words as hard cuts; a full stop follows the third' },
+    scene5Text: { words: [1, 3], maxChars: 22, shows: 'the call to action' },
+    scene6Text: { words: [1, 3], maxChars: 36, shows: 'the sign-off on the dark end card' },
+};
+exports.ANIMATED_STATUS_SLOT_KEYS = Object.keys(exports.ANIMATED_STATUS_SLOTS);
+exports.ANIMATED_STATUS_PRESETS = presets_json_1.default;
+/** How long one playthrough takes: 271 frames at 24 fps. */
+exports.ANIMATED_STATUS_SECONDS = 11.3;
+/* Colours are content here: see `shared/configColor`. */
+var configColor_2 = require("../shared/configColor");
+Object.defineProperty(exports, "COLOR_TOKENS", { enumerable: true, get: function () { return configColor_2.COLOR_TOKENS; } });
+Object.defineProperty(exports, "parseColor", { enumerable: true, get: function () { return configColor_2.parseColor; } });
+/* ─── validation ──────────────────────────────────────────────────────────────────────────── */
+const words = (s) => s.trim().split(/\s+/).filter(Boolean);
+const plural = (n, one) => `${n} ${one}${n === 1 ? '' : 's'}`;
+/**
+ * The config's problems, each with its field. Text over a limit is refused and says which limit;
+ * it is never shortened. Never throws, whatever it is given.
+ */
+function validateAnimatedStatus(c) {
+    const issues = [];
+    for (const key of exports.ANIMATED_STATUS_SLOT_KEYS) {
+        const rule = exports.ANIMATED_STATUS_SLOTS[key];
+        const text = c?.[key];
+        if (typeof text !== 'string' || !text.trim()) {
+            issues.push({ path: key, message: `${key} needs text: ${rule.shows}.` });
+            continue;
+        }
+        if ([...text].some(ch => ch.charCodeAt(0) < 32 || ch.charCodeAt(0) === 127)) {
+            issues.push({ path: key, message: `${key} is one line of plain text.` });
+            continue;
+        }
+        const ws = words(text);
+        const [min, max] = rule.words;
+        const exact = min === max;
+        if (ws.length > max)
+            issues.push({ path: key, message: `${key} takes ${exact ? 'exactly' : 'at most'} ${plural(max, 'word')} (${rule.shows}); it has ${ws.length}.` });
+        else if (ws.length < min)
+            issues.push({ path: key, message: `${key} takes ${exact ? 'exactly' : 'at least'} ${plural(min, 'word')} (${rule.shows}); it has ${ws.length}.` });
+        if (text.trim().length > rule.maxChars)
+            issues.push({ path: key, message: `${key} takes at most ${rule.maxChars} characters; it has ${text.trim().length}.` });
+        const long = rule.maxWordChars ? ws.filter(w => w.length > rule.maxWordChars) : [];
+        if (long.length)
+            issues.push({ path: key, message: `Each word of ${key} is at most ${rule.maxWordChars} characters: ${long.join(', ')} is too long.` });
+    }
+    for (const key of ['textColor', 'accentColor']) {
+        // eslint-disable-next-line comppack/no-raw-colour -- the message names the colour formats the config may supply
+        if (!(0, configColor_1.parseColor)(c?.[key]))
+            issues.push({ path: key, message: `${key} is a colour: #RGB, #RRGGBB, #RRGGBBAA, rgb(), rgba() or a hue token (${Object.keys(configColor_1.COLOR_TOKENS).slice(0, 4).join(', ')}…).` });
+    }
+    if (!exports.ANIMATED_STATUS_ICONS.includes(c?.emblemIcon)) {
+        issues.push({ path: 'emblemIcon', message: `emblemIcon is one of ${exports.ANIMATED_STATUS_ICONS.join(', ')}.` });
+    }
+    if (c?.autoplay !== undefined && typeof c.autoplay !== 'boolean')
+        issues.push({ path: 'autoplay', message: 'autoplay is yes or no.' });
+    return issues;
+}
+//# sourceMappingURL=contract.js.map

package/dist/cjs/components/onboarding/animated-status/contract.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contract.js","sourceRoot":"","sources":["../../../../../src/components/onboarding/animated-status/contract.ts"],"names":[],"mappings":"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"}

package/dist/cjs/components/onboarding/animated-status/engine.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.wordsOf = exports.cssColor = void 0;
+exports.animatedStatusSeed = animatedStatusSeed;
+exports.spokenText = spokenText;
+exports.riveWrites = riveWrites;
+const contract_1 = require("./contract");
+const configColor_1 = require("../shared/configColor");
+var configColor_2 = require("../shared/configColor");
+Object.defineProperty(exports, "cssColor", { enumerable: true, get: function () { return configColor_2.cssColor; } });
+function animatedStatusSeed(_config, scene) {
+    return { status: scene === 'playing' ? 'playing' : scene === 'done' ? 'done' : 'idle' };
+}
+const wordsOf = (c) => Object.fromEntries(contract_1.ANIMATED_STATUS_SLOT_KEYS.map(k => [k, c[k].trim().split(/\s+/).join(' ')]));
+exports.wordsOf = wordsOf;
+/** Everything the animation says, in order — its accessible name (a canvas has no text of its own). */
+function spokenText(w) {
+    return [w.scene1Text, w.scene2Text, w.scene3Text, `${w.scene4Text}.`, w.scene5Text, w.scene6Text].join(' · ');
+}
+/**
+ * **The words and appearance as the Rive file's view model takes them.** The one place its names
+ * appear: scene 3's words go one per line (`scene3Line1–6`), scene 4's one per cut
+ * (`scene4Word1–3`), and the icon by its index in the file (`iconIndex`).
+ */
+function riveWrites(w, textColor, accentColor, icon) {
+    const s3 = w.scene3Text.split(' ');
+    const s4 = w.scene4Text.split(' ');
+    return [
+        { kind: 'string', name: 'scene1Text', value: w.scene1Text },
+        { kind: 'string', name: 'scene2Text', value: w.scene2Text },
+        ...s3.map((v, i) => ({ kind: 'string', name: `scene3Line${i + 1}`, value: v })),
+        ...s4.map((v, i) => ({ kind: 'string', name: `scene4Word${i + 1}`, value: v })),
+        { kind: 'string', name: 'scene5Text', value: w.scene5Text },
+        { kind: 'string', name: 'scene6Text', value: w.scene6Text },
+        { kind: 'color', name: 'textColor', value: (0, configColor_1.argb)(textColor) },
+        { kind: 'color', name: 'accentColor', value: (0, configColor_1.argb)(accentColor) },
+        { kind: 'number', name: 'iconIndex', value: Math.max(0, contract_1.ANIMATED_STATUS_ICONS.indexOf(icon)) },
+    ];
+}
+//# sourceMappingURL=engine.js.map

package/dist/cjs/components/onboarding/animated-status/engine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"engine.js","sourceRoot":"","sources":["../../../../../src/components/onboarding/animated-status/engine.ts"],"names":[],"mappings":";;;AAWA,gDAEC;AAQD,gCAEC;AAUD,gCAcC;AA/CD,yCAGoB;AACpB,uDAA6C;AAE7C,qDAAiD;AAAxC,uGAAA,QAAQ,OAAA;AAKjB,SAAgB,kBAAkB,CAAC,OAA+B,EAAE,KAAmC;IACrG,OAAO,EAAE,MAAM,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC;AAC1F,CAAC;AAIM,MAAM,OAAO,GAAG,CAAC,CAAyB,EAAuB,EAAE,CACxE,MAAM,CAAC,WAAW,CAAC,oCAAyB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAwB,CAAC;AAD5G,QAAA,OAAO,WACqG;AAEzH,uGAAuG;AACvG,SAAgB,UAAU,CAAC,CAAsB;IAC/C,OAAO,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC,CAAC,UAAU,EAAE,CAAC,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC,UAAU,GAAG,EAAE,CAAC,CAAC,UAAU,EAAE,CAAC,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AAChH,CAAC;AAKD;;;;GAIG;AACH,SAAgB,UAAU,CAAC,CAAsB,EAAE,SAAiB,EAAE,WAAmB,EAAE,IAAY;IACrG,MAAM,EAAE,GAAG,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IACnC,MAAM,EAAE,GAAG,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IACnC,OAAO;QACL,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,CAAC,UAAU,EAAE;QAC3D,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,CAAC,UAAU,EAAE;QAC3D,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAa,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,aAAa,CAAC,GAAG,CAAC,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC;QAC1F,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAa,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,aAAa,CAAC,GAAG,CAAC,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC;QAC1F,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,CAAC,UAAU,EAAE;QAC3D,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,CAAC,UAAU,EAAE;QAC3D,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,IAAA,kBAAI,EAAC,SAAS,CAAC,EAAE;QAC5D,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,IAAA,kBAAI,EAAC,WAAW,CAAC,EAAE;QAChE,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAG,gCAA2C,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE;KACtH,CAAC;AACJ,CAAC"}

package/dist/cjs/components/onboarding/animated-status/index.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AnimatedStatus = exports.animatedStatusSpokenText = exports.animatedStatusRiveWrites = exports.animatedStatusSeed = exports.validateAnimatedStatus = exports.parseAnimatedStatusColor = exports.ANIMATED_STATUS_COLOR_TOKENS = exports.ANIMATED_STATUS_SLOTS = exports.ANIMATED_STATUS_SECONDS = exports.ANIMATED_STATUS_SCENES = exports.ANIMATED_STATUS_PRESETS = exports.ANIMATED_STATUS_IN_FLIGHT = exports.ANIMATED_STATUS_ICONS = void 0;
+var contract_1 = require("./contract");
+Object.defineProperty(exports, "ANIMATED_STATUS_ICONS", { enumerable: true, get: function () { return contract_1.ANIMATED_STATUS_ICONS; } });
+Object.defineProperty(exports, "ANIMATED_STATUS_IN_FLIGHT", { enumerable: true, get: function () { return contract_1.ANIMATED_STATUS_IN_FLIGHT; } });
+Object.defineProperty(exports, "ANIMATED_STATUS_PRESETS", { enumerable: true, get: function () { return contract_1.ANIMATED_STATUS_PRESETS; } });
+Object.defineProperty(exports, "ANIMATED_STATUS_SCENES", { enumerable: true, get: function () { return contract_1.ANIMATED_STATUS_SCENES; } });
+Object.defineProperty(exports, "ANIMATED_STATUS_SECONDS", { enumerable: true, get: function () { return contract_1.ANIMATED_STATUS_SECONDS; } });
+Object.defineProperty(exports, "ANIMATED_STATUS_SLOTS", { enumerable: true, get: function () { return contract_1.ANIMATED_STATUS_SLOTS; } });
+Object.defineProperty(exports, "ANIMATED_STATUS_COLOR_TOKENS", { enumerable: true, get: function () { return contract_1.COLOR_TOKENS; } });
+Object.defineProperty(exports, "parseAnimatedStatusColor", { enumerable: true, get: function () { return contract_1.parseColor; } });
+Object.defineProperty(exports, "validateAnimatedStatus", { enumerable: true, get: function () { return contract_1.validateAnimatedStatus; } });
+var engine_1 = require("./engine");
+Object.defineProperty(exports, "animatedStatusSeed", { enumerable: true, get: function () { return engine_1.animatedStatusSeed; } });
+Object.defineProperty(exports, "animatedStatusRiveWrites", { enumerable: true, get: function () { return engine_1.riveWrites; } });
+Object.defineProperty(exports, "animatedStatusSpokenText", { enumerable: true, get: function () { return engine_1.spokenText; } });
+var AnimatedStatusView_1 = require("./AnimatedStatusView");
+Object.defineProperty(exports, "AnimatedStatus", { enumerable: true, get: function () { return AnimatedStatusView_1.AnimatedStatus; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/onboarding/animated-status/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/onboarding/animated-status/index.ts"],"names":[],"mappings":";;;AAAA,uCAIoB;AAHlB,iHAAA,qBAAqB,OAAA;AAAE,qHAAA,yBAAyB,OAAA;AAAE,mHAAA,uBAAuB,OAAA;AAAE,kHAAA,sBAAsB,OAAA;AAAE,mHAAA,uBAAuB,OAAA;AAAE,iHAAA,qBAAqB,OAAA;AACjJ,wHAAA,YAAY,OAAgC;AAAE,oHAAA,UAAU,OAA4B;AAAE,kHAAA,sBAAsB,OAAA;AAG9G,mCAAuJ;AAA9I,4GAAA,kBAAkB,OAAA;AAAE,kHAAA,UAAU,OAA4B;AAAE,kHAAA,UAAU,OAA4B;AAC3G,2DAAgF;AAAvE,oHAAA,cAAc,OAAA"}

package/dist/cjs/components/onboarding/animated-status/presets.json

@@ -0,0 +1,126 @@
+{
+    "component": "animated-status",
+    "baseCopy": {
+        "loadingLabel": "Loading {title}",
+        "attentionLabel": "Needs attention",
+        "loadErrorTitle": "Couldn’t load the animation",
+        "loadErrorBody": "Nothing was lost. Retry to load it again.",
+        "retryLabel": "Retry",
+        "emptyTitle": "Nothing to animate yet",
+        "emptyBody": "The words for this animation haven’t arrived.",
+        "emptyCta": "Refresh"
+    },
+    "base": {
+        "type": "agent",
+        "icon": "sparkle",
+        "title": "Brand promo",
+        "subtitle": "Animated status · plays once",
+        "scene1Text": "Hey",
+        "scene2Text": "Scroller",
+        "scene3Text": "Scrolling Won't Get Your BRAND Noticed",
+        "scene4Text": "BUT WE WILL",
+        "scene5Text": "contact us today",
+        "scene6Text": "comppack.vercel.app",
+        "textColor": "#0A0A0A",
+        "accentColor": "#8C2C3A",
+        "emblemIcon": "sparkles",
+        "autoplay": false,
+        "playLabel": "Play",
+        "replayLabel": "Replay",
+        "resetLabel": "Reset",
+        "idleLabel": "Ready",
+        "playingLabel": "Playing",
+        "doneLabel": "Played",
+        "hintText": "Plays once · {seconds} s"
+    },
+    "cases": {
+        "case1": {},
+        "case2": {
+            "type": "data",
+            "icon": "search",
+            "title": "Restaurant search",
+            "subtitle": "While the agent looks for a table",
+            "scene1Text": "Search",
+            "scene2Text": "Nearby",
+            "scene3Text": "Hungry? Let Us Find TABLES Nearby",
+            "scene4Text": "WE FIND IT",
+            "scene5Text": "Finding restaurants",
+            "scene6Text": "tablefinder.app",
+            "textColor": "#1A1A1A",
+            "accentColor": "coral",
+            "emblemIcon": "location"
+        },
+        "case3": {
+            "type": "file",
+            "icon": "doc",
+            "title": "Contract review",
+            "subtitle": "While a document is read",
+            "scene1Text": "Opening",
+            "scene2Text": "Contract",
+            "scene3Text": "Reading Every Clause For YOU Now",
+            "scene4Text": "NEARLY THERE NOW",
+            "scene5Text": "Preparing results",
+            "scene6Text": "docs.acme.co",
+            "textColor": "skyDeep",
+            "accentColor": "sky",
+            "emblemIcon": "document"
+        },
+        "case4": {
+            "type": "schedule",
+            "icon": "calendar",
+            "title": "Meeting finder",
+            "subtitle": "While calendars are compared",
+            "scene1Text": "Checking",
+            "scene2Text": "Calendars",
+            "scene3Text": "Finding A Time That WORKS Everyone",
+            "scene4Text": "ONE SLOT LEFT",
+            "scene5Text": "Checking availability",
+            "scene6Text": "meet.acme.co",
+            "textColor": "#2A2724",
+            "accentColor": "butterDeep",
+            "emblemIcon": "calendar"
+        },
+        "case5": {
+            "type": "agent",
+            "icon": "spark",
+            "title": "Assistant reply",
+            "subtitle": "While a response is written",
+            "scene1Text": "Thinking",
+            "scene2Text": "Drafting",
+            "scene3Text": "Writing Your Reply With CARE Today",
+            "scene4Text": "ALMOST READY NOW",
+            "scene5Text": "Generating response",
+            "scene6Text": "assistant.acme.ai",
+            "textColor": "#1F1B2E",
+            "accentColor": "lilacDeep",
+            "emblemIcon": "sparkles"
+        }
+    },
+    "meta": {
+        "case1": {
+            "eyebrow": "Case study 1 · Brand",
+            "title": "Brand promo",
+            "scenario": "The reference animation, word for word: Hey, the stacked Scroller, “Scrolling Won't Get Your BRAND Noticed”, BUT WE WILL, and the end card."
+        },
+        "case2": {
+            "eyebrow": "Case study 2 · Search",
+            "title": "Restaurant search",
+            "scenario": "An agent is finding a table nearby. Same motion, new words, a coral end card with the location icon. “Finding restaurants” is shown progress — not a result."
+        },
+        "case3": {
+            "eyebrow": "Case study 3 · Documents",
+            "title": "Contract review",
+            "scenario": "A document is being read. Sky-blue words from a hue token, the document icon."
+        },
+        "case4": {
+            "eyebrow": "Case study 4 · Scheduling",
+            "title": "Meeting finder",
+            "scenario": "Calendars are being compared, with the calendar icon on a butter end card."
+        },
+        "case5": {
+            "eyebrow": "Case study 5 · Assistant",
+            "title": "Assistant reply",
+            "scenario": "An assistant is writing a reply: dark ink, a lilac end card and the sparkles icon."
+        }
+    }
+}