@syntrologie/runtime-sdk 2.1.0-canary.8 → 2.1.0

package/CAPABILITIES.md

@@ -291,7 +291,7 @@ Removes a CSS class from an element.
 
 # @syntrologie/adapt-faq
 
-FAQ accordion widget with conditional item visibility.
+Collapsible Q&A accordion with actions, rich content, feedback, and personalization. Supports mounting a full FAQ widget, scrolling to specific items, toggling item state, and dynamically updating the item list at runtime.
 
 ## Actions
 
@@ -299,22 +299,33 @@ FAQ accordion widget with conditional item visibility.
 
 Mounts an FAQ accordion widget to a surface slot.
 
-| Property       | Type          | Required | Description                                              |
-| -------------- | ------------- | -------- | -------------------------------------------------------- |
-| `kind`         | `"mount_faq"` | Yes      | Action type                                              |
-| `slot`         | string        | Yes      | Target slot (e.g., `"drawer_right"`, `"overlay_center"`) |
-| `config.title` | string        | No       | Widget title                                             |
-| `config.items` | array         | Yes      | FAQ items (see below)                                    |
+| Property                | Type                              | Required | Description                                                         |
+| ----------------------- | --------------------------------- | -------- | ------------------------------------------------------------------- |
+| `kind`                  | `"mount_faq"`                     | Yes      | Action type                                                         |
+| `slot`                  | string                            | Yes      | Target slot (e.g., `"drawer_right"`, `"overlay_center"`)            |
+| `config.title`          | string                            | No       | Widget title                                                        |
+| `config.expandBehavior` | `"single"` \| `"multiple"`        | No       | Whether one or many items can be open at once (default: `"single"`) |
+| `config.searchable`     | boolean                           | No       | Show a search/filter input (default: `false`)                       |
+| `config.theme`          | `"light"` \| `"dark"` \| `"auto"` | No       | Color theme (default: `"auto"`)                                     |
+| `config.items`          | array                             | Yes      | FAQ items (see below)                                               |
+| `config.feedback`       | boolean \| FeedbackConfig         | No       | Enable per-item feedback widget                                     |
+| `config.ordering`       | OrderingStrategy                  | No       | Item ordering strategy (default: `"static"`)                        |
+| `config.injections`     | InjectionRule[]                   | No       | Dynamic item injection rules                                        |
 
 ### FAQ Item Schema
 
 Each item in the `items` array:
 
-| Property   | Type             | Required | Description                         |
-| ---------- | ---------------- | -------- | ----------------------------------- |
-| `question` | string           | Yes      | The question text                   |
-| `answer`   | string           | Yes      | The answer text (supports markdown) |
-| `showWhen` | DecisionStrategy | No       | Conditional visibility strategy     |
+| Property                | Type                     | Required | Description                                     |
+| ----------------------- | ------------------------ | -------- | ----------------------------------------------- |
+| `kind`                  | `"faq:question"`         | Yes      | Compositional action type                       |
+| `config.id`             | string                   | Yes      | Unique identifier for this question             |
+| `config.question`       | string                   | Yes      | The question text                               |
+| `config.answer`         | FAQAnswer                | Yes      | Answer content (string, rich HTML, or markdown) |
+| `config.category`       | string                   | No       | Category for grouping items                     |
+| `config.priority`       | number                   | No       | Priority weight for ordering                    |
+| `config.answerStrategy` | AnswerStrategy           | No       | AI-generated answer configuration               |
+| `showWhen`              | DecisionStrategy \| null | No       | Conditional visibility strategy                 |
 
 ```json
 {
@@ -322,14 +333,34 @@ Each item in the `items` array:
   "slot": "drawer_right",
   "config": {
     "title": "Frequently Asked Questions",
+    "expandBehavior": "single",
+    "searchable": true,
+    "theme": "auto",
+    "feedback": {
+      "style": "thumbs",
+      "prompt": "Was this helpful?"
+    },
+    "ordering": "priority",
     "items": [
       {
-        "question": "How do I get started?",
-        "answer": "Sign up for a free account and follow our quickstart guide."
+        "kind": "faq:question",
+        "config": {
+          "id": "getting-started",
+          "question": "How do I get started?",
+          "answer": "Sign up for a free account and follow our quickstart guide.",
+          "category": "General",
+          "priority": 10
+        }
       },
       {
-        "question": "What payment methods do you accept?",
-        "answer": "We accept all major credit cards and PayPal.",
+        "kind": "faq:question",
+        "config": {
+          "id": "payment-methods",
+          "question": "What payment methods do you accept?",
+          "answer": "We accept all major credit cards and PayPal.",
+          "category": "Billing",
+          "priority": 5
+        },
         "showWhen": {
           "type": "rules",
           "rules": [
@@ -346,16 +377,270 @@ Each item in the `items` array:
 }
 ```
 
