@appinternalleads/ui 0.2.0

package/src/components/onboarding/department-setup/presets.json

@@ -0,0 +1,199 @@
+{
+  "component": "department-setup",
+  "baseCopy": {
+    "loadErrorTitle": "Couldn’t load this step",
+    "loadErrorBody": "Nothing was lost. Retry to load it again.",
+    "retryLabel": "Retry",
+    "emptyCta": "Refresh"
+  },
+  "base": {
+    "type": "agent",
+    "icon": "building",
+    "itemIcon": "users",
+    "title": "Set up departments",
+    "subtitle": "Group people so you can route work and approvals.",
+    "noun": "department",
+    "nouns": "departments",
+    "countNoun": "member",
+    "countNouns": "members",
+    "items": [
+      {
+        "name": "Engineering",
+        "count": 12
+      },
+      {
+        "name": "Design",
+        "count": 4
+      },
+      {
+        "name": "Sales",
+        "count": 8
+      }
+    ],
+    "maxLength": 40,
+    "confirmNonEmpty": true,
+    "editIndex": 1,
+    "addLabel": "New department",
+    "placeholder": "e.g. Marketing",
+    "duplicateText": "A department with this name already exists",
+    "deleteLabel": "Delete department",
+    "consequence": "become unassigned",
+    "primaryLabel": "Continue",
+    "secondaryLabel": "Skip",
+    "emptyTitle": "No departments yet",
+    "emptyBody": "Add your first department to start grouping people.",
+    "emptyCta": "Add department"
+  },
+  "cases": {
+    "case1": {},
+    "case2": {
+      "type": "file",
+      "icon": "folder",
+      "itemIcon": "folder",
+      "title": "Organise project folders",
+      "subtitle": "Top-level folders everyone sees.",
+      "noun": "folder",
+      "nouns": "folders",
+      "countNoun": "file",
+      "countNouns": "files",
+      "items": [
+        {
+          "name": "Q3 launch",
+          "count": 18
+        },
+        {
+          "name": "Research",
+          "count": 6
+        },
+        {
+          "name": "Archive",
+          "count": 40
+        }
+      ],
+      "ship": "editing",
+      "addLabel": "New folder",
+      "placeholder": "e.g. Planning",
+      "duplicateText": "A folder with this name already exists",
+      "deleteLabel": "Delete folder",
+      "consequence": "move to Unsorted",
+      "emptyTitle": "No folders yet",
+      "emptyBody": "Add a folder to start organising.",
+      "emptyCta": "Add folder"
+    },
+    "case3": {
+      "type": "data",
+      "icon": "map",
+      "itemIcon": "box",
+      "title": "Set up warehouse zones",
+      "subtitle": "Where stock is kept and picked from.",
+      "noun": "zone",
+      "nouns": "zones",
+      "countNoun": "bin",
+      "countNouns": "bins",
+      "items": [
+        {
+          "name": "Aisle A",
+          "count": 120
+        },
+        {
+          "name": "Cold room",
+          "count": 24
+        },
+        {
+          "name": "Returns",
+          "count": 9
+        }
+      ],
+      "ship": "confirm",
+      "addLabel": "New zone",
+      "placeholder": "e.g. Aisle B",
+      "duplicateText": "A zone with this name already exists",
+      "deleteLabel": "Delete zone",
+      "consequence": "need a new zone before picking",
+      "emptyTitle": "No zones yet",
+      "emptyBody": "Add a zone to start assigning bins.",
+      "emptyCta": "Add zone"
+    },
+    "case4": {
+      "type": "data",
+      "icon": "tag",
+      "itemIcon": "tag",
+      "title": "Create product categories",
+      "subtitle": "Shown as filters in your store.",
+      "noun": "category",
+      "nouns": "categories",
+      "countNoun": "product",
+      "countNouns": "products",
+      "items": [
+        {
+          "name": "Shoes",
+          "count": 32
+        },
+        {
+          "name": "Bags",
+          "count": 14
+        },
+        {
+          "name": "Sale",
+          "count": 0
+        }
+      ],
+      "ship": "duplicate",
+      "addLabel": "New category",
+      "placeholder": "e.g. Accessories",
+      "duplicateText": "A category with this name already exists",
+      "deleteLabel": "Delete category",
+      "consequence": "become uncategorised",
+      "emptyTitle": "No categories yet",
+      "emptyBody": "Add a category so shoppers can filter.",
+      "emptyCta": "Add category"
+    },
+    "case5": {
+      "type": "action",
+      "icon": "inbox",
+      "itemIcon": "inbox",
+      "title": "Create ticket queues",
+      "subtitle": "Route tickets to the right team.",
+      "noun": "queue",
+      "nouns": "queues",
+      "countNoun": "agent",
+      "countNouns": "agents",
+      "items": [],
+      "addLabel": "New queue",
+      "placeholder": "e.g. Billing",
+      "duplicateText": "A queue with this name already exists",
+      "deleteLabel": "Delete queue",
+      "consequence": "lose this queue",
+      "emptyTitle": "No queues yet",
+      "emptyBody": "Tickets go to one shared inbox until you add a queue.",
+      "emptyCta": "Add queue"
+    }
+  },
+  "meta": {
+    "case1": {
+      "eyebrow": "Case study 1 · People ops",
+      "title": "Departments",
+      "scenario": "An HR admin sets up the departments people belong to."
+    },
+    "case2": {
+      "eyebrow": "Case study 2 · Productivity",
+      "title": "Project folders",
+      "scenario": "A team lead tidies the shared folders. The board ships with row 2 being renamed."
+    },
+    "case3": {
+      "eyebrow": "Case study 3 · Logistics",
+      "title": "Warehouse zones",
+      "scenario": "A warehouse manager defines picking zones. The board ships with the delete confirmation open."
+    },
+    "case4": {
+      "eyebrow": "Case study 4 · E-commerce",
+      "title": "Product categories",
+      "scenario": "A merchant adds store categories and types a name that already exists. Empty categories delete without asking."
+    },
+    "case5": {
+      "eyebrow": "Case study 5 · Support",
+      "title": "Ticket queues",
+      "scenario": "A support lead has no queues yet, so the board ships in the empty state."
+    }
+  }
+}

