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

package/dist/telemetry/adapters/posthog.d.ts

@@ -5,6 +5,7 @@
  * and use the TelemetryClient interface.
  */
 import type { PostHog, Properties } from 'posthog-js';
+import type { ConsentGate } from '../consent';
 import type { CanvasSurface, TelemetryClient } from '../types';
 export interface PostHogAdapterOptions {
     /**
@@ -58,6 +59,18 @@ export interface PostHogAdapterOptions {
      * Used to feed events into the EventBus for runtime decisions.
      */
     onCapture?: (eventName: string, properties?: Record<string, unknown>) => void;
+    /**
+     * Consent gate for GDPR compliance.
+     * When provided with requireExplicitConsent, PostHog initialization is
+     * deferred until consent is granted.
+     */
+    consent?: ConsentGate;
+    /**
+     * Require explicit consent before initializing PostHog.
+     * When true, PostHog will not init until consent.grant() is called.
+     * @default false
+     */
+    requireExplicitConsent?: boolean;
 }
 interface CanvasAnalyticsPayload extends Properties {
     rectangleId?: string;
@@ -71,7 +84,13 @@ export declare class PostHogAdapter implements TelemetryClient {
     private client?;
     private featureFlagsCallback?;
     private captureCallback?;
+    private consentUnsub?;
     constructor(options?: PostHogAdapterOptions);
+    /**
+     * Initialize the PostHog client. Called immediately (no consent gate)
+     * or deferred (when consent gate grants).
+     */
+    private initPostHog;
     /**
      * Get all feature flags from PostHog.
      * Used to extract segment membership flags (in_segment_*).

package/dist/telemetry/consent.d.ts

@@ -0,0 +1,62 @@
+/**
+ * ConsentGate - GDPR-compliant consent management for telemetry.
+ *
+ * Gates PostHog (and any future telemetry provider) initialization on
+ * user consent status. Supports:
+ * - Explicit consent requirement (opt-in model)
+ * - GTM Consent Mode v2 integration (reads analytics_storage from dataLayer)
+ * - Programmatic grant/deny API for host page consent banners
+ *
+ * The ConsentGate lives in the runtime (not the PostHog adapter) because
+ * consent is provider-agnostic — if we switch from PostHog to Segment or
+ * another provider, consent logic should not change.
+ */
+export type ConsentStatus = 'granted' | 'denied' | 'pending';
+export interface ConsentConfig {
+    /** Initial consent status. Default: 'pending' */
+    initialStatus?: ConsentStatus;
+    /** If true, telemetry is blocked until grant() is called. Default: false */
+    requireExplicitConsent?: boolean;
+    /** Read consent state from GTM's window.dataLayer consent events. Default: false */
+    readFromGtmConsentMode?: boolean;
+    /** Called whenever consent status changes. */
+    onConsentChange?: (status: ConsentStatus) => void;
+}
+type ConsentListener = (status: ConsentStatus) => void;
+export declare class ConsentGate {
+    private status;
+    private listeners;
+    private configCallback?;
+    private gtmEnabled;
+    private destroyed;
+    constructor(config?: ConsentConfig);
+    /**
+     * Grant consent — enables telemetry collection.
+     */
+    grant(): void;
+    /**
+     * Deny consent — disables telemetry collection.
+     */
+    deny(): void;
+    /**
+     * Get the current consent status.
+     */
+    getStatus(): ConsentStatus;
+    /**
+     * Subscribe to consent status changes.
+     * Returns an unsubscribe function.
+     */
+    subscribe(listener: ConsentListener): () => void;
+    /**
+     * Poll GTM's dataLayer for consent state.
+     * Scans for the most recent consent update event with analytics_storage.
+     */
+    pollGtmConsent(): void;
+    /**
+     * Clean up listeners and stop responding to changes.
+     */
+    destroy(): void;
+    private setStatus;
+    private notify;
+}
+export {};

package/dist/version.d.ts

@@ -10,4 +10,4 @@
  *
  * @since 2.0.0
  */
-export declare const SDK_VERSION = "2.2.0-canary.8";
+export declare const SDK_VERSION = "2.2.0";

package/dist/widgets/WidgetRegistry.d.ts

@@ -68,11 +68,16 @@ export interface MountedWidgetHandle {
  * Allows apps to register custom widgets that can be rendered via
  * mountWidget actions or directly through the Surfaces system.
  */
+export type WidgetRegistryListener = (event: {
+    type: 'registered' | 'unregistered';
+    widgetId: string;
+}) => void;
 export declare class WidgetRegistry {
     private widgets;
     private mountedWidgets;
     private mountIdCounter;
     private runtimeRef?;
+    private listeners;
     /**
      * Bind a runtime reference so it can be injected into widget mount() calls.
      * Uses `unknown` to avoid circular imports (WidgetRegistry ← runtime.ts).
@@ -133,6 +138,11 @@ export declare class WidgetRegistry {
      * Get all widgets from a specific source.
      */
     getBySource(source: string): WidgetRegistration[];
+    /**
+     * Subscribe to widget registration changes.
+     */
+    subscribe(callback: WidgetRegistryListener): () => void;
+    private notify;
     /**
      * Clean up all mounted widgets.
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syntrologie/runtime-sdk",
-  "version": "2.2.0-canary.8",
+  "version": "2.2.0",
   "description": "Syntrologie Runtime SDK for web experimentation and analytics",
   "license": "Proprietary",
   "private": false,
@@ -35,12 +35,16 @@
     "./cdn": {
       "import": "./dist/smart-canvas.esm.js",
       "require": "./dist/smart-canvas.js"
+    },
+    "./build-plugin": {
+      "import": "./scripts/syntroReactPlugin.mjs"
     }
   },
   "files": [
     "dist",
     "schema",
     "scripts/validate-config.mjs",
+    "scripts/syntroReactPlugin.mjs",
     "CAPABILITIES.md"
   ],
   "scripts": {
@@ -48,7 +52,8 @@
     "aggregate-capabilities": "node ./scripts/aggregate-capabilities.mjs",
     "generate-schema": "node ./scripts/generate-unified-schema.mjs",
     "generate-schema:check": "node ./scripts/generate-unified-schema.mjs --check",
-    "build": "npm run aggregate-capabilities && npm run build:types && npm run build:lib && npm run generate-schema && npm run build:cdn",
+    "generate:builtin-modules": "node ./scripts/generate-builtin-runtime-modules.mjs",
+    "build": "npm run aggregate-capabilities && npm run generate:builtin-modules && npm run build:types && npm run build:lib && npm run generate-schema && npm run build:cdn",
     "build:types": "tsc --project tsconfig.build.json",
     "build:lib": "node ./scripts/build-lib.mjs",
     "build:cdn": "node ./scripts/build-cdn.js",
@@ -62,8 +67,12 @@
     "@floating-ui/dom": "^1.7.5",
     "@growthbook/growthbook": "~1.6.2",
     "@growthbook/growthbook-react": "^1.6.4",
-    "@syntrologie/adapt-content": "2.2.0-canary.8",
-    "@syntrologie/adapt-overlays": "2.2.0-canary.8",
+    "@syntrologie/adapt-chatbot": "2.2.0",
+    "@syntrologie/adapt-content": "2.2.0",
+    "@syntrologie/adapt-faq": "2.2.0",
+    "@syntrologie/adapt-gamification": "2.2.0",
+    "@syntrologie/adapt-nav": "2.2.0",
+    "@syntrologie/adapt-overlays": "2.2.0",
     "posthog-js": "~1.302.2",
     "zod": "^3.25.76"
   },

package/schema/canvas-config.schema.json

@@ -1711,6 +1711,28 @@
               "type": "null"
             }
           ]
+        },
+        "notify": {
+          "anyOf": [
+            {
+              "type": "object",
+              "properties": {
+                "title": {
+                  "type": "string"
+                },
+                "body": {
+                  "type": "string"
+                },
+                "icon": {
+                  "type": "string"
+                }
+              },
+              "additionalProperties": false
+            },
+            {
+              "type": "null"
+            }
+          ]
         }
       },
       "required": [
@@ -2067,6 +2089,28 @@
                     "type": "null"
                   }
                 ]
+              },
+              "notify": {
+                "anyOf": [
+                  {
+                    "type": "object",
+                    "properties": {
+                      "title": {
+                        "type": "string"
+                      },
+                      "body": {
+                        "type": "string"
+                      },
+                      "icon": {
+                        "type": "string"
+                      }
+                    },
+                    "additionalProperties": false
+                  },
+                  {
+                    "type": "null"
+                  }
+                ]
               }
             },
             "required": [
@@ -2329,19 +2373,26 @@
           ]
         },
         "notify": {
-          "type": "object",
-          "properties": {
-            "title": {
-              "type": "string"
-            },
-            "body": {
-              "type": "string"
+          "anyOf": [
+            {
+              "type": "object",
+              "properties": {
+                "title": {
+                  "type": "string"
+                },
+                "body": {
+                  "type": "string"
+                },
+                "icon": {
+                  "type": "string"
+                }
+              },
+              "additionalProperties": false
             },
-            "icon": {
-              "type": "string"
+            {
+              "type": "null"
             }
-          },
-          "additionalProperties": false
+          ]
         },
         "rationale": {
           "type": "object",
@@ -2692,6 +2743,28 @@
                     "type": "null"
                   }
                 ]
+              },
+              "notify": {
+                "anyOf": [
+                  {
+                    "type": "object",
+                    "properties": {
+                      "title": {
+                        "type": "string"
+                      },
+                      "body": {
+                        "type": "string"
+                      },
+                      "icon": {
+                        "type": "string"
+                      }
+                    },
+                    "additionalProperties": false
+                  },
+                  {
+                    "type": "null"
+                  }
+                ]
               }
             },
             "required": [
@@ -3169,6 +3242,28 @@
                           "type": "null"
                         }
                       ]
+                    },
+                    "notify": {
+                      "anyOf": [
+                        {
+                          "type": "object",
+                          "properties": {
+                            "title": {
+                              "type": "string"
+                            },
+                            "body": {
+                              "type": "string"
+                            },
+                            "icon": {
+                              "type": "string"
+                            }
+                          },
+                          "additionalProperties": false
+                        },
+                        {
+                          "type": "null"
+                        }
+                      ]
                     }
                   },
                   "required": [
@@ -3431,19 +3526,26 @@
                 ]
               },
               "notify": {
-                "type": "object",
-                "properties": {
-                  "title": {
-                    "type": "string"
-                  },
-                  "body": {
-                    "type": "string"
+                "anyOf": [
+                  {
+                    "type": "object",
+                    "properties": {
+                      "title": {
+                        "type": "string"
+                      },
+                      "body": {
+                        "type": "string"
+                      },
+                      "icon": {
+                        "type": "string"
+                      }
+                    },
+                    "additionalProperties": false
                   },
-                  "icon": {
-                    "type": "string"
+                  {
+                    "type": "null"
                   }
-                },
-                "additionalProperties": false
+                ]
               },
               "rationale": {
                 "type": "object",

package/scripts/syntroReactPlugin.mjs

@@ -0,0 +1,113 @@
+/**
+ * syntroReactPlugin — esbuild plugin for shared React via SynOS
+ *
+ * Replaces `import { useState } from 'react'` (and react-dom, jsx-runtime)
+ * with lazy wrappers that resolve to SynOS.React / SynOS.ReactDOM at call
+ * time. This means:
+ *   - Adaptive modules load and self-register without React being available
+ *   - React resolves when components actually render
+ *   - The runtime SDK sets SynOS.React at module scope before any render
+ *
+ * Used by: build-cdn.js, build-adaptives-only.js, editor-sdk/build.js
+ */
+export const syntroReactPlugin = {
+  name: 'syntro-react',
+  setup(build) {
+    build.onResolve({ filter: /^react(-dom)?(\/.*)?$/ }, (args) => ({
+      path: args.path,
+      namespace: 'syntro-react',
+    }));
+
+    build.onLoad({ filter: /.*/, namespace: 'syntro-react' }, (args) => {
+      if (args.path === 'react/jsx-runtime' || args.path === 'react/jsx-dev-runtime') {
+        return {
+          contents: `
+            function _R() {
+              return (typeof SynOS !== 'undefined' && SynOS.React) || {};
+            }
+            function _jsx(type, props, key) {
+              var R = _R();
+              var p = props || {};
+              var c = p.children;
+              delete p.children;
+              if (key !== undefined) p.key = key;
+              return Array.isArray(c)
+                ? R.createElement.apply(null, [type, p].concat(c))
+                : c !== undefined
+                  ? R.createElement(type, p, c)
+                  : R.createElement(type, p);
+            }
+            export var jsx = _jsx;
+            export var jsxs = _jsx;
+            export var Fragment = _R().Fragment;
+          `,
+          loader: 'js',
+        };
+      }
+      if (args.path === 'react') {
+        // Hooks and creation APIs are lazy function wrappers — they resolve
+        // SynOS.React at call time (during render), not at module load.
+        //
+        // Component types (Fragment, Suspense, etc.) are resolved at module
+        // evaluation via _R(). This is fine because the runtime SDK always
+        // loads before adaptive modules evaluate, so SynOS.React is set.
+        // ES module named exports can't be truly lazy (no getter support).
+        return {
+          contents: `
+            function _R() {
+              return (typeof SynOS !== 'undefined' && SynOS.React) || {};
+            }
+
+            // Default export — lazy proxy for React.* access
+            export default new Proxy({}, { get: function(_, k) { return _R()[k]; } });
+
+            // Hooks — lazy function wrappers (resolve at call time)
+            export function useState() { return _R().useState.apply(null, arguments); }
+            export function useEffect() { return _R().useEffect.apply(null, arguments); }
+            export function useMemo() { return _R().useMemo.apply(null, arguments); }
+            export function useCallback() { return _R().useCallback.apply(null, arguments); }
+            export function useRef() { return _R().useRef.apply(null, arguments); }
+            export function useContext() { return _R().useContext.apply(null, arguments); }
+            export function useReducer() { return _R().useReducer.apply(null, arguments); }
+            export function useLayoutEffect() { return _R().useLayoutEffect.apply(null, arguments); }
+            export function useId() { return _R().useId.apply(null, arguments); }
+
+            // Creation APIs — lazy function wrappers
+            export function createElement() { return _R().createElement.apply(null, arguments); }
+            export function createContext() { return _R().createContext.apply(null, arguments); }
+            export function forwardRef() { return _R().forwardRef.apply(null, arguments); }
+            export function memo() { return _R().memo.apply(null, arguments); }
+            export function lazy() { return _R().lazy.apply(null, arguments); }
+            export function isValidElement() { return _R().isValidElement.apply(null, arguments); }
+            export function cloneElement() { return _R().cloneElement.apply(null, arguments); }
+
+            // Component types — resolved at module eval (runtime loads first)
+            var _r = _R();
+            export var Fragment      = _r.Fragment;
+            export var Suspense      = _r.Suspense;
+            export var Children      = _r.Children;
+            export var Component     = _r.Component;
+            export var PureComponent = _r.PureComponent;
+          `,
+          loader: 'js',
+        };
+      }
+      if (args.path === 'react-dom' || args.path.startsWith('react-dom/')) {
+        return {
+          contents: `
+            function _RD() {
+              return (typeof SynOS !== 'undefined' && SynOS.ReactDOM) || {};
+            }
+            export default new Proxy({}, { get: function(_, k) { return _RD()[k]; } });
+            export function createRoot() { return _RD().createRoot.apply(null, arguments); }
+            export function hydrateRoot() { return _RD().hydrateRoot.apply(null, arguments); }
+            export function createPortal() { return _RD().createPortal.apply(null, arguments); }
+            export function flushSync() { return _RD().flushSync.apply(null, arguments); }
+          `,
+          loader: 'js',
+        };
+      }
+      return { contents: 'export default {};', loader: 'js' };
+    });
+  },
+};

package/dist/adaptives/adaptive-chatbot/index.js

@@ -1,9 +0,0 @@
-function m(...t){return t.filter(Boolean).join(" ")}function re(){return typeof SynOS<"u"&&SynOS.React||{}}function oe(t,n,r){var s=re(),a=n||{},i=a.children;return delete a.children,r!==void 0&&(a.key=r),Array.isArray(i)?s.createElement.apply(null,[t,a].concat(i)):i!==void 0?s.createElement(t,a,i):s.createElement(t,a)}var o=oe,l=oe,ne=re().Fragment;function T(){return typeof SynOS<"u"&&SynOS.React||{}}var se=new Proxy({},{get:function(t,n){return T()[n]}});function y(){return T().useState.apply(null,arguments)}function v(){return T().useEffect.apply(null,arguments)}function k(){return T().useCallback.apply(null,arguments)}function g(){return T().useRef.apply(null,arguments)}var A=T(),Ye=A.Fragment,Ve=A.Suspense,Ze=A.Children,Je=A.Component,Xe=A.PureComponent;function ke(){return typeof SynOS<"u"&&SynOS.ReactDOM||{}}var Qe=new Proxy({},{get:function(t,n){return ke()[n]}});var f={id:"id",class:"class",tag:"tag",attribute:"attribute",nthchild:"nthchild",nthoftype:"nthoftype"};var Re="CssSelectorGenerator";function z(t="unknown problem",...n){console.warn(`${Re}: ${t}`,...n)}var ut={selectors:[f.id,f.class,f.tag,f.attribute],includeTag:!1,whitelist:[],blacklist:[],combineWithinSelector:!0,combineBetweenSelectors:!0,root:null,maxCombinations:Number.POSITIVE_INFINITY,maxCandidates:Number.POSITIVE_INFINITY,useScope:!1};function ae(t){return t instanceof RegExp}function $e(t){return t.replace(/[|\\{}()[\]^$+?.]/g,"\\$&").replace(/\*/g,".+")}function q(t){let n=t.map(r=>{if(ae(r))return s=>r.test(s);if(typeof r=="function")return s=>{let a=r(s);return typeof a!="boolean"?(z("pattern matcher function invalid","Provided pattern matching function does not return boolean. It's result will be ignored.",r),!1):a};if(typeof r=="string"){let s=new RegExp("^"+$e(r)+"$");return a=>s.test(a)}return z("pattern matcher invalid","Pattern matching only accepts strings, regular expressions and/or functions. This item is invalid and will be ignored.",r),()=>!1});return r=>n.some(s=>s(r))}var Te=new RegExp(["^$","\\s"].join("|")),Ie=new RegExp(["^$"].join("|")),ie=[f.nthoftype,f.tag,f.id,f.class,f.attribute,f.nthchild];var Et=q(["class","id","ng-*"]);var yr="3a".toUpperCase();function V({children:t}){return o("div",{className:"se-flex-1 se-overflow-auto se-p-6",children:t})}function Z({onSave:t,onPublish:n}){return l("div",{className:"se-py-3 se-px-4 se-border-t se-border-border-primary se-flex se-gap-2",children:[o("button",{onClick:t,className:"se-flex-1 se-h-10 se-px-4 se-py-2 se-rounded-md se-bg-btn-neutral se-text-btn-neutral-text se-border se-border-btn-neutral-border hover:se-text-btn-neutral-text-hover se-text-sm se-font-medium se-cursor-pointer se-inline-flex se-items-center se-justify-center focus-visible:se-shadow-focus-primary focus-visible:se-outline-none",children:"Save Draft"}),o("button",{onClick:n,className:"se-flex-1 se-h-10 se-px-4 se-py-2 se-rounded-md se-border-none se-bg-btn-primary se-text-btn-primary-text hover:se-bg-btn-primary-hover se-text-sm se-font-medium se-cursor-pointer se-inline-flex se-items-center se-justify-center focus-visible:se-shadow-focus-primary focus-visible:se-outline-none",children:"Publish"})]})}function J({title:t,subtitle:n}){return l("div",{className:"se-px-4 se-pt-3 se-pb-2",children:[o("h2",{className:"se-m-0 se-text-base se-font-semibold se-text-text-primary",children:t}),n&&o("p",{className:"se-mt-0.5 se-mb-0 se-text-xs se-text-text-secondary",children:n})]})}function P({label:t,className:n,...r}){return l("div",{children:[t&&o("label",{className:"se-text-sm se-font-medium se-text-input-field-text-label se-mb-1 se-block",children:t}),o("input",{...r,className:m("se-w-full se-py-2 se-px-3 se-rounded-lg se-border se-border-input-field-border se-bg-slate-grey-3 se-text-text-primary se-text-sm se-font-[inherit] se-mb-2 se-box-border","placeholder:se-text-input-field-text-placeholder","focus:se-border-input-field-border-selected focus:se-outline-none focus:se-shadow-focus-primary","disabled:se-bg-input-field-bg-disabled disabled:se-cursor-not-allowed disabled:se-opacity-50",n)})]})}function X({children:t}){return o("div",{className:"se-flex se-flex-col se-h-full se-font-sans",children:t})}function K({label:t,className:n,value:r,...s}){let a=g(null);return v(()=>{let i=a.current;i&&(i.style.height="auto",i.style.height=`${i.scrollHeight}px`)},[r]),l("div",{children:[t&&o("label",{className:"se-text-sm se-font-medium se-text-input-field-text-label se-mb-1 se-block",children:t}),o("textarea",{ref:a,value:r,...s,className:m("se-w-full se-py-2 se-px-3 se-rounded-lg se-border se-border-input-field-border se-bg-slate-grey-3 se-text-text-primary se-text-sm se-font-[inherit] se-mb-2 se-resize-y se-min-h-[60px] se-max-h-[50vh] se-overflow-y-auto se-box-border","placeholder:se-text-input-field-text-placeholder","focus:se-border-input-field-border-selected focus:se-outline-none focus:se-shadow-focus-primary","disabled:se-bg-input-field-bg-disabled disabled:se-cursor-not-allowed disabled:se-opacity-50",n)})]})}function Be({config:t,onChange:n,editor:r}){let s=t,a=g(!1);v(()=>{!a.current&&(r.initialEditKey!=null||r.initialCreate)&&(a.current=!0,r.clearInitialState?.())},[r]);let i=(d,S)=>{n({...t,[d]:S}),r.setDirty(!0)};return l(X,{children:[o(J,{title:"Chat Assistant",subtitle:"Configure AI chat assistant",onBack:()=>r.navigateHome()}),l(V,{children:[l("div",{className:"se-mb-6",children:[o("div",{className:"se-text-xs se-font-semibold se-text-slate-grey-8 se-uppercase se-tracking-wide se-mb-3",children:"API Configuration"}),o(P,{label:"Backend URL",type:"text",value:s.backendUrl||"",onChange:d=>i("backendUrl",d.target.value),placeholder:"/api/chat/message"}),o(P,{label:"MLflow Run ID (optional)",type:"text",value:s.mlflowRunId||"",onChange:d=>i("mlflowRunId",d.target.value),placeholder:"e.g., abc123"})]}),l("div",{className:"se-mb-6",children:[o("div",{className:"se-text-xs se-font-semibold se-text-slate-grey-8 se-uppercase se-tracking-wide se-mb-3",children:"Chat Settings"}),o(K,{label:"Greeting Message",value:s.greeting||"",onChange:d=>i("greeting",d.target.value),placeholder:"Hi! How can I help?"}),o(P,{label:"Max History (messages sent to backend)",type:"number",value:s.maxHistory||20,onChange:d=>i("maxHistory",parseInt(d.target.value,10)),min:1,max:100})]})]}),o(Z,{onSave:()=>r.save(),onPublish:()=>r.publish()})]})}var ue={title:"Chat Assistant",icon:"\u{1F4AC}",description:"AI chat assistant with action execution"},de=Be;var b={white:"#ffffff",black:"#000000"},x={0:"#2c0b0a",1:"#5b1715",2:"#89221f",3:"#b72e2a",4:"#d44844",5:"#dd6d69",6:"#e5918f",7:"#eeb6b4",8:"#f6dada",9:"#faebea"},e={0:"#07080a",1:"#0f1318",2:"#0e1114",3:"#1c222a",4:"#2b333f",5:"#394454",6:"#475569",7:"#677384",8:"#87919f",9:"#a8afba",10:"#cbd0d7",11:"#e8eaee",12:"#f6f7f9"},c={0:"#07230a",1:"#0e4514",2:"#16681e",3:"#1d8a28",4:"#24ad32",5:"#4fbd5a",6:"#7acd82",7:"#a5deab",8:"#d0eed3",9:"#e5f6e7"},C={0:"#301f09",1:"#5f3e12",2:"#8f5e1b",3:"#be7d24",4:"#ee9c2d",5:"#f1b057",6:"#f5c481",7:"#f8d7ab",8:"#fcebd5",9:"#fdf5ea"},u={0:"#330707",1:"#660f0e",2:"#991616",3:"#cc1e1d",4:"#ff2524",5:"#ff5150",6:"#ff7c7c",7:"#ffa8a7",8:"#ffd3d3",9:"#ffe9e9"},M={0:"#051533",1:"#0a2a66",2:"#0f3f98",3:"#1454cb",4:"#1969fe",5:"#4787fe",6:"#75a5fe",7:"#a3c3ff",8:"#d1e1ff",9:"#e8f0ff"},j={0:"#662500",1:"#993d00",2:"#cc5800",3:"#ff7700",4:"#fea85d",5:"#fec58f",6:"#ffd6ae",7:"#fee6cd",8:"#fff1e1",9:"#fff8f0"},w={0:"#151229",1:"#2a2452",2:"#40357c",3:"#5547a5",4:"#6a59ce",5:"#887ad8",6:"#a69be2",7:"#c3bdeb",8:"#e1def5",9:"#f0eefa"},O={0:"#37091f",1:"#69123c",2:"#9b1c58",3:"#cd2575",4:"#ff2e92",5:"#ff58a8",6:"#ff82be",7:"#ffabd3",8:"#ffd5e9",9:"#ffeaf4"};var Vn={primary:e[10],secondary:e[9],tertiary:e[8]},Zn={primary:e[2],secondary:e[0]},Jn={primary:e[4],secondary:e[3]},Xn={primary:{text:b.white,icon:b.white,border:x[3],backgroundDefault:x[3],backgroundHover:x[2]},neutral:{text:e[10],textHover:b.white,icon:e[10],iconHover:b.white,border:e[4],background:e[2]},link:{text:b.white,icon:b.white,hover:x[5]},error:{text:u[5],hover:u[6]},success:{text:c[5],hover:c[6]}},Kn={slateGrey:{content:e[10],pillOutline:e[10],borderPrimary:e[5],borderSecondary:e[5],background:e[3]},brand:{content:x[9],pillOutline:x[9],borderPrimary:x[6],borderSecondary:x[6],background:x[0]},red:{content:u[8],pillOutline:u[4],borderPrimary:u[2],borderSecondary:u[2],background:u[0]},yellow:{content:C[8],pillOutline:C[4],borderPrimary:C[2],borderSecondary:C[2],background:C[0]},green:{content:c[8],pillOutline:c[4],borderPrimary:c[2],borderSecondary:c[2],background:c[0]},purple:{content:w[8],pillOutline:w[4],borderPrimary:w[2],borderSecondary:w[2],background:w[0]},blue:{content:M[8],pillOutline:M[4],borderPrimary:M[2],borderSecondary:M[2],background:M[0]},orange:{content:j[8],pillOutline:j[4],borderPrimary:j[2],borderSecondary:j[2],background:j[0]},pink:{content:O[8],pillOutline:O[4],borderPrimary:O[2],borderSecondary:O[2],background:O[0]}},Qn={green:{content:c[8],border:c[2],background:c[0]},yellow:{content:C[8],border:C[2],background:C[0]},red:{content:u[8],border:u[2],background:u[0]}},es={green:{content:c[1],background:c[9]},yellow:{content:C[1],background:C[9]},red:{content:u[1],background:u[9]}},ts={content:e[10],border:e[4],background:"#1c2124"},rs={backgroundDefault:e[2],backgroundHover:e[1],selected:e[3]},os={background:e[2],icon:e[10],borderDefault:e[4],borderSelected:x[3],textLabel:e[9],textPlaceholder:e[8],textHint:e[8]},ns={backgroundDefault:e[2],backgroundDisabled:e[0],textLabel:e[9],textPlaceholder:e[8],textHint:e[8],textError:u[5],iconDefault:e[9],iconPlaceholder:e[10],iconError:u[5],borderDefault:e[4],borderSelected:x[3],borderError:u[5]},ss={handleDefault:b.white,handleDisabled:e[10],off:{backgroundDefault:e[4],backgroundHover:e[5],backgroundDisabled:e[4]},on:{backgroundDefault:c[3],backgroundHover:c[2],backgroundDisabled:e[4]}},as={off:{backgroundDefault:"#00000000",backgroundHover:e[5],backgroundDisabled:e[2],border:e[6]},on:{backgroundDefault:c[0],backgroundHover:c[1],backgroundDisabled:e[2],border:c[3]}},is={content:e[10],background:e[4]},ls={background:e[4],active:c[3]},cs={background:e[1],content:e[9],border:e[4]},us={backgroundDefault:e[1],backgroundHover:e[3],backgroundActive:e[4],border:e[4],contentPrimary:e[10],contentSecondary:e[9],contentTertiary:e[8]},ds={background:e[1],content:e[9],border:e[4]},ps={activeBackground:e[3],activeContent:x[5],inactiveContent:e[9],border:e[4]},fs={header:{textDefault:e[9],textHover:e[8],backgroundDefault:e[1]},border:e[4],cell:{textPrimary:e[10],textSecondary:e[9],backgroundDefault:e[2],backgroundHover:e[1]}},ms={textPrimaryDefault:e[10],textPrimaryHover:e[10],textSecondaryDefault:e[8],textSecondaryHover:e[9],iconPrimary:e[10],iconSecondary:e[8]},xs={background:c[1],active:c[5]},gs={textDefault:e[10],textSelected:b.white,textDisabled:e[7],backgroundDefault:e[2],backgroundMiddle:e[3],backgroundSelected:x[3],border:e[4]},bs=e[9];function pe(){return typeof SynOS<"u"&&SynOS.ReactDOM||{}}var Ns=new Proxy({},{get:function(t,n){return pe()[n]}});function Q(){return pe().createRoot.apply(null,arguments)}var fe=/```json\s*\n([\s\S]*?)```/g;function me(t){let n=[],r=t,s=[],a;for(fe.lastIndex=0;(a=fe.exec(t))!==null;)s.push({fullMatch:a[0],json:a[1],index:a.index});for(let i=s.length-1;i>=0;i--){let{fullMatch:d,json:S}=s[i],p;try{p=JSON.parse(S)}catch{continue}typeof p=="object"&&p!==null&&"kind"in p&&typeof p.kind=="string"&&(n.unshift(p),r=r.replace(d,""))}return r=r.replace(/\n{3,}/g,`
-
-`).trim(),{displayText:r,actions:n}}var D=class extends Error{constructor(n){super(n),this.name="AuthError"}};function ze(){let t=document.cookie.match(/stytch_session_jwt=([^;]*)/);if(!t||!t[1])throw new D("No authentication token found");let n=localStorage.getItem("syntrologie_workspace_id");if(!n)throw new D("No workspace ID found");return{Authorization:`Bearer ${t[1]}`,"X-Workspace-Id":n}}async function xe(t,n){let r=ze(),s=await fetch(t,{method:"POST",headers:{"Content-Type":"application/json",...r},body:JSON.stringify(n)});if(!s.ok)throw s.status===401?new D("Session expired or unauthorized"):new Error(`Chat request failed: ${s.status} ${s.statusText}`);return s.json()}var Fe=0;function ee(){return`msg-${Date.now()}-${++Fe}`}function ge(t){let{backendUrl:n,tileId:r,runtime:s,greeting:a,maxHistory:i=20,mlflowRunId:d,config:S}=t,[p,R]=y(()=>a?[{id:ee(),role:"assistant",text:a,timestamp:Date.now()}]:[]),[W,E]=y(!1),[N,I]=y(null),$=g(null),ye=k(async Ce=>{let G=Ce.trim();if(!G)return;I(null);let te={id:ee(),role:"user",text:G,timestamp:Date.now()};R(L=>[...L,te]),E(!0);try{let U=[...p,te].slice(-i).map(_=>({role:_.role,content:_.text})),we=await xe(n,{message:G,history:U,mlflow_run_id:d,current_config:S}),{displayText:Se,actions:B}=me(we.response),Ee={id:ee(),role:"assistant",text:Se,timestamp:Date.now()};R(_=>[..._,Ee]),B.length>0&&($.current?.isApplied()&&await $.current.revertAll(),$.current=await s.actions.applyBatch(B),s.events.publish("chatbot.actions_applied",{count:B.length,kinds:B.map(_=>_.kind),tileId:r}))}catch(L){let U=L instanceof Error?L.message:"An unexpected error occurred";I(U)}finally{E(!1)}},[n,p,i,d,S,s,r]),ve=k(()=>{R([]),I(null),$.current?.isApplied()&&($.current.revertAll(),$.current=null),sessionStorage.removeItem(`syntro:chatbot:history:${r}`)},[r]);return{messages:p,isLoading:W,error:N,sendMessage:ye,clearMessages:ve}}var h={container:{display:"flex",flexDirection:"column",height:"100%",fontFamily:"system-ui, -apple-system, sans-serif",fontSize:"14px"},messageList:{flex:1,overflowY:"auto",padding:"12px",display:"flex",flexDirection:"column",gap:"8px"},messageBubble:{maxWidth:"85%",padding:"8px 12px",borderRadius:"12px",lineHeight:1.5,wordBreak:"break-word"},userMessage:{alignSelf:"flex-end",backgroundColor:w[4],color:b.white,borderBottomRightRadius:"4px"},assistantMessage:{alignSelf:"flex-start",backgroundColor:"rgba(255, 255, 255, 0.08)",color:e[10],borderBottomLeftRadius:"4px"},loadingDots:{alignSelf:"flex-start",padding:"8px 16px",backgroundColor:"rgba(255, 255, 255, 0.05)",borderRadius:"12px",color:e[8],fontSize:"13px"},errorBanner:{padding:"8px 12px",backgroundColor:"rgba(239, 68, 68, 0.1)",color:u[4],fontSize:"13px",borderRadius:"8px",margin:"0 12px"},inputForm:{display:"flex",gap:"8px",padding:"12px",borderTop:"1px solid rgba(255, 255, 255, 0.06)"},input:{flex:1,padding:"8px 12px",borderRadius:"8px",border:"1px solid rgba(255, 255, 255, 0.1)",backgroundColor:"rgba(0, 0, 0, 0.2)",color:e[12],fontSize:"14px",outline:"none",fontFamily:"inherit"},sendButton:{padding:"8px 16px",borderRadius:"8px",border:"none",backgroundColor:w[4],color:b.white,fontWeight:600,fontSize:"13px",cursor:"pointer",whiteSpace:"nowrap"},sendButtonDisabled:{opacity:.5,cursor:"not-allowed"}};function We({message:t}){let n=t.role==="user",r={...h.messageBubble,...n?h.userMessage:h.assistantMessage};return o("div",{style:r,children:t.text})}function Ge({config:t,runtime:n,tileId:r}){let{messages:s,isLoading:a,error:i,sendMessage:d,clearMessages:S}=ge({backendUrl:t.backendUrl,tileId:r,runtime:n,greeting:t.greeting,maxHistory:t.maxHistory,mlflowRunId:t.mlflowRunId}),p=g(null),R=g(null);v(()=>{p.current&&(p.current.scrollTop=p.current.scrollHeight)},[]);let W=E=>{E.preventDefault();let N=R.current;if(!N||!N.value.trim()||a)return;let I=N.value;N.value="",d(I)};return l("div",{style:h.container,"data-testid":"chat-assistant",children:[l("div",{ref:p,style:h.messageList,children:[s.map(E=>o(We,{message:E},E.id)),a&&o("div",{style:h.loadingDots,children:"Thinking..."})]}),i&&o("div",{style:h.errorBanner,children:i}),l("form",{onSubmit:W,style:h.inputForm,children:[o("input",{ref:R,style:h.input,placeholder:"Ask anything...",disabled:a,"data-testid":"chat-input"}),o("button",{type:"submit",disabled:a,style:{...h.sendButton,...a?h.sendButtonDisabled:{}},"data-testid":"chat-send",children:"Send"})]})]})}var be={mount(t,n){let{config:r,runtime:s,tileId:a="chatbot-widget"}=n||{};if(r&&s&&typeof Q=="function"){let i=Q(t);return i.render(se.createElement(Ge,{config:r,runtime:s,tileId:a})),()=>{i.unmount()}}return!r||!s?(t.innerHTML=`<div style="padding: 16px; color: ${e[8]};">Chat widget requires config and runtime.</div>`,()=>{t.innerHTML=""}):(t.innerHTML=`
-      <div style="padding: 16px; font-family: system-ui; color: ${e[10]};">
-        <p style="margin: 0 0 8px; color: ${e[8]};">${r.greeting||"Hi! How can I help?"}</p>
-        <p style="margin: 0; font-size: 12px; color: ${e[7]};">Chat widget mounted. Awaiting React renderer.</p>
-      </div>
-    `,()=>{t.innerHTML=""})}};var H={id:"adaptive-chatbot",version:"1.0.0",name:"Chat Assistant",description:"AI chat assistant with action execution capabilities",executors:[],widgets:[{id:"adaptive-chatbot:assistant",component:be,metadata:{name:"Chat Assistant",description:"AI-powered chat assistant that can execute DOM actions",icon:"\u{1F4AC}"}}]};var he={id:"adaptive-chatbot",version:H.version,name:H.name,description:H.description,runtime:{actions:[],widgets:H.widgets},editor:{component:de,panel:ue},metadata:{isBuiltIn:!1}};if(typeof window<"u"){let t=window.SynOS?.appRegistry;t&&typeof t.register=="function"&&t.register(he)}var Us=he;export{Us as default,he as manifest};
-//# sourceMappingURL=index.js.map