+### scroll_to_faq
+
+Scrolls the viewport to a specific FAQ item and optionally expands it.
+
+| Property       | Type              | Required | Default    | Description                                |
+| -------------- | ----------------- | -------- | ---------- | ------------------------------------------ |
+| `kind`         | `"scroll_to_faq"` | Yes      |            | Action type                                |
+| `itemId`       | string            | No\*     |            | Target item ID                             |
+| `itemQuestion` | string            | No\*     |            | Target item question text (fuzzy match)    |
+| `expand`       | boolean           | No       | `true`     | Whether to expand the item after scrolling |
+| `behavior`     | string            | No       | `"smooth"` | `"smooth"`, `"instant"`, `"auto"`          |
+
+\* Either `itemId` or `itemQuestion` is required.
+
+```json
+{
+  "kind": "scroll_to_faq",
+  "itemId": "payment-methods",
+  "expand": true,
+  "behavior": "smooth"
+}
+```
+
+### toggle_faq_item
+
+Opens, closes, or toggles a FAQ item's expanded state.
+
+| Property       | Type                | Required | Default    | Description                             |
+| -------------- | ------------------- | -------- | ---------- | --------------------------------------- |
+| `kind`         | `"toggle_faq_item"` | Yes      |            | Action type                             |
+| `itemId`       | string              | No\*     |            | Target item ID                          |
+| `itemQuestion` | string              | No\*     |            | Target item question text (fuzzy match) |
+| `state`        | string              | No       | `"toggle"` | `"open"`, `"closed"`, `"toggle"`        |
+
+\* Either `itemId` or `itemQuestion` is required.
+
+```json
+{
+  "kind": "toggle_faq_item",
+  "itemId": "getting-started",
+  "state": "open"
+}
+```
+
+### update_faq
+
+Dynamically adds, removes, reorders, or replaces FAQ items at runtime.
+
+| Property    | Type                | Required | Description                                             |
+| ----------- | ------------------- | -------- | ------------------------------------------------------- |
+| `kind`      | `"update_faq"`      | Yes      | Action type                                             |
+| `operation` | string              | Yes      | `"add"`, `"remove"`, `"reorder"`, `"replace"`           |
+| `items`     | FAQQuestionAction[] | No       | Items to add or replace with (required for add/replace) |
+| `itemId`    | string              | No       | Item to remove (required for remove)                    |
+| `order`     | string[]            | No       | Ordered list of item IDs (required for reorder)         |
+| `position`  | string              | No       | `"prepend"`, `"append"`, `"before"`, `"after"`          |
+| `anchorId`  | string              | No       | Reference item for before/after positioning             |
+
+**Add items:**
+
+```json
+{
+  "kind": "update_faq",
+  "operation": "add",
+  "position": "append",
+  "items": [
+    {
+      "kind": "faq:question",
+      "config": {
+        "id": "new-feature",
+        "question": "What is the new feature?",
+        "answer": "Our latest release includes AI-powered recommendations."
+      }
+    }
+  ]
+}
+```
+
+**Remove an item:**
+
+```json
+{
+  "kind": "update_faq",
+  "operation": "remove",
+  "itemId": "outdated-question"
+}
+```
+
+**Reorder items:**
+
+```json
+{
+  "kind": "update_faq",
+  "operation": "reorder",
+  "order": ["getting-started", "new-feature", "payment-methods"]
+}
+```
+
+**Replace all items:**
+
+```json
+{
+  "kind": "update_faq",
+  "operation": "replace",
+  "items": [
+    {
+      "kind": "faq:question",
+      "config": {
+        "id": "only-question",
+        "question": "Is this the only question?",
+        "answer": "Yes, after replacing all items."
+      }
+    }
+  ]
+}
+```
+
 ## Compositional Pattern
 
-The FAQ widget supports **per-item conditional visibility** using `showWhen` strategies. This allows different FAQ items to appear based on:
+The FAQ widget uses a **compositional action pattern** where `faq:question` actions serve as configuration data rendered by the widget, rather than being executed by the runtime. This allows:
 