package/src/components/onboarding/event-reminder/EventReminderView.tsx

@@ -0,0 +1,144 @@
+import { Box, Icon, Text } from '../../../core';
+import { ActionMenu, AvatarGroup, Button } from '../../../ds';
+import { blockRadii, useDs, type DensityName } from '../../../tokens';
+import { resolveConfig, type OnboardingPreset, type OnboardingResult, type PatternStatus } from '../shared/contract';
+import { ONBOARDING_TIMING, type OnboardingOperation } from '../shared/mock';
+import { InvalidConfig } from '../shared/InvalidConfig';
+import { OnboardingCard } from '../shared/OnboardingCard';
+import { CopyField, Slot } from '../shared/parts';
+import { runOutcome, useDefaultOperation, usePatternStatus, useSceneReport, useSeededReducer } from '../shared/runtime';
+import { useOperationRunner } from '../../../runtime/operations';
+import { EVENT_PRESETS, validateEventReminder, type EventReminderSettings } from './contract';
+import { eventSeed, eventView, initialEventReminder, initialsOfName, reduceEventReminder, type EventReminderSeed } from './engine';
+import { guarded } from '../shared/guard';
+
+export type EventReminderOperations = {
+  /** Join the call (or check in, with no link). The host opens the link. */
+  join: OnboardingOperation<{ link: string; checkIn: boolean }>;
+};
+
+export type EventReminderProps = {
+  preset?: OnboardingPreset;
+  config?: Partial<EventReminderSettings>;
+  density?: DensityName;
+  status?: PatternStatus;
+  /** The prototype's Join never fails; an `operations.join` that refuses returns Join to rest. */
+  result?: OnboardingResult;
+  operations?: EventReminderOperations;
+  reload?: OnboardingOperation<void>;
+  initial?: EventReminderSeed;
+  onJoin?: (req: { link: string; checkIn: boolean }) => void;
+  onSnooze?: (option: string | null) => void;
+  onCopyLink?: (link: string) => void | Promise<void>;
+  onScene?: (scene: string) => void;
+  testID?: string;
+};
+
+/**
+ * **Event Reminder** — when (a clock and the time, tabular; muted once ended), who (28px avatars,
+ * at most four and "+n", with a count in words), and where: the read-only video link with Copy, or
+ * a place. Footer: Snooze opens a menu ABOVE it ("Snoozed · 5 min" un-snoozes), and Join — a ghost
+ * while upcoming, the coral primary once it is "Now", disabled once ended; Joining… → Joined.
+ */
+function EventReminderView(props: EventReminderProps) {
+  const config = resolveConfig(EVENT_PRESETS, props.preset, props.config);
+  const issues = validateEventReminder(config);
+  if (issues.length) return <InvalidConfig title={config.title} issues={issues} testID={props.testID} />;
+  return <Valid {...props} config={config} />;
+}
+
+function Valid({
+  config, density, status, result, operations, reload, initial, onJoin, onSnooze, onCopyLink, onScene, testID,
+}: Omit<EventReminderProps, 'config'> & { config: EventReminderSettings }) {
+  const { colors, density: d } = useDs();
+  const runner = useOperationRunner();
+  const key = JSON.stringify([config, initial ?? null]);
+  const [state, send] = useSeededReducer(
+    reduceEventReminder,
+    () => initialEventReminder(config, initial ?? (config.ship ? eventSeed(config, config.ship) : {})),
+    key,
+    () => runner.cancel('join'),
+  );
+  const pattern = usePatternStatus(status ?? 'ready', reload);
+  const v = eventView(config, state);
+  useSceneReport(pattern.status === 'ready' ? v.scene : pattern.status, onScene);
+  const join = useDefaultOperation(operations?.join, ONBOARDING_TIMING.finish, () => result === 'error');
+  const doJoin = () => {
+    if (!v.canJoin) return;
+    const req = { link: config.link, checkIn: state.noLink };
+    send({ type: 'join' });
+    runOutcome(runner, 'join', join, req, { ok: () => { send({ type: 'joined' }); onJoin?.(req); }, fail: () => send({ type: 'joinFailed' }) });
+  };
+  const people = config.attendees.map((name, i) => ({ id: `a${i}`, name, initials: initialsOfName(name) }));
+
+  const actions = (
+    <>
+      <Slot slotKey={state.snooze ? 'snoozed' : 'snooze'}>
+        {state.snooze ? (
+          <Button variant="secondary" size="small" aria-label={`${v.snoozeLabel}. Un-snooze`} onPress={() => { send({ type: 'unsnooze' }); onSnooze?.(null); }} style={{ minHeight: d.controlH }}>
+            {v.snoozeLabel}
+          </Button>
+        ) : (
+          <ActionMenu
+            label="Snooze for"
+            triggerLabel="Snooze"
+            trigger="Snooze"
+            side="above"
+            align="end"
+            width={160}
+            disabled={!v.canSnooze}
+            items={config.snoozeOptions.map(o => ({ value: o, label: o }))}
+            onSelect={o => { send({ type: 'snooze', option: o }); onSnooze?.(o); }}
+          />
+        )}
+      </Slot>
+      <Slot slotKey={v.joinPrimary ? 'primary' : 'ghost'}>
+        <Button
+          variant={v.joinPrimary ? 'primary' : 'secondary'}
+          size="small"
+          busy={state.join === 'joining'}
+          disabled={!v.canJoin}
+          onPress={doJoin}
+          style={{ minHeight: d.controlH, ...(v.joinPrimary ? { minWidth: 120 } : null) }}>
+          {v.joinLabel}
+        </Button>
+      </Slot>
+    </>
+  );
+
+  return (
+    <OnboardingCard
+      testID={testID}
+      header={config}
+      copy={config}
+      density={density}
+      status={pattern.status}
+      onRetry={pattern.retry}
+      onEmptyAction={pattern.retry}
+      chip={v.chip}
+      hint={v.footerHint}
+      actions={actions}>
+      <Box gap="s3">
+        <Box row align="center" gap="s2">
+          <Icon name="clock" size={16} color={v.ended ? colors.textSecondary : colors.textPrimary} />
+          <Text variant="caption" numeric style={{ fontSize: 13, fontWeight: '600', color: v.ended ? colors.textSecondary : colors.textPrimary }}>{config.when}</Text>
+        </Box>
+        <Box row align="center" gap="s2" style={{ paddingLeft: 0 }}>
+          <AvatarGroup people={people} max={4} size={28} total={v.total} fill="band" />
+          <Text variant="caption" color="textSecondary" numeric style={{ fontSize: 12, flexShrink: 1 }}>{v.attendeeLabel}</Text>
+        </Box>
+        {state.noLink ? (
+          <Box row align="center" gap="s2" style={{ paddingVertical: 10, paddingHorizontal: 12, borderRadius: blockRadii.inset, backgroundColor: colors.surfaceSunken }}>
+            <Icon name="map-pin" size={16} color={colors.textSecondary} />
+            <Text variant="caption" color="textPrimary" style={{ fontSize: 13, flexShrink: 1 }}>{config.location ?? 'Location to be confirmed'}</Text>
+          </Box>
+        ) : (
+          <CopyField nativeID={`er-link-${config.link.replace(/[^a-z0-9]/gi, '')}`} label={config.linkLabel} value={config.link} copyLabel="Copy link" onCopy={onCopyLink} />
+        )}
+      </Box>
+    </OnboardingCard>
+  );
+}
+
+/** EventReminder, guarded: a wrong-kind config is refused by name and a render error is caught, never thrown to the page (`shared/guard`). */
+export const EventReminder = guarded(EventReminderView, EVENT_PRESETS, 'EventReminder');

