@scalebun/web 1.0.0

package/dist/features/inapp/blocks/styles.js

@@ -0,0 +1,198 @@
+/**
+ * IAM 2.0 block + shared control styles (P1.1). A single CSS string adopted once into the Shadow
+ * host (via `ShadowHost.addStyles`) — classes, not inline style attrs, so a strict CSP passes.
+ * All colors reference the theme CSS vars set on `:host` (§P0.2), so light/dark just works.
+ */
+export const BLOCKS_CSS = `
+.scalebun-h{ font-size:17px; font-weight:700; margin:0 0 6px; color:var(--scalebun-fg); }
+.scalebun-text{ font-size:14px; line-height:1.5; margin:0 0 6px; color:var(--scalebun-fg); }
+.scalebun-rich{ font-size:14px; line-height:1.5; color:var(--scalebun-fg); }
+.scalebun-img{ display:block; max-width:100%; height:auto; border-radius:8px; margin:0 0 10px; }
+.scalebun-list{ margin:0 0 8px; padding-left:18px; color:var(--scalebun-fg); font-size:14px; }
+.scalebun-list li{ margin:2px 0; }
+.scalebun-callout{ display:flex; gap:8px; align-items:flex-start; background:color-mix(in srgb, var(--scalebun-accent) 10%, transparent);
+  border:1px solid var(--scalebun-border); border-radius:8px; padding:8px 10px; font-size:13.5px; color:var(--scalebun-fg); margin:0 0 8px; }
+.scalebun-badge{ display:inline-block; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.4px;
+  background:var(--scalebun-accent); color:var(--scalebun-accent-fg); border-radius:999px; padding:2px 8px; }
+.scalebun-divider{ border:0; border-top:1px solid var(--scalebun-border); margin:10px 0; }
+.scalebun-progress{ height:8px; border-radius:4px; background:color-mix(in srgb, var(--scalebun-fg) 10%, transparent); overflow:hidden; margin:8px 0; }
+.scalebun-progress-fill{ height:100%; background:var(--scalebun-accent); border-radius:4px; transition:width .3s ease; }
+.scalebun-spacer{ height:8px; }
+.scalebun-cta-row{ display:flex; gap:8px; flex-wrap:wrap; margin-top:10px; }
+.scalebun-btn{ font:inherit; font-size:13.5px; font-weight:600; border-radius:8px; padding:8px 14px; cursor:pointer;
+  border:1px solid transparent; transition:filter .12s ease; }
+.scalebun-btn:hover{ filter:brightness(1.06); }
+.scalebun-btn:focus-visible{ outline:2px solid var(--scalebun-accent); outline-offset:2px; }
+.scalebun-btn-primary{ background:var(--scalebun-accent); color:var(--scalebun-accent-fg); }
+.scalebun-btn-secondary{ background:transparent; color:var(--scalebun-fg); border-color:var(--scalebun-border); }
+.scalebun-btn-ghost{ background:transparent; color:var(--scalebun-fg); }
+.scalebun-btn-link{ background:transparent; color:var(--scalebun-accent); border:0; padding:8px 4px; text-decoration:underline; }
+.scalebun-btn-dismiss{ background:transparent; color:var(--scalebun-muted); border:0; }
+
+/* Checklist — state-reflecting, never state-granting (the mark comes from the server). */
+.scalebun-checklist{ list-style:none; margin:8px 0; padding:0; display:flex; flex-direction:column; gap:7px; }
+.scalebun-checklist-item{ display:flex; align-items:flex-start; gap:9px; font-size:14px; line-height:1.45; }
+.scalebun-checklist-mark{ flex-shrink:0; width:18px; height:18px; border-radius:50%; margin-top:1px;
+  border:1.5px solid var(--scalebun-border); display:grid; place-items:center;
+  font-size:11px; font-weight:700; line-height:1; }
+.scalebun-checklist-item[data-done="true"] .scalebun-checklist-mark{
+  background:var(--scalebun-accent); border-color:var(--scalebun-accent); color:var(--scalebun-accent-fg); }
+/* Done items recede but stay readable — struck-through text fails contrast for many readers. */
+.scalebun-checklist-item[data-done="true"] .scalebun-checklist-label{ color:var(--scalebun-muted); }
+
+/* The engage theme contract names titleColor and bodyColor separately while IAM carries one
+   foreground. Headings read their own var, which FALLS BACK to --scalebun-fg — so nothing changes
+   unless a campaign actually set a distinct title colour. */
+.scalebun-h{ color:var(--scalebun-title, var(--scalebun-fg)); }
+
+/* multiStepSheet wizard paging. Buttons reuse .scalebun-btn-* above rather than restyling. */
+.scalebun-steps{ display:flex; flex-direction:column; gap:12px; }
+.scalebun-steps-rail{ display:flex; gap:6px; align-items:center; }
+.scalebun-steps-dot{ height:4px; flex:1; border-radius:99px; background:var(--scalebun-border);
+  transition:background .18s ease; }
+.scalebun-steps-dot[data-state="current"], .scalebun-steps-dot[data-state="done"]{ background:var(--scalebun-accent); }
+.scalebun-steps-dot[data-state="todo"]{ opacity:.55; }
+.scalebun-steps-title{ font-size:16px; font-weight:700; }
+.scalebun-steps-body{ font-size:14px; line-height:1.5; color:var(--scalebun-muted); }
+/* Back sits left, the primary action right; margin-left:auto on the forward button keeps that
+   split stable when Back/Skip are hidden on the first and last steps. */
+.scalebun-steps-nav{ display:flex; gap:8px; align-items:center; margin-top:2px; }
+.scalebun-steps-nav .scalebun-btn-primary{ margin-left:auto; }
+@media (prefers-reduced-motion: reduce){ .scalebun-steps-dot{ transition:none; } }
+
+/* heavy blocks (P3.6) — styles live with the light sheet (adopted once); the renderers are lazy */
+.scalebun-md-h{ font-weight:700; margin:8px 0 6px; }
+.scalebun-md-p{ font-size:14px; line-height:1.5; margin:0 0 8px; }
+.scalebun-md-ul{ margin:0 0 8px; padding-left:18px; font-size:14px; }
+.scalebun-md code, .scalebun-code code{ font-family:ui-monospace,SFMono-Regular,Menlo,monospace; }
+.scalebun-md code{ background:color-mix(in srgb, var(--scalebun-fg) 8%, transparent); padding:1px 5px; border-radius:5px; font-size:12.5px; }
+.scalebun-code{ border:1px solid var(--scalebun-border); border-radius:10px; overflow:hidden; margin:0 0 8px; }
+.scalebun-code-bar{ display:flex; align-items:center; justify-content:space-between; padding:6px 10px;
+  background:color-mix(in srgb, var(--scalebun-fg) 6%, transparent); border-bottom:1px solid var(--scalebun-border); }
+.scalebun-code-lang{ font-size:11px; color:var(--scalebun-muted); text-transform:uppercase; letter-spacing:.04em; }
+.scalebun-code-copy{ background:none; border:0; color:var(--scalebun-accent); cursor:pointer; font:inherit; font-size:11.5px; }
+.scalebun-code-pre{ margin:0; padding:12px; overflow-x:auto; font-size:12.5px; line-height:1.5; }
+.scalebun-stat{ display:inline-flex; flex-direction:column; }
+.scalebun-stat-value{ font-size:26px; font-weight:800; line-height:1; }
+.scalebun-stat-label{ font-size:12px; color:var(--scalebun-muted); margin-top:3px; }
+.scalebun-stat-delta{ font-size:12px; font-weight:700; margin-top:2px; }
+.scalebun-stat-delta.up{ color:#2fa96b; } .scalebun-stat-delta.down{ color:#e0483d; }
+.scalebun-table{ width:100%; border-collapse:collapse; font-size:13px; margin:0 0 8px; }
+.scalebun-table th, .scalebun-table td{ text-align:left; padding:7px 10px; border-bottom:1px solid var(--scalebun-border); }
+.scalebun-table th{ color:var(--scalebun-muted); font-weight:600; font-size:11.5px; text-transform:uppercase; letter-spacing:.03em; }
+.scalebun-video{ position:relative; border-radius:10px; overflow:hidden; }
+.scalebun-video-poster{ display:block; position:relative; width:100%; padding:0; border:0; cursor:pointer; background:#000; }
+.scalebun-video-poster img{ display:block; width:100%; height:auto; opacity:.85; }
+.scalebun-video-play{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; color:#fff; font-size:34px; }
+.scalebun-video-el{ display:block; width:100%; height:auto; }
+
+/* mechanic blocks — countdown */
+.scalebun-countdown{ display:flex; gap:8px; justify-content:center; margin:10px 0; }
+.scalebun-cd-cell{ min-width:52px; text-align:center; background:color-mix(in srgb, var(--scalebun-fg) 8%, transparent);
+  border:1px solid var(--scalebun-border); border-radius:10px; padding:8px 6px; }
+.scalebun-cd-num{ font-size:22px; font-weight:800; font-variant-numeric:tabular-nums; line-height:1; }
+.scalebun-cd-lab{ font-size:10px; color:var(--scalebun-muted); text-transform:uppercase; letter-spacing:.05em; margin-top:4px; }
+/* carousel */
+.scalebun-carousel{ margin:0 0 8px; }
+.scalebun-car-track{ display:flex; gap:10px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; padding-bottom:4px; }
+.scalebun-car-track::-webkit-scrollbar{ display:none; }
+.scalebun-car-slide{ flex:0 0 100%; scroll-snap-align:center; }
+.scalebun-car-img{ width:100%; height:auto; border-radius:10px; display:block; margin-bottom:8px; }
+.scalebun-car-title{ font-weight:700; font-size:14px; margin-bottom:4px; }
+.scalebun-car-text{ font-size:13px; color:var(--scalebun-muted); }
+.scalebun-car-dots{ display:flex; gap:6px; justify-content:center; margin-top:8px; }
+.scalebun-car-dot{ width:7px; height:7px; padding:0; border:0; border-radius:50%; cursor:pointer;
+  background:color-mix(in srgb, var(--scalebun-fg) 25%, transparent); }
+.scalebun-car-dot.on{ background:var(--scalebun-accent); }
+/* product grid */
+.scalebun-pgrid{ display:grid; grid-template-columns:repeat(auto-fill, minmax(120px, 1fr)); gap:10px; margin:0 0 8px; }
+.scalebun-pcard{ position:relative; text-align:left; background:var(--scalebun-bg); border:1px solid var(--scalebun-border);
+  border-radius:10px; padding:8px; cursor:pointer; font:inherit; color:var(--scalebun-fg); }
+.scalebun-pcard:hover{ border-color:var(--scalebun-accent); }
+.scalebun-pcard-img{ width:100%; height:auto; border-radius:6px; display:block; margin-bottom:6px; }
+.scalebun-pcard-badge{ position:absolute; top:6px; left:6px; font-size:10px; font-weight:700; background:var(--scalebun-accent);
+  color:var(--scalebun-accent-fg); border-radius:6px; padding:1px 6px; }
+.scalebun-pcard-title{ font-size:12.5px; font-weight:600; }
+.scalebun-pcard-price{ font-size:13px; font-weight:800; color:var(--scalebun-accent); margin-top:2px; }
+/* confetti */
+.scalebun-confetti{ position:absolute; inset:0; pointer-events:none; overflow:hidden; }
+.scalebun-confetti-canvas{ position:absolute; inset:0; width:100%; height:100%; }
+.scalebun-confetti-static{ position:static; display:flex; align-items:center; justify-content:center; font-size:40px; }
+/* spin wheel */
+.scalebun-wheel{ position:relative; display:flex; flex-direction:column; align-items:center; gap:12px; margin:8px 0; }
+.scalebun-wheel-svg{ display:block; transform-origin:50% 50%; }
+.scalebun-wheel-pointer{ position:absolute; top:-2px; left:50%; transform:translateX(-50%); width:0; height:0;
+  border-left:9px solid transparent; border-right:9px solid transparent; border-top:14px solid var(--scalebun-fg); z-index:2; }
+.scalebun-wheel-spin{ font:inherit; font-weight:800; font-size:13px; letter-spacing:.04em; padding:9px 20px; border-radius:999px;
+  border:0; background:var(--scalebun-accent); color:var(--scalebun-accent-fg); cursor:pointer; }
+/* scratch card */
+.scalebun-scratch{ position:relative; width:300px; max-width:100%; height:90px; margin:8px auto; border-radius:10px; overflow:hidden;
+  border:1px dashed var(--scalebun-border); }
+.scalebun-scratch-prize{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-weight:800;
+  font-size:18px; color:var(--scalebun-accent); }
+.scalebun-scratch-cover{ position:absolute; inset:0; width:100%; height:100%; cursor:crosshair; touch-action:none; }
+/* Mystery box: a lid you TAP, not a surface you drag. Same block, same server-decided prize. */
+.scalebun-scratch-box{ height:120px; }
+.scalebun-scratch-lid{ position:absolute; inset:0; width:100%; height:100%; border:0; cursor:pointer;
+  display:grid; place-items:center; font-size:40px; line-height:1;
+  background:linear-gradient(160deg, var(--scalebun-accent), color-mix(in srgb, var(--scalebun-accent) 60%, #000));
+  transition:transform .3s ease, opacity .3s ease; }
+.scalebun-scratch-lid:focus-visible{ outline:2px solid var(--scalebun-accent); outline-offset:2px; }
+.scalebun-scratch-lid[data-open="true"]{ transform:translateY(-100%) rotate(-6deg); opacity:0; pointer-events:none; }
+@media (prefers-reduced-motion: reduce){ .scalebun-scratch-lid{ transition:none; } }
+/* Gamified failure state — one presentation across every mechanic. */
+.scalebun-game-note{ display:flex; align-items:center; justify-content:center; gap:10px; flex-wrap:wrap;
+  margin:10px 0 0; padding:9px 12px; border-radius:10px; font-size:13px; line-height:1.4; text-align:center;
+  background:color-mix(in srgb, var(--scalebun-fg) 6%, transparent); color:var(--scalebun-muted); }
+.scalebun-game-retry{ border:0; cursor:pointer; font:inherit; font-weight:600; padding:5px 12px; border-radius:8px;
+  background:var(--scalebun-accent); color:var(--scalebun-accent-fg, #fff); }
+.scalebun-game-retry:focus-visible{ outline:2px solid var(--scalebun-accent); outline-offset:2px; }
+/* streak / daily check-in: a run of day cells. Wraps, so a 31-day month does not overflow. */
+.scalebun-streak{ display:flex; flex-wrap:wrap; gap:6px; margin:10px 0; }
+.scalebun-streak-day{ flex:0 0 auto; min-width:38px; padding:7px 4px; border-radius:9px; border:0;
+  display:flex; flex-direction:column; align-items:center; gap:3px; font:inherit;
+  background:color-mix(in srgb, var(--scalebun-fg) 7%, transparent); color:var(--scalebun-muted); }
+.scalebun-streak-mark{ font-size:16px; line-height:1.1; min-height:18px; }
+.scalebun-streak-label{ font-size:10px; letter-spacing:.02em; text-transform:uppercase; }
+.scalebun-streak-day[data-done="true"]{ background:color-mix(in srgb, var(--scalebun-accent) 18%, transparent);
+  color:var(--scalebun-accent); }
+/* Today is the only actionable cell, so it is the only one that looks pressable. */
+.scalebun-streak-day[data-today="true"]{ cursor:pointer; color:var(--scalebun-fg);
+  box-shadow:inset 0 0 0 2px var(--scalebun-accent); }
+.scalebun-streak-day[data-today="true"]:focus-visible{ outline:2px solid var(--scalebun-accent); outline-offset:2px; }
+/* slot machine */
+.scalebun-slot{ display:flex; flex-direction:column; align-items:center; gap:12px; margin:8px 0; }
+.scalebun-slot-reels{ display:flex; gap:8px; }
+.scalebun-slot-reel{ width:48px; height:44px; overflow:hidden; border:1px solid var(--scalebun-border); border-radius:8px;
+  background:color-mix(in srgb, var(--scalebun-fg) 6%, transparent); }
+.scalebun-slot-strip{ display:flex; flex-direction:column; transform:translateY(0); }
+.scalebun-slot-cell{ height:44px; display:flex; align-items:center; justify-content:center; font-size:24px; }
+.scalebun-slot-spin{ padding:8px 18px; }
+/* qr */
+.scalebun-qr{ display:flex; flex-direction:column; align-items:center; gap:8px; margin:8px 0; }
+.scalebun-qr-svg{ border-radius:8px; }
+.scalebun-qr-cap{ font-size:11.5px; color:var(--scalebun-muted); word-break:break-all; text-align:center; max-width:220px; }
+
+/* feedback / mechanic blocks (P4.2) */
+.scalebun-nps{ display:flex; gap:4px; flex-wrap:wrap; margin:6px 0; }
+.scalebun-nps-btn{ width:30px; height:30px; border:1px solid var(--scalebun-border); border-radius:7px; background:transparent;
+  color:var(--scalebun-fg); cursor:pointer; font:inherit; font-size:12.5px; }
+.scalebun-nps-btn:hover{ background:var(--scalebun-accent); color:var(--scalebun-accent-fg); border-color:transparent; }
+.scalebun-rating{ display:flex; gap:2px; }
+.scalebun-star{ background:none; border:0; cursor:pointer; font-size:22px; color:var(--scalebun-border); padding:0 2px; }
+.scalebun-star.on{ color:#f5b301; }
+.scalebun-emoji{ display:flex; gap:8px; }
+.scalebun-emoji-btn{ background:none; border:0; cursor:pointer; font-size:24px; padding:2px; border-radius:8px; }
+.scalebun-emoji-btn:hover{ background:color-mix(in srgb, var(--scalebun-fg) 8%, transparent); }
+.scalebun-poll-q, .scalebun-quiz .scalebun-poll-q{ font-weight:600; font-size:13.5px; margin:0 0 8px; }
+.scalebun-poll-opt, .scalebun-quiz-opt{ position:relative; display:flex; align-items:center; width:100%; text-align:left;
+  border:1px solid var(--scalebun-border); border-radius:8px; background:transparent; color:var(--scalebun-fg);
+  padding:9px 12px; margin:0 0 6px; cursor:pointer; font:inherit; font-size:13.5px; overflow:hidden; }
+.scalebun-poll-opt:hover, .scalebun-quiz-opt:hover{ border-color:var(--scalebun-accent); }
+.scalebun-poll-label{ position:relative; z-index:1; flex:1; }
+.scalebun-poll-bar{ position:absolute; left:0; top:0; bottom:0; background:color-mix(in srgb, var(--scalebun-accent) 22%, transparent); }
+.scalebun-poll-pct{ position:relative; z-index:1; font-size:12px; color:var(--scalebun-muted); }
+.scalebun-quiz-opt.correct{ border-color:#2fa96b; background:color-mix(in srgb, #2fa96b 14%, transparent); }
+.scalebun-quiz-opt.incorrect{ border-color:#e0483d; background:color-mix(in srgb, #e0483d 14%, transparent); }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/features/inapp/blocks/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/features/inapp/blocks/styles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+LzB,CAAC"}

package/dist/features/inapp/center/bridge.d.ts

@@ -0,0 +1,12 @@
+import type { Variant } from '../types';
+import type { CenterStore } from './store';
+import type { CenterChannel, CenterRecord, RecordState } from './types';
+export declare function channelForVariant(v: Variant): CenterChannel;
+/** Build a durable Center record from a variant. Idempotent id (`c_<variantId>`) so re-deposits merge. */
+export declare function variantToRecord(v: Variant, now: number, state?: RecordState): CenterRecord;
+/** Deposit (or merge) a variant into the Center — call on dismiss/defer/miss to make it recoverable. */
+export declare function depositToCenter(store: CenterStore, v: Variant, opts?: {
+    now?: number;
+    state?: RecordState;
+}): CenterRecord;
+//# sourceMappingURL=bridge.d.ts.map

package/dist/features/inapp/center/bridge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bridge.d.ts","sourceRoot":"","sources":["../../../../src/features/inapp/center/bridge.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,OAAO,EAAY,MAAM,UAAU,CAAC;AAClD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAqBxE,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,OAAO,GAAG,aAAa,CAE3D;AAQD,0GAA0G;AAC1G,wBAAgB,eAAe,CAAC,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,GAAE,WAAsB,GAAG,YAAY,CAiBpG;AAED,wGAAwG;AACxG,wBAAgB,eAAe,CAAC,KAAK,EAAE,WAAW,EAAE,CAAC,EAAE,OAAO,EAAE,IAAI,GAAE;IAAE,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,WAAW,CAAA;CAAO,GAAG,YAAY,CAE9H"}

package/dist/features/inapp/center/bridge.js

@@ -0,0 +1,59 @@
+/**
+ * Ephemeral → durable bridge (spec §9, P3.2) — the key move. Any surface may ALSO deposit a durable
+ * Center record: a toast you missed, a banner you dismissed, a tour you didn't finish — all
+ * recoverable in the Center. It's both a "never lose a message" guarantee and the Orchestrator's
+ * pressure-release valve (budget-spent candidates DEFER to the Center instead of interrupting).
+ *
+ * Zero new renderer: a record carries the variant's own blocks, rendered by the same block system.
+ */
+import { getReplayCoord } from '../../../core';
+const CHANNEL_OF = {
+    announcement: 'announcements',
+    release_notes: 'release_notes',
+    changelog: 'release_notes',
+    feature_discovery: 'announcements',
+    onboarding: 'tasks',
+    checklist: 'tasks',
+    retention: 'tasks',
+    coachmark: 'coachmarks',
+    education: 'coachmarks',
+    survey_feedback: 'feedback',
+    nps: 'feedback',
+    ai_assist: 'ai',
+    billing: 'billing',
+    upsell: 'billing',
+    security: 'security',
+    system: 'system',
+};
+export function channelForVariant(v) {
+    return CHANNEL_OF[v.category] ?? 'messages';
+}
+function textOfBlock(v, kinds) {
+    const b = v.blocks.find((x) => kinds.includes(x.kind));
+    const t = b?.props?.text;
+    return typeof t === 'string' ? t : undefined;
+}
+/** Build a durable Center record from a variant. Idempotent id (`c_<variantId>`) so re-deposits merge. */
+export function variantToRecord(v, now, state = 'unread') {
+    const title = textOfBlock(v, ['heading']) ?? v.name;
+    const preview = textOfBlock(v, ['text', 'richtext']) ?? v.descriptor;
+    return {
+        id: `c_${v.id}`,
+        channel: channelForVariant(v),
+        priority: v.priority,
+        title,
+        preview,
+        blocks: v.blocks,
+        state,
+        createdAt: now,
+        updatedAt: now,
+        sourceCampaign: v.id,
+        deepLink: v.targeting?.route?.[0],
+        replayRef: getReplayCoord(),
+    };
+}
+/** Deposit (or merge) a variant into the Center — call on dismiss/defer/miss to make it recoverable. */
+export function depositToCenter(store, v, opts = {}) {
+    return store.upsert(variantToRecord(v, opts.now ?? Date.now(), opts.state));
+}
+//# sourceMappingURL=bridge.js.map

package/dist/features/inapp/center/bridge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bridge.js","sourceRoot":"","sources":["../../../../src/features/inapp/center/bridge.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAK/C,MAAM,UAAU,GAA6C;IAC3D,YAAY,EAAE,eAAe;IAC7B,aAAa,EAAE,eAAe;IAC9B,SAAS,EAAE,eAAe;IAC1B,iBAAiB,EAAE,eAAe;IAClC,UAAU,EAAE,OAAO;IACnB,SAAS,EAAE,OAAO;IAClB,SAAS,EAAE,OAAO;IAClB,SAAS,EAAE,YAAY;IACvB,SAAS,EAAE,YAAY;IACvB,eAAe,EAAE,UAAU;IAC3B,GAAG,EAAE,UAAU;IACf,SAAS,EAAE,IAAI;IACf,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,SAAS;IACjB,QAAQ,EAAE,UAAU;IACpB,MAAM,EAAE,QAAQ;CACjB,CAAC;AAEF,MAAM,UAAU,iBAAiB,CAAC,CAAU;IAC1C,OAAO,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,UAAU,CAAC;AAC9C,CAAC;AAED,SAAS,WAAW,CAAC,CAAU,EAAE,KAAe;IAC9C,MAAM,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;IACvD,MAAM,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC;IACzB,OAAO,OAAO,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;AAC/C,CAAC;AAED,0GAA0G;AAC1G,MAAM,UAAU,eAAe,CAAC,CAAU,EAAE,GAAW,EAAE,QAAqB,QAAQ;IACpF,MAAM,KAAK,GAAG,WAAW,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC;IACpD,MAAM,OAAO,GAAG,WAAW,CAAC,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC;IACrE,OAAO;QACL,EAAE,EAAE,KAAK,CAAC,CAAC,EAAE,EAAE;QACf,OAAO,EAAE,iBAAiB,CAAC,CAAC,CAAC;QAC7B,QAAQ,EAAE,CAAC,CAAC,QAAQ;QACpB,KAAK;QACL,OAAO;QACP,MAAM,EAAE,CAAC,CAAC,MAAM;QAChB,KAAK;QACL,SAAS,EAAE,GAAG;QACd,SAAS,EAAE,GAAG;QACd,cAAc,EAAE,CAAC,CAAC,EAAE;QACpB,QAAQ,EAAE,CAAC,CAAC,SAAS,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;QACjC,SAAS,EAAE,cAAc,EAAE;KAC5B,CAAC;AACJ,CAAC;AAED,wGAAwG;AACxG,MAAM,UAAU,eAAe,CAAC,KAAkB,EAAE,CAAU,EAAE,OAA8C,EAAE;IAC9G,OAAO,KAAK,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,GAAG,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;AAC9E,CAAC"}

package/dist/features/inapp/center/panel.d.ts

@@ -0,0 +1,20 @@
+/**
+ * S11 — Engagement Center panel (P3.2). A bell launcher (unread badge) + a panel with channel tabs,
+ * search, and a record list whose items carry lifecycle actions (mark-read / snooze / pin / archive).
+ * It renders from the CenterStore and re-renders on every store change. Zero new renderer for item
+ * bodies — they use the same block system when expanded (kept light here; block expansion is additive).
+ *
+ * Mounts into the host's `center` zone. Returns a controller so a launcher (S12) can toggle it.
+ */
+import type { ShadowHost } from '../core/host';
+import type { CenterStore } from './store';
+export declare const CENTER_CSS = "\n.scalebun-bell{ position:relative; width:44px; height:44px; border-radius:50%; border:1px solid var(--scalebun-border);\n  background:var(--scalebun-bg); color:var(--scalebun-fg); cursor:pointer; box-shadow:var(--scalebun-shadow); font-size:18px; }\n.scalebun-bell-badge{ position:absolute; top:-4px; right:-4px; min-width:18px; height:18px; padding:0 5px; border-radius:9px;\n  background:#e0483d; color:#fff; font-size:11px; font-weight:700; display:flex; align-items:center; justify-content:center; }\n.scalebun-bell-badge[hidden]{ display:none; }\n.scalebun-center{ position:absolute; top:56px; right:0; width:380px; max-height:70vh; display:flex; flex-direction:column;\n  background:var(--scalebun-bg); color:var(--scalebun-fg); border:1px solid var(--scalebun-border); border-radius:14px;\n  box-shadow:var(--scalebun-shadow); overflow:hidden; animation:scalebun-pop .14s ease; }\n.scalebun-center[hidden]{ display:none; }\n.scalebun-center-head{ display:flex; align-items:center; gap:8px; padding:12px 14px; border-bottom:1px solid var(--scalebun-border); }\n.scalebun-center-title{ font-weight:700; font-size:14px; flex:1; }\n.scalebun-center-search{ width:100%; box-sizing:border-box; margin:8px 14px 0; width:calc(100% - 28px); padding:7px 10px;\n  border:1px solid var(--scalebun-border); border-radius:8px; background:transparent; color:var(--scalebun-fg); font:inherit; font-size:13px; }\n.scalebun-center-tabs{ display:flex; gap:4px; overflow-x:auto; padding:8px 14px; border-bottom:1px solid var(--scalebun-border); }\n.scalebun-tab{ flex:0 0 auto; padding:4px 10px; border-radius:999px; border:1px solid var(--scalebun-border); background:transparent;\n  color:var(--scalebun-muted); cursor:pointer; font:inherit; font-size:12px; white-space:nowrap; }\n.scalebun-tab.on{ background:var(--scalebun-accent); color:var(--scalebun-accent-fg); border-color:transparent; }\n.scalebun-tab .c{ margin-left:5px; font-weight:700; }\n.scalebun-center-list{ overflow-y:auto; flex:1; }\n.scalebun-center-empty{ padding:28px 14px; text-align:center; color:var(--scalebun-muted); font-size:13px; }\n.scalebun-item{ display:block; padding:11px 14px; border-bottom:1px solid var(--scalebun-border); cursor:pointer; }\n.scalebun-item:hover{ background:color-mix(in srgb, var(--scalebun-fg) 5%, transparent); }\n.scalebun-item.unread{ background:color-mix(in srgb, var(--scalebun-accent) 7%, transparent); }\n.scalebun-item-top{ display:flex; align-items:center; gap:8px; }\n.scalebun-item-dot{ width:7px; height:7px; border-radius:50%; background:var(--scalebun-accent); flex:0 0 auto; }\n.scalebun-item-title{ font-weight:600; font-size:13px; flex:1; }\n.scalebun-item-ch{ font-size:10.5px; color:var(--scalebun-muted); text-transform:uppercase; letter-spacing:.04em; }\n.scalebun-item-prev{ font-size:12px; color:var(--scalebun-muted); margin-top:3px; }\n.scalebun-item-acts{ display:flex; gap:8px; margin-top:7px; }\n.scalebun-item-acts button{ background:none; border:0; color:var(--scalebun-muted); cursor:pointer; font:inherit; font-size:11.5px; padding:0; }\n.scalebun-item-acts button:hover{ color:var(--scalebun-fg); text-decoration:underline; }\n";
+export interface CenterController {
+    toggle(): void;
+    open(): void;
+    close(): void;
+    isOpen(): boolean;
+    destroy(): void;
+}
+export declare function mountCenterPanel(host: ShadowHost, store: CenterStore): CenterController;
+//# sourceMappingURL=panel.d.ts.map

package/dist/features/inapp/center/panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../../../src/features/inapp/center/panel.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAS3C,eAAO,MAAM,UAAU,0lGAgCtB,CAAC;AAEF,MAAM,WAAW,gBAAgB;IAC/B,MAAM,IAAI,IAAI,CAAC;IACf,IAAI,IAAI,IAAI,CAAC;IACb,KAAK,IAAI,IAAI,CAAC;IACd,MAAM,IAAI,OAAO,CAAC;IAClB,OAAO,IAAI,IAAI,CAAC;CACjB;AAED,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,WAAW,GAAG,gBAAgB,CAsKvF"}

package/dist/features/inapp/center/panel.js

@@ -0,0 +1,194 @@
+import { CENTER_CHANNELS } from './types';
+const CHANNEL_LABEL = {
+    announcements: 'Announcements', release_notes: 'Release notes', tasks: 'Tasks', messages: 'Messages',
+    coachmarks: 'Coachmarks', feedback: 'Feedback', ai: 'AI', errors: 'Errors', billing: 'Billing',
+    security: 'Security', system: 'System',
+};
+export const CENTER_CSS = `
+.scalebun-bell{ position:relative; width:44px; height:44px; border-radius:50%; border:1px solid var(--scalebun-border);
+  background:var(--scalebun-bg); color:var(--scalebun-fg); cursor:pointer; box-shadow:var(--scalebun-shadow); font-size:18px; }
+.scalebun-bell-badge{ position:absolute; top:-4px; right:-4px; min-width:18px; height:18px; padding:0 5px; border-radius:9px;
+  background:#e0483d; color:#fff; font-size:11px; font-weight:700; display:flex; align-items:center; justify-content:center; }
+.scalebun-bell-badge[hidden]{ display:none; }
+.scalebun-center{ position:absolute; top:56px; right:0; width:380px; max-height:70vh; display:flex; flex-direction:column;
+  background:var(--scalebun-bg); color:var(--scalebun-fg); border:1px solid var(--scalebun-border); border-radius:14px;
+  box-shadow:var(--scalebun-shadow); overflow:hidden; animation:scalebun-pop .14s ease; }
+.scalebun-center[hidden]{ display:none; }
+.scalebun-center-head{ display:flex; align-items:center; gap:8px; padding:12px 14px; border-bottom:1px solid var(--scalebun-border); }
+.scalebun-center-title{ font-weight:700; font-size:14px; flex:1; }
+.scalebun-center-search{ width:100%; box-sizing:border-box; margin:8px 14px 0; width:calc(100% - 28px); padding:7px 10px;
+  border:1px solid var(--scalebun-border); border-radius:8px; background:transparent; color:var(--scalebun-fg); font:inherit; font-size:13px; }
+.scalebun-center-tabs{ display:flex; gap:4px; overflow-x:auto; padding:8px 14px; border-bottom:1px solid var(--scalebun-border); }
+.scalebun-tab{ flex:0 0 auto; padding:4px 10px; border-radius:999px; border:1px solid var(--scalebun-border); background:transparent;
+  color:var(--scalebun-muted); cursor:pointer; font:inherit; font-size:12px; white-space:nowrap; }
+.scalebun-tab.on{ background:var(--scalebun-accent); color:var(--scalebun-accent-fg); border-color:transparent; }
+.scalebun-tab .c{ margin-left:5px; font-weight:700; }
+.scalebun-center-list{ overflow-y:auto; flex:1; }
+.scalebun-center-empty{ padding:28px 14px; text-align:center; color:var(--scalebun-muted); font-size:13px; }
+.scalebun-item{ display:block; padding:11px 14px; border-bottom:1px solid var(--scalebun-border); cursor:pointer; }
+.scalebun-item:hover{ background:color-mix(in srgb, var(--scalebun-fg) 5%, transparent); }
+.scalebun-item.unread{ background:color-mix(in srgb, var(--scalebun-accent) 7%, transparent); }
+.scalebun-item-top{ display:flex; align-items:center; gap:8px; }
+.scalebun-item-dot{ width:7px; height:7px; border-radius:50%; background:var(--scalebun-accent); flex:0 0 auto; }
+.scalebun-item-title{ font-weight:600; font-size:13px; flex:1; }
+.scalebun-item-ch{ font-size:10.5px; color:var(--scalebun-muted); text-transform:uppercase; letter-spacing:.04em; }
+.scalebun-item-prev{ font-size:12px; color:var(--scalebun-muted); margin-top:3px; }
+.scalebun-item-acts{ display:flex; gap:8px; margin-top:7px; }
+.scalebun-item-acts button{ background:none; border:0; color:var(--scalebun-muted); cursor:pointer; font:inherit; font-size:11.5px; padding:0; }
+.scalebun-item-acts button:hover{ color:var(--scalebun-fg); text-decoration:underline; }
+`;
+export function mountCenterPanel(host, store) {
+    host.addStyles('scalebun-center', CENTER_CSS);
+    const zone = host.zone('center');
+    const doc = zone.ownerDocument;
+    let activeChannel = 'all';
+    let query = '';
+    let open = false;
+    const bell = doc.createElement('button');
+    bell.type = 'button';
+    bell.className = 'scalebun-bell';
+    bell.setAttribute('aria-label', 'Notifications');
+    bell.textContent = '🔔';
+    const badge = doc.createElement('span');
+    badge.className = 'scalebun-bell-badge';
+    bell.appendChild(badge);
+    const panel = doc.createElement('div');
+    panel.className = 'scalebun-center';
+    panel.setAttribute('role', 'dialog');
+    panel.setAttribute('aria-label', 'Engagement center');
+    panel.hidden = true;
+    zone.appendChild(bell);
+    zone.appendChild(panel);
+    bell.addEventListener('click', () => api.toggle());
+    const renderBadge = () => {
+        const n = store.snapshot().unreadTotal;
+        badge.textContent = n > 99 ? '99+' : String(n);
+        badge.hidden = n === 0;
+    };
+    const renderPanel = () => {
+        if (!open)
+            return;
+        const snap = store.snapshot();
+        panel.replaceChildren();
+        const head = el('div', 'scalebun-center-head');
+        head.append(text('span', 'scalebun-center-title', 'Notifications'));
+        const closeBtn = btn('×', 'scalebun-x', () => api.close());
+        closeBtn.setAttribute('aria-label', 'Close');
+        head.append(closeBtn);
+        panel.append(head);
+        const search = doc.createElement('input');
+        search.className = 'scalebun-center-search';
+        search.placeholder = 'Search…';
+        search.value = query;
+        search.addEventListener('input', () => {
+            query = search.value;
+            renderList();
+        });
+        panel.append(search);
+        const tabs = el('div', 'scalebun-center-tabs');
+        tabs.append(tab('all', 'All', snap.unreadTotal));
+        for (const ch of CENTER_CHANNELS) {
+            if (store.byChannel(ch).length === 0 && !(snap.unreadByChannel[ch] ?? 0))
+                continue;
+            tabs.append(tab(ch, CHANNEL_LABEL[ch], snap.unreadByChannel[ch] ?? 0));
+        }
+        panel.append(tabs);
+        const list = el('div', 'scalebun-center-list');
+        panel.append(list);
+        renderList();
+        function renderList() {
+            const filtered = (activeChannel === 'all' ? store.visible() : store.byChannel(activeChannel)).filter((r) => {
+                if (!query)
+                    return true;
+                const q = query.toLowerCase();
+                return r.title.toLowerCase().includes(q) || (r.preview ?? '').toLowerCase().includes(q);
+            });
+            list.replaceChildren();
+            if (filtered.length === 0) {
+                list.append(text('div', 'scalebun-center-empty', 'Nothing here yet.'));
+                return;
+            }
+            for (const r of filtered)
+                list.append(itemEl(r));
+        }
+    };
+    function itemEl(r) {
+        const row = el('div', 'scalebun-item' + (r.state === 'unread' ? ' unread' : ''));
+        row.setAttribute('data-id', r.id);
+        row.setAttribute('role', 'button');
+        const top = el('div', 'scalebun-item-top');
+        if (r.state === 'unread')
+            top.append(el('span', 'scalebun-item-dot'));
+        top.append(text('span', 'scalebun-item-title', r.title));
+        top.append(text('span', 'scalebun-item-ch', CHANNEL_LABEL[r.channel]));
+        row.append(top);
+        if (r.preview)
+            row.append(text('div', 'scalebun-item-prev', r.preview));
+        const acts = el('div', 'scalebun-item-acts');
+        acts.append(btn(r.pinned ? 'Unpin' : 'Pin', '', (e) => { e.stopPropagation(); store.pin(r.id, !r.pinned); }));
+        acts.append(btn('Snooze', '', (e) => { e.stopPropagation(); store.snooze(r.id, Date.now() + 24 * 3600000); }));
+        acts.append(btn('Archive', '', (e) => { e.stopPropagation(); store.archive(r.id); }));
+        row.append(acts);
+        row.addEventListener('click', () => store.markRead(r.id));
+        return row;
+    }
+    // helpers
+    function el(tag, cls) {
+        const n = doc.createElement(tag);
+        n.className = cls;
+        return n;
+    }
+    function text(tag, cls, t) {
+        const n = el(tag, cls);
+        n.textContent = t;
+        return n;
+    }
+    function btn(label, cls, fn) {
+        const b = doc.createElement('button');
+        b.type = 'button';
+        b.className = cls;
+        b.textContent = label;
+        b.addEventListener('click', fn);
+        return b;
+    }
+    function tab(ch, label, count) {
+        const t = doc.createElement('button');
+        t.className = 'scalebun-tab' + (activeChannel === ch ? ' on' : '');
+        t.textContent = label;
+        if (count > 0) {
+            const c = el('span', 'c');
+            c.textContent = String(count);
+            t.append(c);
+        }
+        t.addEventListener('click', () => {
+            activeChannel = ch;
+            renderPanel();
+        });
+        return t;
+    }
+    const unsub = store.onChange(() => {
+        renderBadge();
+        renderPanel();
+    });
+    const api = {
+        toggle: () => (open ? api.close() : api.open()),
+        open: () => {
+            open = true;
+            panel.hidden = false;
+            renderPanel();
+        },
+        close: () => {
+            open = false;
+            panel.hidden = true;
+        },
+        isOpen: () => open,
+        destroy: () => {
+            unsub();
+            bell.remove();
+            panel.remove();
+        },
+    };
+    renderBadge();
+    return api;
+}
+//# sourceMappingURL=panel.js.map

package/dist/features/inapp/center/panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel.js","sourceRoot":"","sources":["../../../../src/features/inapp/center/panel.ts"],"names":[],"mappings":"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"}

package/dist/features/inapp/center/store.d.ts

@@ -0,0 +1,50 @@
+import type { CenterChannel, CenterRecord } from './types';
+export interface CenterSnapshot {
+    unreadTotal: number;
+    unreadByChannel: Record<string, number>;
+    total: number;
+}
+export declare class CenterStore {
+    private readonly storage;
+    private readonly now;
+    private map;
+    private subs;
+    /** Notified with each record that changes — the sync layer (P3.3) broadcasts these. */
+    private recordSubs;
+    constructor(storage?: Storage | null, now?: () => number);
+    private load;
+    private persist;
+    /** Drop expired records + archived ones past retention. Returns true if anything changed. */
+    prune(): boolean;
+    /** Insert or merge a record. Conflict rule: keep the more-progressed state; pin/snooze OR-preserve;
+     *  newer content wins by updatedAt. */
+    upsert(rec: CenterRecord, opts?: {
+        broadcast?: boolean;
+    }): CenterRecord;
+    /** Last-write-wins by updatedAt. A stale record (older updatedAt) never overrides a newer one, so
+     *  read-state converges across tabs/devices without a stale echo regressing it — while an explicit
+     *  newer change (e.g. mark-unread) still applies. Pin is additive; createdAt is the earliest. */
+    private merge;
+    private setState;
+    markRead(id: string): void;
+    markUnread(id: string): void;
+    snooze(id: string, until: number): void;
+    archive(id: string): void;
+    actioned(id: string): void;
+    pin(id: string, pinned?: boolean): void;
+    remove(id: string): void;
+    /** Bulk lifecycle op over ids. */
+    bulk(ids: string[], op: (id: string) => void): void;
+    get(id: string): CenterRecord | undefined;
+    all(): CenterRecord[];
+    /** Visible = not archived, and not snoozed into the future. Sorted: pinned → priority → recency. */
+    visible(): CenterRecord[];
+    byChannel(channel: CenterChannel): CenterRecord[];
+    snapshot(): CenterSnapshot;
+    onChange(cb: (snap: CenterSnapshot) => void): () => void;
+    onRecord(cb: (rec: CenterRecord) => void): () => void;
+    private emit;
+    /** Dev/QA reset. */
+    clear(): void;
+}
+//# sourceMappingURL=store.d.ts.map

package/dist/features/inapp/center/store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../../../../src/features/inapp/center/store.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAe,MAAM,SAAS,CAAC;AAaxE,MAAM,WAAW,cAAc;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACxC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,qBAAa,WAAW;IAOpB,OAAO,CAAC,QAAQ,CAAC,OAAO;IACxB,OAAO,CAAC,QAAQ,CAAC,GAAG;IAPtB,OAAO,CAAC,GAAG,CAAmC;IAC9C,OAAO,CAAC,IAAI,CAA6C;IACzD,uFAAuF;IACvF,OAAO,CAAC,UAAU,CAA0C;gBAGzC,OAAO,GAAE,OAAO,GAAG,IAAoB,EACvC,GAAG,GAAE,MAAM,MAAyB;IAKvD,OAAO,CAAC,IAAI;IAWZ,OAAO,CAAC,OAAO;IAQf,6FAA6F;IAC7F,KAAK,IAAI,OAAO;IAchB;2CACuC;IACvC,MAAM,CAAC,GAAG,EAAE,YAAY,EAAE,IAAI,GAAE;QAAE,SAAS,CAAC,EAAE,OAAO,CAAA;KAAwB,GAAG,YAAY;IAU5F;;qGAEiG;IACjG,OAAO,CAAC,KAAK;IAab,OAAO,CAAC,QAAQ;IAMhB,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;IAI1B,UAAU,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;IAG5B,MAAM,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAGvC,OAAO,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;IAGzB,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;IAG1B,GAAG,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,UAAO,GAAG,IAAI;IAIpC,MAAM,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;IAMxB,kCAAkC;IAClC,IAAI,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,GAAG,IAAI;IAKnD,GAAG,CAAC,EAAE,EAAE,MAAM,GAAG,YAAY,GAAG,SAAS;IAGzC,GAAG,IAAI,YAAY,EAAE;IAGrB,oGAAoG;IACpG,OAAO,IAAI,YAAY,EAAE;IAWzB,SAAS,CAAC,OAAO,EAAE,aAAa,GAAG,YAAY,EAAE;IAIjD,QAAQ,IAAI,cAAc;IAe1B,QAAQ,CAAC,EAAE,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,GAAG,MAAM,IAAI;IAKxD,QAAQ,CAAC,EAAE,EAAE,CAAC,GAAG,EAAE,YAAY,KAAK,IAAI,GAAG,MAAM,IAAI;IAIrD,OAAO,CAAC,IAAI;IAKZ,oBAAoB;IACpB,KAAK,IAAI,IAAI;CAKd"}