-- Current page/route
-- User segment or state
-- Viewport conditions
-- Any other DecisionStrategy condition
+- **Per-item conditional visibility** via `showWhen` strategies -- items can appear or hide based on page URL, user segment, viewport, or any DecisionStrategy condition
+- **Category grouping** -- items with a `category` field are grouped under collapsible section headers
+- **Dynamic injection** -- `injections` rules can add items when trigger conditions are met, supporting contextual FAQ content
+- **Ordering control** -- the `ordering` strategy determines how items are sorted within categories
 
-Items without `showWhen` are always visible.
+Items without `showWhen` are always visible. Items without `category` appear in an ungrouped section.
+
+## Rich Answer Content
+
+FAQ answers support three content formats via the `FAQAnswer` union type:
+
+- **Plain string** -- simple text, supports basic markdown
+- **Rich HTML** (`{ "type": "rich", "html": "<p>...</p>" }`) -- pre-rendered HTML content
+- **Enhanced markdown** (`{ "type": "markdown", "content": "...", "assets": [...] }`) -- markdown with embedded media assets (images, videos)
+
+```json
+{
+  "config": {
+    "id": "rich-example",
+    "question": "How does the visual editor work?",
+    "answer": {
+      "type": "markdown",
+      "content": "The visual editor lets you create experiments with a point-and-click interface.\n\n![Editor screenshot](asset:editor-screenshot)",
+      "assets": [
+        {
+          "id": "editor-screenshot",
+          "type": "image",
+          "src": "https://cdn.example.com/editor.png",
+          "alt": "Visual editor interface",
+          "width": 800,
+          "height": 450
+        }
+      ]
+    }
+  }
+}
+```
+
+## Feedback
+
+Per-item feedback allows users to rate answer helpfulness. Enable with a boolean or detailed config:
+
+- `"feedback": true` -- enables thumbs up/down with default prompt
+- `"feedback": { "style": "thumbs", "prompt": "Was this helpful?" }` -- thumbs with custom prompt
+- `"feedback": { "style": "rating" }` -- numeric rating scale
+
+Feedback events are published via `context.publishEvent` for analytics integration.
+
+## Personalization
+
+### Ordering Strategies
+
+The `ordering` field controls how FAQ items are sorted:
+
+- **`"static"`** (default) -- items appear in the order defined in the config
+- **`"priority"`** -- items are sorted by their `priority` field (higher values first)
+- **Segment-based** -- items are ordered differently per user segment:
+
+```json
+{
+  "ordering": {
+    "type": "segment",
+    "segmentWeights": {
+      "new_user": ["getting-started", "pricing", "support"],
+      "power_user": ["api-docs", "advanced-config", "integrations"]
+    }
+  }
+}
+```
+
+### Contextual Hints (Companion Tooltips)
+
+FAQ questions can be surfaced proactively on the page using companion overlay tooltips. When a tooltip CTA has an `actionId` matching `faq:open:<questionId>`, clicking it expands the corresponding question in the FAQ widget and scrolls it into view.
+
+This is a convention-based integration — no special FAQ action is needed. Use a standard `overlays:tooltip` action with `ctaButtons`:
+
+```json
+{
+  "kind": "overlays:tooltip",
+  "anchorId": "#complex-feature",
+  "content": {
+    "title": "Need help?",
+    "body": "Check our FAQ for details.",
+    "ctaButtons": [
+      { "label": "View Answer", "actionId": "faq:open:getting-started", "primary": true },
+      { "label": "Dismiss", "actionId": "dismiss" }
+    ]
+  },
+  "trigger": "immediate",
+  "placement": "bottom"
+}
+```
+
+**How it works:**
+
+1. The tooltip CTA click publishes an `action.tooltip_cta_clicked` event via the EventBus
+2. The FAQ widget subscribes to these events and filters for `faq:open:*` actionIds
+3. The matching question expands and scrolls into view
+4. The widget also publishes `canvas.requestOpen` to open the canvas panel if needed
+
+**Late-mount support:** If the FAQ widget mounts after the CTA click (e.g., canvas was closed), it checks the EventBus history for recent `faq:open:*` events (within 10 seconds) and auto-expands the target question on mount.
+
+**`dismiss` actionId:** Destroys the tooltip without publishing an event. Use this for a "close" or "not now" button.
+
+### Dynamic Injection
+
+Injection rules add contextual FAQ items when conditions are met:
+
+```json
+{
+  "injections": [
+    {
+      "trigger": {
+        "type": "rules",
+        "rules": [
+          {
+            "conditions": [{ "type": "page_url", "pattern": "/checkout*" }],
+            "value": true
+          }
+        ],
+        "default": false
+      },
+      "items": [
+        {
+          "kind": "faq:question",
+          "config": {
+            "id": "checkout-help",
+            "question": "Having trouble with checkout?",
+            "answer": "Contact support at help@example.com for immediate assistance."
+          }
+        }
+      ],
+      "position": "prepend",
+      "once": true
+    }
+  ]
+}
+```
+
+- `trigger` -- a DecisionStrategy that evaluates to `true` when injection should occur
+- `items` -- FAQ items to inject
+- `position` -- `"prepend"` or `"append"` relative to existing items
+- `once` -- if `true`, items are injected only on the first trigger match
 
 
 ---