package/src/components/onboarding/event-reminder/contract.ts

@@ -0,0 +1,50 @@
+import type { HeaderConfig, LoadCopy, OnboardingIssue, PresetsFile } from '../shared/contract';
+import presetsJson from './presets.json';
+
+/**
+ * **Event Reminder (batch 3 §3.2)** — an upcoming event with its people, its link (or a place), and
+ * Join and Snooze. Join is a ghost until the event starts, then the one coral primary.
+ */
+
+export const EVENT_SCENES = ['default', 'upcoming', 'now', 'snoozed', 'ended', 'noLink', 'loading', 'empty', 'error'] as const;
+export type EventScene = (typeof EVENT_SCENES)[number];
+/** Scenes that are an operation in flight — none: Joining… is a click away from any scene. */
+export const EVENT_IN_FLIGHT: readonly string[] = [];
+
+export type EventReminderSettings = HeaderConfig & LoadCopy & {
+  /** "Today · 10:00–10:15" — tabular. */
+  when: string;
+  /** The chip before the event starts — "In 10 min". */
+  startsIn: string;
+  endTime: string;
+  attendees: string[];
+  /** Everyone, when `attendees` lists only some — "+117". */
+  attendeeTotal?: number;
+  /** How many attendees are external — "5 attendees · 2 external". */
+  external?: number;
+  /** The video link. Empty: the event is in person and `location` shows instead. */
+  link: string;
+  location?: string;
+  linkLabel: string;
+  joinLabel: string;
+  /** With no link, Join becomes this — "Check in" → "Checking in…" → "Checked in". */
+  altAction: string;
+  altBusy: string;
+  altDone: string;
+  altDoneHint: string;
+  snoozeOptions: string[];
+  /** Demo-only: the scene this case ships in (B2-9). */
+  ship?: EventScene;
+};
+
+export const EVENT_PRESETS = presetsJson as unknown as PresetsFile<EventReminderSettings>;
+
+export function validateEventReminder(c: EventReminderSettings): OnboardingIssue[] {
+  const issues: OnboardingIssue[] = [];
+  if (!Array.isArray(c.attendees) || c.attendees.length === 0) issues.push({ path: 'attendees', message: 'attendees must list at least one person.' });
+  if (!Array.isArray(c.snoozeOptions) || c.snoozeOptions.length === 0) issues.push({ path: 'snoozeOptions', message: 'snoozeOptions must offer at least one choice.' });
+  if (c.attendeeTotal !== undefined && Array.isArray(c.attendees) && !(c.attendeeTotal >= c.attendees.length)) {
+    issues.push({ path: 'attendeeTotal', message: 'attendeeTotal cannot be fewer than the attendees listed.' });
+  }
+  return issues;
+}

