@syntrologie/runtime-sdk 2.13.0 → 2.15.0

package/dist/{chunk-XDYJ64IN.js → chunk-GX7BBYX6.js}

@@ -1,7 +1,7 @@
 import {
   ActivationConfigZ,
   ConditionZ
-} from "./chunk-BU4Z6PD7.js";
+} from "./chunk-4HXPGXUC.js";
 
 // src/config/schema.ts
 import { z } from "zod";
@@ -46,7 +46,8 @@ var LauncherElementConfigZ = z.object({
   color: z.string().optional(),
   size: z.string().optional(),
   shadow: z.string().optional(),
-  borderRadius: z.string().optional()
+  borderRadius: z.string().optional(),
+  icon: z.string().optional()
 });
 var TileElementConfigZ = z.object({
   background: z.string().optional(),
@@ -126,7 +127,6 @@ var CanvasThemeConfigZ = z.object({
 var LauncherConfigZ = z.object({
   enabled: z.boolean().optional(),
   label: z.string().optional(),
-  icon: z.string().optional(),
   position: z.string().optional(),
   animate: z.boolean().optional(),
   animationStyle: z.enum(["pulse", "bounce", "glow"]).optional(),
@@ -175,4 +175,4 @@ export {
   CanvasConfigResponseZ,
   configSchemas
 };
-//# sourceMappingURL=chunk-XDYJ64IN.js.map
+//# sourceMappingURL=chunk-GX7BBYX6.js.map

package/dist/chunk-GX7BBYX6.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/config/schema.ts"],
+  "sourcesContent": ["/**\n * Zod schemas for canvas configuration types.\n *\n * Single source of truth for tile, theme, launcher, and top-level\n * CanvasConfigResponse shapes. These schemas are converted to JSON Schema\n * during build and merged into the unified canvas-config.schema.json.\n *\n * Design decisions:\n * - `.strict()` on top-level objects \u2192 `additionalProperties: false` in JSON Schema\n * - Element sub-schemas (canvas, tile, etc.) are NOT strict to allow future expansion\n */\n\nimport { z } from 'zod';\nimport { ActivationConfigZ, ConditionZ } from '../decisions/schema';\n\n// ============================================================================\n// Tile Notification Sub-Types\n// ============================================================================\n\nconst NotificationDeepLinkZ = z\n  .object({\n    tileId: z.string(),\n    itemId: z.string().optional(),\n  })\n  .strict();\n\nconst TileNotificationRuleZ = z\n  .object({\n    on: z.string(),\n    title: z.string(),\n    body: z.string().optional(),\n    icon: z.string().optional(),\n    ttl: z.number().optional(),\n    cooldown: z.number().optional(),\n    deepLink: NotificationDeepLinkZ.optional(),\n  })\n  .strict();\n\n// ============================================================================\n// Tile\n// ============================================================================\n\nexport const TileZ = z\n  .object({\n    id: z.string(),\n    title: z.string().optional(),\n    subtitle: z.string().optional(),\n    icon: z.string().optional(),\n    priority: z.number().optional(),\n    widget: z.string(),\n    props: z.record(z.unknown()).optional(),\n    activation: ActivationConfigZ.optional(),\n    notifications: z.array(TileNotificationRuleZ).optional(),\n  })\n  .strict();\n\n// ============================================================================\n// Theme Config \u2014 Element Sub-Schemas\n// ============================================================================\n\nexport const CanvasElementConfigZ = z.object({\n  position: z.enum(['left', 'right']).optional(),\n  layout: z.enum(['overlay', 'push']).optional(),\n  background: z.string().optional(),\n  blur: z.string().optional(),\n  border: z.string().optional(),\n  width: z.string().optional(),\n  transitionDuration: z.string().optional(),\n  transitionEasing: z.string().optional(),\n  transitionFade: z.string().optional(),\n});\n\nexport const LauncherElementConfigZ = z.object({\n  background: z.string().optional(),\n  backgroundHover: z.string().optional(),\n  color: z.string().optional(),\n  size: z.string().optional(),\n  shadow: z.string().optional(),\n  borderRadius: z.string().optional(),\n  icon: z.string().optional(),\n});\n\nexport const TileElementConfigZ = z.object({\n  background: z.string().optional(),\n  backgroundHover: z.string().optional(),\n  border: z.string().optional(),\n  borderRadius: z.string().optional(),\n  shadow: z.string().optional(),\n  titleColor: z.string().optional(),\n  textColor: z.string().optional(),\n  iconBackground: z.string().optional(),\n  iconShadow: z.string().optional(),\n  headerPadding: z.string().optional(),\n  bodyPadding: z.string().optional(),\n  gap: z.string().optional(),\n});\n\nexport const OverlayElementConfigZ = z.object({\n  background: z.string().optional(),\n  textColor: z.string().optional(),\n  titleColor: z.string().optional(),\n  arrowColor: z.string().optional(),\n  arrowSize: z.string().optional(),\n  border: z.string().optional(),\n  borderRadius: z.string().optional(),\n  scrimOpacity: z.string().optional(),\n  highlightRing: z.string().optional(),\n});\n\nexport const NotificationElementConfigZ = z.object({\n  background: z.string().optional(),\n  textColor: z.string().optional(),\n  textSecondaryColor: z.string().optional(),\n  border: z.string().optional(),\n  borderRadius: z.string().optional(),\n  successColor: z.string().optional(),\n  warningColor: z.string().optional(),\n  errorColor: z.string().optional(),\n  iconBackground: z.string().optional(),\n  progressGradient: z.string().optional(),\n});\n\nexport const ContentElementConfigZ = z.object({\n  background: z.string().optional(),\n  backgroundHover: z.string().optional(),\n  border: z.string().optional(),\n  borderRadius: z.string().optional(),\n  textColor: z.string().optional(),\n  textSecondaryColor: z.string().optional(),\n  // Accordion layout\n  itemDivider: z.string().optional(),\n  itemGap: z.string().optional(),\n  itemPadding: z.string().optional(),\n  itemFontSize: z.string().optional(),\n  // Expanded content\n  bodyPadding: z.string().optional(),\n  bodyFontSize: z.string().optional(),\n  // Category headers\n  categoryPadding: z.string().optional(),\n  categoryGap: z.string().optional(),\n  categoryFontSize: z.string().optional(),\n  // Search\n  searchBackground: z.string().optional(),\n  searchColor: z.string().optional(),\n  // Chevron\n  chevronColor: z.string().optional(),\n});\n\n// ============================================================================\n// Theme Config \u2014 Top-Level\n// ============================================================================\n\nexport const CanvasThemeConfigZ = z\n  .object({\n    mode: z.enum(['dark', 'light']).optional(),\n    fontFamily: z.string().optional(),\n    colorPrimary: z.string().optional(),\n    colorPrimaryHover: z.string().optional(),\n    borderRadius: z.string().optional(),\n    canvas: CanvasElementConfigZ.optional(),\n    launcher: LauncherElementConfigZ.optional(),\n    tile: TileElementConfigZ.optional(),\n    overlay: OverlayElementConfigZ.optional(),\n    notification: NotificationElementConfigZ.optional(),\n    content: ContentElementConfigZ.optional(),\n  })\n  .strict();\n\n// ============================================================================\n// Launcher Config\n// ============================================================================\n\nexport const LauncherConfigZ = z\n  .object({\n    enabled: z.boolean().optional(),\n    label: z.string().optional(),\n    position: z.string().optional(),\n    animate: z.boolean().optional(),\n    animationStyle: z.enum(['pulse', 'bounce', 'glow']).optional(),\n    notificationCount: z.number().optional(),\n  })\n  .strict();\n\n// ============================================================================\n// Canvas Config Response (top-level)\n// ============================================================================\n\nexport const CanvasConfigResponseZ = z\n  .object({\n    schemaVersion: z.string().optional(),\n    fetchedAt: z.string().datetime(),\n    configVersion: z.string().optional(),\n    canvasTitle: z.string().optional(),\n    tiles: z.array(TileZ),\n    actions: z.array(z.any()),\n    theme: CanvasThemeConfigZ.optional(),\n    launcher: LauncherConfigZ.optional(),\n    meta: z\n      .object({\n        verificationSteps: z\n          .array(\n            z.union([\n              z.string(),\n              z.object({\n                text: z.string(),\n                check: ConditionZ.optional(),\n              }),\n            ])\n          )\n          .optional(),\n      })\n      .passthrough()\n      .optional(),\n  })\n  .strict();\n\n// ============================================================================\n// Export: Array for unified schema generation\n// ============================================================================\n\n/**\n * Config schemas for unified JSON Schema generation.\n * The generator imports this array and converts each to a JSON Schema $def.\n */\nexport const configSchemas = [\n  { defName: 'tile', schema: TileZ },\n  { defName: 'themeConfig', schema: CanvasThemeConfigZ },\n  { defName: 'launcherConfig', schema: LauncherConfigZ },\n  { defName: 'canvasConfigResponse', schema: CanvasConfigResponseZ },\n];\n\n// ============================================================================\n// Named Exports\n// ============================================================================\n\nexport { NotificationDeepLinkZ, TileNotificationRuleZ };\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/chunk-JMHRHAEL.js

@@ -0,0 +1,18 @@
+var __defProp = Object.defineProperty;
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+
+export {
+  __publicField,
+  __privateGet,
+  __privateAdd,
+  __privateSet
+};
+//# sourceMappingURL=chunk-JMHRHAEL.js.map

package/dist/chunk-JMHRHAEL.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/{chunk-L6RJMBR2.js → chunk-XVRDKBYF.js}

@@ -1,9 +1,9 @@
 import {
   NotificationDeepLinkZ
-} from "./chunk-XDYJ64IN.js";
+} from "./chunk-GX7BBYX6.js";
 import {
   TriggerWhenZ
-} from "./chunk-BU4Z6PD7.js";
+} from "./chunk-4HXPGXUC.js";
 
 // src/actions/schema.ts
 import { z } from "zod";
@@ -249,4 +249,4 @@ export {
   TourZ,
   coreActionStepSchemas
 };
-//# sourceMappingURL=chunk-L6RJMBR2.js.map
+//# sourceMappingURL=chunk-XVRDKBYF.js.map

package/dist/components/ShadowCanvasOverlay.d.ts

@@ -6,7 +6,6 @@ export interface ShadowCanvasOverlayProps {
     onToggle: () => void;
     telemetry?: TelemetryClient;
     launcherLabel?: string;
-    launcherIcon?: string;
     launcherAnimate?: boolean;
     launcherAnimationStyle?: 'pulse' | 'bounce' | 'glow';
     notificationCount?: number;
@@ -17,4 +16,4 @@ export interface ShadowCanvasOverlayProps {
     canvasTitle?: string;
     displayMode?: 'standard' | 'focused';
 }
-export declare function ShadowCanvasOverlay({ isOpen, onToggle, telemetry, launcherLabel: _launcherLabel, launcherIcon, launcherAnimate, launcherAnimationStyle: _launcherAnimationStyle, notificationCount: _notificationCount, footerSlot, tiles, isLoading, error, canvasTitle, displayMode, }: ShadowCanvasOverlayProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function ShadowCanvasOverlay({ isOpen, onToggle, telemetry, launcherLabel: _launcherLabel, launcherAnimate, launcherAnimationStyle: _launcherAnimationStyle, notificationCount: _notificationCount, footerSlot, tiles, isLoading, error, canvasTitle, displayMode, }: ShadowCanvasOverlayProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/SyntroCanvasOverlay.d.ts

@@ -0,0 +1,100 @@
+/**
+ * SyntroCanvasOverlay — Lit web component equivalent of ShadowCanvasOverlay.tsx.
+ *
+ * Composes three child custom elements:
+ *   - <syntro-launcher>    FAB button
+ *   - <syntro-drawer>      Side panel
+ *   - <syntro-toast-stack> Notification toasts
+ *
+ * Wiring responsibilities:
+ *   - Manages open/closed state via isOpen property
+ *   - Runs NotifyWatcher loop (equivalent of useNotifyWatcher) to fire
+ *     notification events even when the drawer is closed
+ *   - Handles notification clicks: publish telemetry events, open canvas,
+ *     deep-link, dismiss toast
+ *   - Tracks tile viewed telemetry when canvas opens
+ *   - Publishes canvas.opened / canvas.closed on each toggle
+ *   - Forwards all properties to child elements via Lit bindings
+ *
+ * Uses light DOM (createRenderRoot returns this) so that host-page CSS
+ * variables reach the child elements without piercing shadow boundaries.
+ *
+ * Decorator-free: uses `static override properties` (tsconfig has no
+ * experimentalDecorators).
+ */
+import { LitElement } from 'lit';
+import type { SmartCanvasRuntime } from '../runtime.js';
+import type { TelemetryClient } from '../telemetry/types.js';
+import type { TileConfig } from '../types.js';
+export declare class SyntroCanvasOverlay extends LitElement {
+    static properties: {
+        isOpen: {
+            type: BooleanConstructor;
+        };
+        tiles: {
+            attribute: boolean;
+        };
+        isLoading: {
+            type: BooleanConstructor;
+        };
+        error: {
+            type: StringConstructor;
+        };
+        canvasTitle: {
+            type: StringConstructor;
+        };
+        displayMode: {
+            type: StringConstructor;
+        };
+        runtimeRef: {
+            attribute: boolean;
+        };
+        telemetry: {
+            attribute: boolean;
+        };
+        themeConfig: {
+            attribute: boolean;
+        };
+        launcherAnimate: {
+            type: BooleanConstructor;
+        };
+    };
+    isOpen: boolean;
+    tiles: TileConfig[];
+    isLoading: boolean;
+    error: string | undefined;
+    canvasTitle: string | undefined;
+    displayMode: 'standard' | 'focused';
+    runtimeRef: SmartCanvasRuntime | null;
+    telemetry: TelemetryClient | null;
+    themeConfig: Record<string, any>;
+    launcherAnimate: boolean;
+    private _notifications;
+    /** Prev-state map: entry.id → last evaluated boolean */
+    private _notifyPrevState;
+    /** Unsubscribe for the EventBus notify-watcher subscription */
+    private _notifyUnsub;
+    /** Unsubscribe for the sessionMetrics notify-watcher subscription */
+    private _notifyUnsubMetrics;
+    constructor();
+    createRenderRoot(): this;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changed: Map<string, unknown>): void;
+    private _syncNotificationsController;
+    private _startNotifyWatcher;
+    private _stopNotifyWatcher;
+    private _restartNotifyWatcher;
+    private _trackTilesViewed;
+    private _toggle;
+    private _handleNotificationClick;
+    private _handleNotificationDismiss;
+    private _onLauncherToggle;
+    private _onDrawerClose;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'syntro-canvas-overlay': SyntroCanvasOverlay;
+    }
+}

package/dist/components/SyntroDrawer.d.ts

@@ -0,0 +1,110 @@
+/**
+ * SyntroDrawer — Lit web component equivalent of the drawer panel from
+ * ShadowCanvasOverlay.tsx.
+ *
+ * Renders the slide-in/out side panel with:
+ * - CSS transform (translateX) + opacity transition
+ * - Configurable position (left/right), width, blur, border, border-radius
+ * - Tile cards (standard: stacked, focused: single full-width)
+ * - Loading and error states
+ * - Optional canvas title header (focused mode)
+ * - Push-mode margin on document.documentElement
+ * - ResizeObserver to keep push margin in sync
+ * - Outside-click-to-close via document mousedown + composedPath()
+ * - Configurable transition duration / easing from theme config
+ * - Mask-image fade at leading edge (disabled when border is visible)
+ *
+ * Decorator-free: uses static `properties` (tsconfig has no experimentalDecorators).
+ *
+ * Usage:
+ *   <syntro-drawer
+ *     .isOpen=${true}
+ *     .tiles=${tiles}
+ *     .isLoading=${false}
+ *     .error=${undefined}
+ *     .canvasTitle=${'My Canvas'}
+ *     .displayMode=${'standard'}
+ *     .runtimeRef=${runtime}
+ *     .telemetry=${telemetry}
+ *     .themeConfig=${themeConfig}
+ *     @drawer-close=${handleClose}
+ *   ></syntro-drawer>
+ */
+import { LitElement } from 'lit';
+import type { SmartCanvasRuntime } from '../runtime.js';
+import type { TelemetryClient } from '../telemetry/types.js';
+import type { TileConfig } from '../types.js';
+export interface DrawerThemeConfig {
+    canvas: {
+        position?: string;
+        width?: string;
+        layout?: string;
+        blur?: string;
+        border?: string;
+        transitionDuration?: string;
+        transitionEasing?: string;
+        transitionFade?: string;
+    };
+}
+export declare class SyntroDrawer extends LitElement {
+    static properties: {
+        isOpen: {
+            type: BooleanConstructor;
+        };
+        tiles: {
+            attribute: boolean;
+        };
+        isLoading: {
+            type: BooleanConstructor;
+        };
+        error: {
+            type: StringConstructor;
+        };
+        canvasTitle: {
+            type: StringConstructor;
+        };
+        displayMode: {
+            type: StringConstructor;
+        };
+        runtimeRef: {
+            attribute: boolean;
+        };
+        telemetry: {
+            attribute: boolean;
+        };
+        themeConfig: {
+            attribute: boolean;
+        };
+    };
+    isOpen: boolean;
+    tiles: TileConfig[];
+    isLoading: boolean;
+    error: string | undefined;
+    canvasTitle: string | undefined;
+    displayMode: 'standard' | 'focused';
+    runtimeRef: SmartCanvasRuntime | null;
+    telemetry: TelemetryClient | null;
+    themeConfig: DrawerThemeConfig;
+    private _containerEl;
+    private _resizeObserver;
+    private _onDocumentMousedown;
+    createRenderRoot(): this;
+    private get _canvas();
+    private get _isRight();
+    private get _isPush();
+    private get _isFocused();
+    private get _canvasBorder();
+    private get _duration();
+    private get _easing();
+    connectedCallback(): void;
+    updated(changed: Map<string, unknown>): void;
+    disconnectedCallback(): void;
+    private _teardownResizeObserver;
+    private _cleanupPushMargin;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'syntro-drawer': SyntroDrawer;
+    }
+}

package/dist/components/SyntroLauncher.d.ts

@@ -0,0 +1,105 @@
+/**
+ * SyntroLauncher — Lit web component equivalent of the launcher FAB
+ * from ShadowCanvasOverlay.tsx.
+ *
+ * Renders a floating action button that:
+ *   - Toggles the canvas open/closed (fires `launcher-toggle`)
+ *   - Supports drag-to-reposition (pointerdown/move/up with 5px threshold)
+ *   - Shows different icons: X when open, custom image if configured, sparkles default
+ *   - Pulse/glow animation when `launcherAnimate` is true and canvas is closed
+ *   - Notification badge with count, ping ring, glow pulse, and bounce animation
+ *   - Hover changes background color using theme config values
+ *   - CSS keyframe animations built dynamically using theme colors
+ *
+ * Usage:
+ *   <syntro-launcher
+ *     .isOpen=${false}
+ *     .launcherAnimate=${true}
+ *     .notificationCount=${3}
+ *     .position=${'right'}
+ *     .launcherIcon=${null}
+ *     .colorPrimary=${primaryHex}
+ *     .colorPrimaryHover=${primaryHoverHex}
+ *     .launcherConfig=${{ background: bgHex, backgroundHover: hoverHex }}
+ *   ></syntro-launcher>
+ *
+ *   element.addEventListener('launcher-toggle', () => { ... });
+ *
+ * Decorator-free: uses `static override properties` (tsconfig has no experimentalDecorators).
+ * Light DOM: uses `createRenderRoot() { return this; }` to inherit parent shadow CSS vars.
+ */
+import { LitElement } from 'lit';
+import type { LauncherElementConfig } from '../theme/types.js';
+export declare class SyntroLauncher extends LitElement {
+    static properties: {
+        isOpen: {
+            type: BooleanConstructor;
+        };
+        launcherAnimate: {
+            type: BooleanConstructor;
+        };
+        notificationCount: {
+            type: NumberConstructor;
+        };
+        position: {
+            type: StringConstructor;
+        };
+        launcherIcon: {
+            attribute: boolean;
+        };
+        colorPrimary: {
+            type: StringConstructor;
+        };
+        colorPrimaryHover: {
+            type: StringConstructor;
+        };
+        launcherConfig: {
+            attribute: boolean;
+        };
+        _launcherPos: {
+            state: boolean;
+        };
+        _hovered: {
+            state: boolean;
+        };
+    };
+    isOpen: boolean;
+    launcherAnimate: boolean;
+    notificationCount: number;
+    position: 'left' | 'right';
+    launcherIcon: string | null;
+    colorPrimary: string;
+    colorPrimaryHover: string;
+    launcherConfig: LauncherElementConfig;
+    _launcherPos: {
+        x: number;
+        y: number;
+    } | null;
+    _hovered: boolean;
+    private _drag;
+    private _styleEl;
+    createRenderRoot(): this;
+    connectedCallback(): void;
+    updated(changed: Map<string, unknown>): void;
+    disconnectedCallback(): void;
+    /**
+     * Inject/update a <style> element with dynamic keyframe CSS that uses
+     * the current colorPrimary and colorPrimaryHover values.
+     * These cannot live in `static styles` because keyframe values
+     * need to be literal colors (var() is unreliable in keyframes).
+     */
+    private _ensureDynamicStyles;
+    private _onPointerDown;
+    private _onPointerMove;
+    private _onPointerUp;
+    private _onMouseEnter;
+    private _onMouseLeave;
+    render(): import("lit-html").TemplateResult<1>;
+    private _renderIcon;
+    private _renderBadge;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'syntro-launcher': SyntroLauncher;
+    }
+}

package/dist/components/SyntroTileCard.d.ts

@@ -0,0 +1,74 @@
+/**
+ * SyntroTileCard — Lit web component equivalent of TileCard.tsx.
+ *
+ * Renders a tile card with header (icon + title + subtitle) and body
+ * (imperatively mounted widget). Preserves:
+ * - IntersectionObserver tracking for `syntro_intervention_seen`
+ * - EventBus subscription for `syntro_intervention_interacted`
+ * - Hover effects (scale + background change)
+ * - CSS variable theming (var(--sc-tile-*))
+ * - Imperative widget mounting via WidgetRegistry
+ * - Late widget registration (subscribes to registry for re-render)
+ * - Prop forwarding without remounting
+ *
+ * Usage:
+ *   <syntro-tile-card
+ *     .config=${tileConfig}
+ *     .surface=${'overlay'}
+ *     .runtimeRef=${runtime}
+ *   ></syntro-tile-card>
+ *
+ * Decorator-free: uses static `properties` (tsconfig has no experimentalDecorators).
+ */
+import { LitElement, nothing } from 'lit';
+import type { SmartCanvasRuntime } from '../runtime.js';
+import type { TileConfig } from '../types.js';
+export declare class SyntroTileCard extends LitElement {
+    static properties: {
+        config: {
+            attribute: boolean;
+        };
+        surface: {
+            type: StringConstructor;
+        };
+        runtimeRef: {
+            attribute: boolean;
+        };
+        _hovered: {
+            state: boolean;
+        };
+    };
+    config: TileConfig | null;
+    surface: 'overlay' | 'wheel';
+    runtimeRef: SmartCanvasRuntime | null;
+    _hovered: boolean;
+    private _widgetHandle;
+    private _widgetContainer;
+    private _mountedWidgetId;
+    private _registryUnsub;
+    private _eventBusUnsub;
+    private _intersectionObserver;
+    private _prevPropsJson;
+    createRenderRoot(): this;
+    connectedCallback(): void;
+    updated(changed: Map<string, unknown>): void;
+    disconnectedCallback(): void;
+    private _mountWidgetIfReady;
+    private _unmountWidget;
+    private _forwardPropUpdates;
+    private _setupRegistrySubscription;
+    private _setupIntersectionObserver;
+    private _setupEventBusSubscription;
+    private _teardownSubscriptions;
+    private get _registration();
+    private get _resolvedIcon();
+    private get _resolvedSubtitle();
+    render(): import("lit-html").TemplateResult<1> | typeof nothing;
+    private _onMouseEnter;
+    private _onMouseLeave;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'syntro-tile-card': SyntroTileCard;
+    }
+}

package/dist/components/SyntroTileWheel.d.ts

@@ -0,0 +1,51 @@
+import { LitElement, nothing } from 'lit';
+import type { SmartCanvasRuntime } from '../runtime.js';
+import type { TelemetryClient } from '../telemetry/types.js';
+import type { TileConfig } from '../types.js';
+/**
+ * <syntro-tile-wheel>
+ *
+ * Lit port of TileWheel.tsx — a carousel that auto-rotates through a sorted
+ * list of tiles, tracks telemetry, and shows clickable dot indicators.
+ *
+ * Uses static properties (no decorators) — tsconfig has no experimentalDecorators.
+ */
+export declare class SyntroTileWheel extends LitElement {
+    static styles: import("lit").CSSResult;
+    static properties: {
+        tiles: {
+            type: ArrayConstructor;
+        };
+        intervalMs: {
+            type: NumberConstructor;
+        };
+        telemetry: {
+            type: ObjectConstructor;
+        };
+        runtimeRef: {
+            type: ObjectConstructor;
+        };
+        _index: {
+            type: NumberConstructor;
+            state: boolean;
+        };
+    };
+    tiles: TileConfig[];
+    intervalMs: number;
+    telemetry: TelemetryClient | null;
+    runtimeRef: SmartCanvasRuntime | null;
+    private _index;
+    private _ordered;
+    private _intervalId;
+    private _canvasOpenedTracked;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changed: Map<string, unknown>): void;
+    private _syncOrdered;
+    private _trackCanvasOpened;
+    private _trackRectangleViewed;
+    private _startInterval;
+    private _stopInterval;
+    private _goTo;
+    render(): import("lit-html").TemplateResult<1> | typeof nothing;
+}