@@ -449,71 +734,81 @@ Mounts gamification UI elements.
 
 # @syntrologie/adapt-nav
 
-Navigation link list widget with conditional item visibility.
+Navigation tips accordion widget with conditional item visibility and toast notifications.
 
-## Actions
+## Widget: `adaptive-nav:tips`
 
-### mount_nav
+Accordion of contextual navigation tips. Each tip has a collapsible header and expanded body with optional CTA link.
 
-Mounts a navigation link list widget to a surface slot.
+### Tile Config
 
-| Property       | Type          | Required | Description                                                |
-| -------------- | ------------- | -------- | ---------------------------------------------------------- |
-| `kind`         | `"mount_nav"` | Yes      | Action type                                                |
-| `slot`         | string        | Yes      | Target slot (e.g., `"drawer_left"`, `"inline:{anchorId}"`) |
-| `config.title` | string        | No       | Widget title                                               |
-| `config.items` | array         | Yes      | Navigation items (see below)                               |
+| Property                 | Type                       | Required | Default    | Description                     |
+| ------------------------ | -------------------------- | -------- | ---------- | ------------------------------- |
+| `widget`                 | `"adaptive-nav:tips"`      | Yes      |            | Widget identifier               |
+| `props.expandBehavior`   | `"single"` \| `"multiple"` | No       | `"single"` | Accordion expand mode           |
+| `props.theme`            | `"light"` \| `"dark"` \| `"auto"` | No | `"auto"` | Color theme                     |
+| `props.actions`          | `NavTipAction[]`           | Yes      |            | Navigation tip items            |
 
-### Nav Item Schema
+### Nav Tip Action (`nav:tip`)
 
-Each item in the `items` array:
+Compositional action — rendered as an accordion item by the parent widget.
 