package/src/components/onboarding/event-reminder/engine.ts

@@ -0,0 +1,61 @@
+import type { EventReminderSettings, EventScene } from './contract';
+
+/** **The Event Reminder engine** — pure: where the event is in time, the snooze, and joining. */
+
+export type EventPhase = 'upcoming' | 'now' | 'ended';
+export type JoinPhase = 'idle' | 'joining' | 'joined';
+export type EventReminderState = { phase: EventPhase; snooze: string | null; join: JoinPhase; noLink: boolean };
+export type EventReminderSeed = Partial<EventReminderState>;
+export type EventReminderAction =
+  | { type: 'snooze'; option: string } | { type: 'unsnooze' } | { type: 'join' } | { type: 'joined' } | { type: 'joinFailed' };
+
+export function initialEventReminder(c: EventReminderSettings, seed: EventReminderSeed = {}): EventReminderState {
+  return { phase: seed.phase ?? 'upcoming', snooze: seed.snooze ?? null, join: seed.join ?? 'idle', noLink: seed.noLink ?? !c.link };
+}
+
+export function eventSeed(c: EventReminderSettings, scene: EventScene): EventReminderSeed {
+  if (scene === 'upcoming') return { phase: 'upcoming' };
+  if (scene === 'now') return { phase: 'now' };
+  if (scene === 'snoozed') return { snooze: c.snoozeOptions[0] ?? null };
+  if (scene === 'ended') return { phase: 'ended' };
+  if (scene === 'noLink') return { noLink: true };
+  return {};
+}
+
+export function reduceEventReminder(s: EventReminderState, a: EventReminderAction): EventReminderState {
+  const locked = s.phase === 'ended' || s.join !== 'idle';
+  switch (a.type) {
+    case 'snooze': return locked ? s : { ...s, snooze: a.option };
+    case 'unsnooze': return { ...s, snooze: null };
+    case 'join': return locked ? s : { ...s, join: 'joining' };
+    case 'joined': return s.join === 'joining' ? { ...s, join: 'joined' } : s;
+    case 'joinFailed': return s.join === 'joining' ? { ...s, join: 'idle' } : s;
+  }
+}
+
+/** "Ayesha Malik" → "AM". */
+export function initialsOfName(name: string): string {
+  return name.split(' ').filter(Boolean).slice(0, 2).map(w => w[0]!).join('').toUpperCase();
+}
+
+export function eventView(c: EventReminderSettings, s: EventReminderState) {
+  const ended = s.phase === 'ended';
+  const now = s.phase === 'now';
+  const total = Math.max(c.attendeeTotal ?? c.attendees.length, c.attendees.length);
+  return {
+    ended, now,
+    attendeeLabel: total === 1 ? c.attendees[0]! : `${total.toLocaleString('en-US')} attendees${c.external ? ` · ${c.external} external` : ''}`,
+    total,
+    chip: { tone: 'neutral' as const, label: ended ? 'Ended' : s.snooze ? 'Snoozed' : now ? 'Now' : c.startsIn, dot: now && !s.snooze && !ended },
+    joinLabel: s.join === 'joining' ? (s.noLink ? c.altBusy : 'Joining…') : s.join === 'joined' ? (s.noLink ? c.altDone : 'Joined') : (s.noLink ? c.altAction : c.joinLabel),
+    joinPrimary: now,
+    canJoin: !ended && s.join === 'idle',
+    canSnooze: !ended && s.join !== 'joined',
+    snoozeLabel: s.snooze ? `Snoozed · ${s.snooze}` : 'Snooze',
+    footerHint: s.join === 'joined' ? (s.noLink ? c.altDoneHint : 'Opened in a new tab')
+      : ended ? `Ended at ${c.endTime}`
+      : s.snooze ? `We’ll remind you again in ${s.snooze}`
+      : now ? 'Starting now' : `Starts ${c.startsIn.toLowerCase()}`,
+    scene: (s.join === 'joining' ? 'joining' : s.join === 'joined' ? 'joined' : ended ? 'ended' : s.snooze ? 'snoozed' : now ? 'now' : s.noLink ? 'noLink' : 'upcoming') as string,
+  };
+}

package/src/components/onboarding/event-reminder/index.ts

@@ -0,0 +1,9 @@
+export {
+  EVENT_IN_FLIGHT, EVENT_PRESETS, EVENT_SCENES, validateEventReminder,
+  type EventReminderSettings, type EventScene,
+} from './contract';
+export {
+  eventSeed, eventView, initialEventReminder, initialsOfName, reduceEventReminder,
+  type EventPhase, type EventReminderAction, type EventReminderSeed, type EventReminderState, type JoinPhase,
+} from './engine';
+export { EventReminder, type EventReminderOperations, type EventReminderProps } from './EventReminderView';

package/src/components/onboarding/event-reminder/presets.json

@@ -0,0 +1,139 @@
+{
+  "component": "event-reminder",
+  "baseCopy": {
+    "loadErrorTitle": "Couldn’t load this step",
+    "loadErrorBody": "Nothing was lost. Retry to load it again.",
+    "retryLabel": "Retry",
+    "emptyCta": "Refresh"
+  },
+  "base": {
+    "type": "schedule",
+    "icon": "calendar",
+    "title": "Team stand-up",
+    "subtitle": "Daily · Product team",
+    "when": "Today · 10:00–10:15",
+    "startsIn": "In 10 min",
+    "endTime": "10:15",
+    "attendees": [
+      "Ayesha Malik",
+      "Sam Ortiz",
+      "Jo Chen",
+      "Priya Nair",
+      "Omar Haddad",
+      "Lena Park"
+    ],
+    "external": 0,
+    "link": "meet.northwind.com/standup",
+    "linkLabel": "Video link",
+    "joinLabel": "Join",
+    "altAction": "Check in",
+    "altBusy": "Checking in…",
+    "altDone": "Checked in",
+    "altDoneHint": "Reception knows you’re here",
+    "snoozeOptions": [
+      "5 min",
+      "10 min",
+      "1 hour"
+    ],
+    "emptyTitle": "No upcoming events",
+    "emptyBody": "Nothing on your calendar for the next hour.",
+    "emptyCta": "Open calendar"
+  },
+  "cases": {
+    "case1": {},
+    "case2": {
+      "title": "Customer demo · Harbor Legal",
+      "subtitle": "Sales · 30 minutes",
+      "when": "Today · 14:00–14:30",
+      "startsIn": "In 2 min",
+      "endTime": "14:30",
+      "attendees": [
+        "You",
+        "Ana Ruiz",
+        "Dev Patel",
+        "Mia Lopez",
+        "Tom Reed"
+      ],
+      "external": 2,
+      "link": "meet.northwind.com/harbor-demo",
+      "ship": "now"
+    },
+    "case3": {
+      "type": "date",
+      "title": "Appointment with Dr Amina Khan",
+      "subtitle": "Riverside Clinic · General check-up",
+      "when": "Tomorrow · 09:30",
+      "startsIn": "Tomorrow",
+      "endTime": "09:50",
+      "attendees": [
+        "Dr Amina Khan"
+      ],
+      "link": "",
+      "location": "Room 4 · Level 2 · Riverside Clinic"
+    },
+    "case4": {
+      "type": "schedule",
+      "icon": "video",
+      "title": "Webinar: Planning Q4 campaigns",
+      "subtitle": "Marketing · Live",
+      "when": "Thu 26 Sep · 16:00–17:00",
+      "startsIn": "In 15 min",
+      "endTime": "17:00",
+      "attendees": [
+        "Ria Shah",
+        "Ken Ito",
+        "Bea Cole"
+      ],
+      "attendeeTotal": 120,
+      "link": "events.northwind.com/q4-webinar",
+      "ship": "snoozed",
+      "snoozeOptions": [
+        "5 min",
+        "15 min",
+        "30 min"
+      ]
+    },
+    "case5": {
+      "type": "agent",
+      "icon": "phone",
+      "title": "Call with Harbor Legal",
+      "subtitle": "Scheduled by your assistant",
+      "when": "Today · 11:00–11:20",
+      "startsIn": "In 5 min",
+      "endTime": "11:20",
+      "attendees": [
+        "You",
+        "Ana Ruiz"
+      ],
+      "link": "meet.northwind.com/harbor-call",
+      "ship": "ended"
+    }
+  },
+  "meta": {
+    "case1": {
+      "eyebrow": "Case study 1 · Productivity",
+      "title": "Team stand-up",
+      "scenario": "A daily stand-up with six people starts in 10 minutes."
+    },
+    "case2": {
+      "eyebrow": "Case study 2 · Sales",
+      "title": "Customer demo",
+      "scenario": "A demo with two external guests is starting, so Join is the coral primary."
+    },
+    "case3": {
+      "eyebrow": "Case study 3 · Clinic",
+      "title": "Patient appointment",
+      "scenario": "An in-person appointment has no video link. The link field becomes a room number and Join becomes Check in."
+    },
+    "case4": {
+      "eyebrow": "Case study 4 · Marketing",
+      "title": "Webinar",
+      "scenario": "A webinar with 120 registrants, snoozed for 5 minutes."
+    },
+    "case5": {
+      "eyebrow": "Case study 5 · AI agent",
+      "title": "Agent-scheduled call",
+      "scenario": "A call the assistant booked has already ended, so Join is disabled."
+    }
+  }
+}