-| Property   | Type             | Required | Description                     |
-| ---------- | ---------------- | -------- | ------------------------------- |
-| `label`    | string           | Yes      | Link text                       |
-| `href`     | string           | Yes      | Link destination                |
-| `icon`     | string           | No       | Icon identifier                 |
-| `showWhen` | DecisionStrategy | No       | Conditional visibility strategy |
+| Property               | Type                         | Required | Description                          |
+| ---------------------- | ---------------------------- | -------- | ------------------------------------ |
+| `kind`                 | `"nav:tip"`                  | Yes      | Action type                          |
+| `config.id`            | string                       | Yes      | Unique tip identifier                |
+| `config.title`         | string                       | Yes      | Accordion header text                |
+| `config.description`   | string                       | Yes      | Expanded body text                   |
+| `config.href`          | string                       | No       | Optional CTA link URL                |
+| `config.icon`          | string                       | No       | Icon (emoji or icon key)             |
+| `config.external`      | boolean                      | No       | Open link in new tab                 |
+| `config.category`      | string                       | No       | Category for grouping                |
+| `showWhen`             | `DecisionStrategy<boolean>`  | No       | Conditional visibility               |
+| `notify`               | `{ title?, body?, icon? }`   | No       | Toast config for showWhen transition |
+| `rationale`            | `{ why, confidence? }`       | No       | AI reasoning for recommendation      |
+
+### Events Published
+
+| Event              | When                                  | Props                                |
+| ------------------ | ------------------------------------- | ------------------------------------ |
+| `nav:toggled`      | User expands/collapses a tip          | `{ instanceId, tipId, expanded }`    |
+| `nav:tip_clicked`  | User clicks a tip's CTA link          | `{ instanceId, href, external }`     |
+| `nav:tip_revealed` | `showWhen` transitions false → true   | `{ tipId, title, body, icon }`       |
+
+### Notify Watchers
+
+Tips with both `showWhen` and `notify` are registered as notify watchers. The runtime evaluates these continuously (even when drawer is closed). When `showWhen` transitions false → true, publishes `nav:tip_revealed` which can trigger toast notifications via tile-level `notifications` rules.
 
 ```json
 {
-  "kind": "mount_nav",
-  "slot": "drawer_left",
-  "config": {
-    "title": "Quick Links",
-    "items": [
-      {
-        "label": "Dashboard",
-        "href": "/dashboard",
-        "icon": "home"
-      },
-      {
-        "label": "Admin Settings",
-        "href": "/admin",
-        "icon": "settings",
-        "showWhen": {
-          "type": "rules",
-          "rules": [
-            {
-              "conditions": [{ "type": "state_equals", "key": "user.role", "value": "admin" }],
-              "value": true
-            }
-          ],
-          "default": false
-        }
-      },
+  "id": "nav",
+  "widget": "adaptive-nav:tips",
+  "notifications": [
+    {
+      "on": "nav:tip_revealed",
+      "title": "{{props.title}}",
+      "body": "{{props.body}}",
+      "icon": "🧭"
+    }
+  ],
+  "props": {
+    "expandBehavior": "single",
+    "theme": "dark",
+    "actions": [
       {
-        "label": "Upgrade",
-        "href": "/pricing",
-        "icon": "sparkles",
+        "kind": "nav:tip",
+        "config": {
+          "id": "tip-analytics",
+          "title": "Advanced Analytics",
+          "description": "Unlock deeper insights with our analytics suite.",
+          "href": "/analytics",
+          "icon": "📊",
+          "category": "Power User"
+        },
+        "notify": { "title": "New Tip", "body": "Advanced Analytics", "icon": "📊" },
         "showWhen": {
           "type": "rules",
-          "rules": [
-            {
-              "conditions": [{ "type": "state_equals", "key": "user.plan", "value": "free" }],
-              "value": true
-            }
-          ],
+          "rules": [{ "conditions": [{ "type": "event_count", "key": "link-clicks", "operator": "gte", "count": 3 }], "value": true }],
           "default": false
         }
       }
@@ -522,57 +817,28 @@ Each item in the `items` array:
 }
 ```
 
-## Compositional Pattern
-
-The nav widget supports **per-item conditional visibility** using `showWhen` strategies. This allows different navigation items to appear based on:
-
-- User role or permissions
-- Subscription tier
-- Feature flags
-- Any other DecisionStrategy condition
-
-Items without `showWhen` are always visible.
-
 ## Navigation Actions
 
-### scroll_to
+### `navigation:scrollTo`
 
 Scrolls the viewport to bring an element into view.
 
 | Property   | Type          | Required | Default     | Description                                 |
 | ---------- | ------------- | -------- | ----------- | ------------------------------------------- |
-| `kind`     | `"scroll_to"` | Yes      |             | Action type                                 |
+| `kind`     | `"navigation:scrollTo"` | Yes |           | Action type                                 |
 | `anchorId` | string        | Yes      |             | Element selector                            |
 | `behavior` | string        | No       | `"smooth"`  | `"smooth"`, `"instant"`, `"auto"`           |
 | `block`    | string        | No       | `"center"`  | `"start"`, `"center"`, `"end"`, `"nearest"` |
-| `inline`   | string        | No       | `"nearest"` | `"start"`, `"center"`, `"end"`, `"nearest"` |
-
-```json
-{
-  "kind": "scroll_to",
-  "anchorId": "#pricing-section",
-  "behavior": "smooth",
-  "block": "start"
-}
-```
 
-### navigate
+### `navigation:navigate`
 
 Navigates to a URL.
 
-| Property | Type         | Required | Default   | Description             |
-| -------- | ------------ | -------- | --------- | ----------------------- |
-| `kind`   | `"navigate"` | Yes      |           | Action type             |
-| `url`    | string       | Yes      |           | Destination URL         |
-| `target` | string       | No       | `"_self"` | `"_self"` or `"_blank"` |
-
-```json
-{
-  "kind": "navigate",
-  "url": "/signup?ref=banner",
-  "target": "_self"
-}
-```
+| Property | Type                    | Required | Default   | Description             |
+| -------- | ----------------------- | -------- | --------- | ----------------------- |
+| `kind`   | `"navigation:navigate"` | Yes     |           | Action type             |
+| `url`    | string                  | Yes      |           | Destination URL         |
+| `target` | string                  | No       | `"_self"` | `"_self"` or `"_blank"` |
 
 **Note:** `javascript:` URLs are blocked for security.
 
@@ -619,13 +885,16 @@ Shows a tooltip near an element with optional title, body, and CTA.
 | `anchorId`           | string      | Yes      |               | Element selector                    |
 | `content.title`      | string      | No       |               | Tooltip heading                     |
 | `content.body`       | string      | Yes      |               | Tooltip text                        |
-| `content.cta.label`  | string      | No       |               | CTA button text                     |
-| `content.cta.action` | Action      | No       |               | Action to execute on CTA click      |
-| `trigger`            | string      | No       | `"immediate"` | `"immediate"`, `"hover"`, `"click"` |
-| `placement`          | string      | No       | `"top"`       | See placement options below         |
+| `content.cta.label`  | string      | No       |               | CTA button text (single-CTA shorthand)  |
+| `content.cta.action` | Action      | No       |               | Action to execute on CTA click           |
+| `content.ctaButtons` | array       | No       |               | Multiple CTA buttons (see below)         |
+| `trigger`            | string      | No       | `"immediate"` | `"immediate"`, `"hover"`, `"click"`      |
+| `placement`          | string      | No       | `"top"`       | See placement options below              |
 
 **Placement options:** `top`, `top-start`, `top-end`, `bottom`, `bottom-start`, `bottom-end`, `left`, `left-start`, `left-end`, `right`, `right-start`, `right-end`
 
+**Single CTA (shorthand):**
+
 ```json
 {
   "kind": "tooltip",
@@ -643,6 +912,37 @@ Shows a tooltip near an element with optional title, body, and CTA.
 }
 ```
 
+**Multiple CTAs (`ctaButtons`):**
+
+Use `ctaButtons` for tooltips with multiple actions. Each button has:
+
+- `label`: Button text
+- `actionId`: Identifier published with the `action.tooltip_cta_clicked` event
+- `primary`: Whether this is a primary button (default: false)
+
+```json
+{
+  "kind": "overlays:tooltip",
+  "anchorId": "[data-nav=\"features\"]",
+  "content": {
+    "title": "Learn About Features",
+    "body": "We have answers about our feature set.",
+    "ctaButtons": [
+      { "label": "View Answer", "actionId": "faq:open:q-features", "primary": true },
+      { "label": "Dismiss", "actionId": "dismiss" }
+    ]
+  },
+  "trigger": "immediate",
+  "placement": "bottom"
+}
+```
+
+**Special actionId values:**
+
+- `"dismiss"` — Destroys the tooltip immediately without publishing an event
+- `"faq:open:<questionId>"` — Convention for companion FAQ tooltips (see adaptive-faq CAPABILITIES for details). Publishes `action.tooltip_cta_clicked` which the FAQ widget listens for.
+- Any other value — Publishes `action.tooltip_cta_clicked` with the `actionId` in event props for custom handling
+
 ### badge
 
 Adds a small badge indicator near an element.

package/dist/SmartCanvasApp.d.ts

@@ -1,5 +1,4 @@
 import { ReactNode } from 'react';
-import { MountableComponent } from './api';
 import { CanvasTheme } from './components/ShadowCanvasOverlay';
 import { SmartCanvasController } from './controller';
 import type { ExperimentClient } from './experiments/types';
@@ -29,7 +28,6 @@ export interface SmartCanvasAppProps {
     footerSlot?: ReactNode;
     launcherLabel?: string;
     canvasHost?: HTMLElement | null;
-    customRenderers?: Record<string, MountableComponent>;
     theme?: Partial<CanvasTheme>;
 }
-export declare function SmartCanvasApp({ controller, fetcher, configUri, configUriFeatureKey, configFeatureKey, fetchCredentials, pollIntervalMs, experiments, telemetry, runtime, overlayFetcher, overlayConfigUri, overlayConfigFeatureKey, overlayFetchCredentials, footerSlot, launcherLabel, canvasHost, customRenderers, theme, }: SmartCanvasAppProps): import("react/jsx-runtime").JSX.Element;
+export declare function SmartCanvasApp({ controller, fetcher, configUri, configUriFeatureKey, configFeatureKey, fetchCredentials, pollIntervalMs, experiments, telemetry, runtime, overlayFetcher, overlayConfigUri, overlayConfigFeatureKey, overlayFetchCredentials, footerSlot, launcherLabel, canvasHost, theme, }: SmartCanvasAppProps): import("react/jsx-runtime").JSX.Element;