@syntrologie/adapt-faq 2.13.0 → 2.15.0

package/dist/editor-lit.js

@@ -0,0 +1,195 @@
+/**
+ * Adaptive FAQ - Lit Editor Component
+ *
+ * Lit web component port of the React FAQ editor (editor.tsx).
+ * Displays FAQ question cards with inline editing, detection,
+ * dismiss/restore, and rationale display.
+ *
+ * Custom events:
+ *   navigate-home — user clicked back
+ *   dirty-change  — { dirty: boolean }
+ */
+import { html, LitElement, nothing } from 'lit';
+import { summarizeFAQItem } from './summarize';
+import { isOwnAction } from './types';
+// ============================================================================
+// Helpers
+// ============================================================================
+const getAnswerText = (answer) => {
+    if (typeof answer === 'string')
+        return answer;
+    if (answer.type === 'rich')
+        return answer.html;
+    return answer.content;
+};
+const flattenItems = (config) => {
+    const actions = (config.actions || []).filter(isOwnAction);
+    return actions.map((q, i) => ({
+        key: String(i),
+        index: i,
+        summary: summarizeFAQItem(q),
+        question: q,
+    }));
+};
+// ============================================================================
+// Element
+// ============================================================================
+export class FAQEditorLit extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.config = null;
+        this.onChange = null;
+        this._editingKey = null;
+        // No auto-dirty on load — only dirty when user makes changes (matching React behavior).
+        // ---- Actions ----
+        this._handleBack = () => {
+            if (this._editingKey !== null) {
+                this._editingKey = null;
+            }
+            else {
+                this.dispatchEvent(new CustomEvent('navigate-home', { bubbles: true }));
+            }
+        };
+        this._handleItemClick = (key) => {
+            this._editingKey = key;
+        };
+        this._handleFieldChange = (index, field, value) => {
+            if (!this.config || !this.onChange)
+                return;
+            const ownActions = (this.config.actions || []).filter(isOwnAction).slice();
+            const q = { ...ownActions[index], config: { ...ownActions[index].config } };
+            q.config[field] = value;
+            ownActions[index] = q;
+            const otherActions = (this.config.actions || []).filter((a) => !isOwnAction(a));
+            const updated = { ...this.config, actions: [...otherActions, ...ownActions] };
+            this.onChange(updated);
+            this.dispatchEvent(new CustomEvent('dirty-change', { detail: { dirty: true }, bubbles: true }));
+        };
+        // ---- Render ----
+        this._renderEditMode = (item) => {
+            const q = item.question;
+            return html `
+      <div class="se-py-1">
+        <div class="se-flex se-items-center se-gap-2 se-mb-3 se-text-[13px] se-font-semibold se-text-text-primary">
+          <span>❓</span>
+          <span>${item.summary}</span>
+        </div>
+
+        <div class="se-mb-3">
+          <label class="se-text-[11px] se-font-semibold se-text-text-secondary se-mb-1 se-block">Question</label>
+          <input
+            type="text"
+            .value=${q.config.question}
+            @input=${(e) => this._handleFieldChange(item.index, 'question', e.target.value)}
+            class="se-w-full se-p-2 se-rounded se-border se-border-border-primary se-bg-input-field-bg se-text-text-primary se-text-sm"
+          />
+        </div>
+
+        <div class="se-mb-3">
+          <label class="se-text-[11px] se-font-semibold se-text-text-secondary se-mb-1 se-block">Answer</label>
+          <textarea
+            .value=${getAnswerText(q.config.answer)}
+            @input=${(e) => this._handleFieldChange(item.index, 'answer', e.target.value)}
+            rows="4"
+            class="se-w-full se-p-2 se-rounded se-border se-border-border-primary se-bg-input-field-bg se-text-text-primary se-text-sm se-resize-none"
+          ></textarea>
+        </div>
+
+        <div class="se-mb-3">
+          <label class="se-text-[11px] se-font-semibold se-text-text-secondary se-mb-1 se-block">Category</label>
+          <input
+            type="text"
+            .value=${q.config.category || ''}
+            placeholder="e.g., Billing, Account"
+            @input=${(e) => this._handleFieldChange(item.index, 'category', e.target.value)}
+            class="se-w-full se-p-2 se-rounded se-border se-border-border-primary se-bg-input-field-bg se-text-text-primary se-text-sm"
+          />
+        </div>
+
+        ${q.rationale
+                ? html `
+          <div>
+            <span class="se-text-[11px] se-font-semibold se-text-text-secondary se-mb-1 se-block">AI Rationale</span>
+            <div class="se-p-2 se-rounded se-border se-border-dashed se-border-border-primary se-bg-card-bg se-text-text-secondary se-text-xs se-mb-2">
+              ${q.rationale.why}
+            </div>
+          </div>
+        `
+                : nothing}
+      </div>
+    `;
+        };
+        this._renderListMode = (items) => {
+            if (items.length === 0) {
+                return html `<div class="se-text-center se-py-8 se-px-4 se-text-text-secondary se-text-sm">
+        No FAQ questions configured.
+      </div>`;
+            }
+            return html `
+      <div class="se-text-[11px] se-font-semibold se-uppercase se-tracking-wider se-text-text-secondary se-mb-2 se-px-1">
+        FAQ <span class="se-text-text-tertiary se-font-normal">${items.length}</span>
+      </div>
+      ${items.map((item) => html `
+        <div
+          data-item-key=${item.key}
+          @click=${() => this._handleItemClick(item.key)}
+          class="se-p-3 se-rounded-lg se-border se-border-border-primary se-bg-card-bg se-cursor-pointer se-mb-2 se-transition-all hover:se-border-pink-4/40 hover:se-bg-pink-4/5"
+        >
+          <div class="se-flex se-items-center se-gap-2">
+            <span class="se-flex-1 se-overflow-hidden se-text-ellipsis se-whitespace-nowrap se-text-sm se-text-text-primary">
+              ${item.summary}
+            </span>
+          </div>
+          ${item.question.rationale
+                ? html `
+            <div class="se-text-[10px] se-text-text-tertiary se-mt-1">
+              WHY: ${item.question.rationale.why}
+            </div>
+          `
+                : nothing}
+        </div>
+      `)}
+    `;
+        };
+    }
+    createRenderRoot() {
+        return this;
+    }
+    render() {
+        if (!this.config) {
+            return html `<div class="se-p-8 se-text-center se-text-text-secondary se-text-sm">Loading...</div>`;
+        }
+        const items = flattenItems(this.config);
+        const editItem = this._editingKey !== null ? items.find((it) => it.key === this._editingKey) : null;
+        return html `
+      <div class="se-flex se-flex-col se-h-full">
+        <!-- Header (no Back button — panel provides that) -->
+        <div class="se-px-4 se-pt-3 se-pb-1">
+          <h2 class="se-m-0 se-text-base se-font-semibold se-text-text-primary">Review Questions</h2>
+          <p class="se-m-0 se-mt-0.5 se-text-xs se-text-text-secondary">
+            ${items.length} question${items.length !== 1 ? 's' : ''}
+          </p>
+        </div>
+
+        <div class="se-flex-1 se-overflow-auto se-p-4">
+          ${editItem
+            ? html `
+            <button type="button" @click=${() => {
+                this._editingKey = null;
+            }}
+              class="se-mb-3 se-py-1 se-px-2 se-rounded se-border-none se-bg-card-bg se-text-text-secondary se-text-xs se-cursor-pointer"
+            >← Back to list</button>
+            ${this._renderEditMode(editItem)}
+          `
+            : this._renderListMode(items)}
+        </div>
+      </div>
+    `;
+    }
+}
+FAQEditorLit.properties = {
+    config: { attribute: false },
+    onChange: { attribute: false },
+    _editingKey: { state: true },
+};
+customElements.define('se-faq-editor', FAQEditorLit);

package/dist/editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../src/editor.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAsBH,OAAO,EACL,KAAK,gBAAgB,EAErB,KAAK,SAAS,EACd,KAAK,iBAAiB,EAGvB,MAAM,SAAS,CAAC;AA6EjB,MAAM,WAAW,QAAQ;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,UAAU,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACjD,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,QAAQ,EAAE,iBAAiB,CAAC;CAC7B;AAED,wBAAgB,YAAY,CAAC,MAAM,EAAE,SAAS,GAAG,QAAQ,EAAE,CAW1D;AAwFD,wBAAgB,SAAS,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,gBAAgB,2CAgXvE;AAED;;GAEG;AACH,eAAO,MAAM,WAAW;;;;CAIvB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;CAGlB,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../src/editor.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAqBH,OAAO,EACL,KAAK,gBAAgB,EAErB,KAAK,SAAS,EACd,KAAK,iBAAiB,EAGvB,MAAM,SAAS,CAAC;AA6EjB,MAAM,WAAW,QAAQ;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,UAAU,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACjD,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,QAAQ,EAAE,iBAAiB,CAAC;CAC7B;AAED,wBAAgB,YAAY,CAAC,MAAM,EAAE,SAAS,GAAG,QAAQ,EAAE,CAW1D;AAwFD,wBAAgB,SAAS,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,gBAAgB,2CA6WvE;AAED;;GAEG;AACH,eAAO,MAAM,WAAW;;;;CAIvB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;CAGlB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/editor.js

@@ -6,7 +6,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  * Displays a scannable list of Q&A cards with trigger, rationale,
  * and inline editing. Includes detection badges and hover-to-highlight.
  */
-import { ConditionStatusLine, DetectionBadge, DismissedSection, EditorBody, EditorCard, EditorFooter, EditorHeader, EditorInput, EditorLayout, EditorTextarea, EmptyState, GroupHeader, TriggerJourney, useTriggerWhenStatus, } from '@syntrologie/shared-editor-ui';
+import { ConditionStatusLine, DetectionBadge, DismissedSection, EditorBody, EditorCard, EditorHeader, EditorInput, EditorLayout, EditorTextarea, EmptyState, GroupHeader, TriggerJourney, useTriggerWhenStatus, } from '@syntrologie/shared-editor-ui';
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { describeTrigger, summarizeFAQItem } from './summarize';
 import { isOwnAction, } from './types';
@@ -241,7 +241,7 @@ export function FAQEditor({ config, onChange, editor }) {
         onChange(updated);
         editor.setDirty(true);
     }, [typedConfig, onChange, editor]);
-    const handlePublish = useCallback(() => {
+    const _handlePublish = useCallback(() => {
         if (dismissedKeys.size > 0) {
             const filtered = filterConfig(typedConfig, dismissedKeys);
             onChange(filtered);
@@ -309,7 +309,7 @@ export function FAQEditor({ config, onChange, editor }) {
                                 })] })), dismissedItems.length > 0 && (_jsx(DismissedSection, { count: dismissedItems.length, children: dismissedItems.map((item) => (_jsxs("div", { className: "se-flex se-items-center se-gap-2 se-py-1.5 se-px-2.5 se-rounded-md se-border se-border-white/[0.03] se-bg-transparent se-mb-0.5 se-cursor-pointer se-text-xs se-text-slate-grey-6 se-opacity-60", children: [_jsx("span", { className: "se-flex-1 se-overflow-hidden se-text-ellipsis se-whitespace-nowrap se-line-through", children: item.summary }), _jsx("button", { type: "button", className: "se-py-0.5 se-px-1.5 se-rounded se-border-none se-bg-transparent se-text-blue-5 se-text-[11px] se-cursor-pointer se-shrink-0 se-leading-none", onClick: (e) => {
                                             e.stopPropagation();
                                             handleRestore(item.key);
-                                        }, children: "Restore" })] }, item.key))) }))] })) }), _jsx(EditorFooter, { onSave: () => editor.save(), onPublish: handlePublish })] }));
+                                        }, children: "Restore" })] }, item.key))) }))] })) })] }));
 }
 /**
  * Editor panel configuration for the app registry.

package/dist/faq-types.d.ts

@@ -46,6 +46,10 @@ export interface FAQWidgetRuntime {
         subscribe: (callback: () => void) => () => void;
         register: (key: string, predicate: (event: any) => boolean) => void;
     };
+    /** Session metrics for reactive triggerWhen re-evaluation */
+    sessionMetrics?: {
+        subscribe: (callback: () => void) => () => void;
+    };
 }
 export interface FAQWidgetProps {
     config: FAQConfig;

package/dist/faq-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"faq-types.d.ts","sourceRoot":"","sources":["../src/faq-types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAM3D,MAAM,WAAW,gBAAgB;IAC/B,YAAY,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,gBAAgB,CAAC,CAAC,CAAC,KAAK;QAAE,KAAK,EAAE,CAAC,CAAC;QAAC,UAAU,EAAE,OAAO,CAAA;KAAE,CAAC;IACtF,OAAO,EAAE;QAAE,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,IAAI,KAAK,MAAM,IAAI,CAAA;KAAE,CAAC;IAC7D,MAAM,EAAE;QACN,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;QACjE,SAAS,CAAC,EAAE,CACV,gBAAgB,EACZ;YAAE,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;YAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;YAAC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;SAAE,GAC7D,CAAC,CAAC,KAAK,EAAE;YAAE,IAAI,EAAE,MAAM,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;YAAC,EAAE,EAAE,MAAM,CAAA;SAAE,KAAK,IAAI,CAAC,EACpF,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE;YAAE,IAAI,EAAE,MAAM,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;YAAC,EAAE,EAAE,MAAM,CAAA;SAAE,KAAK,IAAI,KAC3F,MAAM,IAAI,CAAC;QAChB,SAAS,CAAC,EAAE,CACV,MAAM,CAAC,EAAE;YAAE,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;YAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAA;SAAE,EAClD,KAAK,CAAC,EAAE,MAAM,KACX,KAAK,CAAC;YAAE,IAAI,EAAE,MAAM,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;YAAC,EAAE,EAAE,MAAM,CAAA;SAAE,CAAC,CAAC;KAC3E,CAAC;IACF,KAAK,CAAC,EAAE;QAAE,GAAG,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC;QAAC,GAAG,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;KAAE,CAAC;IACtF,+DAA+D;IAC/D,WAAW,CAAC,EAAE;QACZ,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,IAAI,KAAK,MAAM,IAAI,CAAC;QAChD,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,OAAO,KAAK,IAAI,CAAC;KACrE,CAAC;CACH;AAMD,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,SAAS,CAAC;IAClB,OAAO,EAAE,gBAAgB,CAAC;IAC1B,UAAU,EAAE,MAAM,CAAC;CACpB"}
+{"version":3,"file":"faq-types.d.ts","sourceRoot":"","sources":["../src/faq-types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAM3D,MAAM,WAAW,gBAAgB;IAC/B,YAAY,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,gBAAgB,CAAC,CAAC,CAAC,KAAK;QAAE,KAAK,EAAE,CAAC,CAAC;QAAC,UAAU,EAAE,OAAO,CAAA;KAAE,CAAC;IACtF,OAAO,EAAE;QAAE,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,IAAI,KAAK,MAAM,IAAI,CAAA;KAAE,CAAC;IAC7D,MAAM,EAAE;QACN,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;QACjE,SAAS,CAAC,EAAE,CACV,gBAAgB,EACZ;YAAE,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;YAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;YAAC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;SAAE,GAC7D,CAAC,CAAC,KAAK,EAAE;YAAE,IAAI,EAAE,MAAM,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;YAAC,EAAE,EAAE,MAAM,CAAA;SAAE,KAAK,IAAI,CAAC,EACpF,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE;YAAE,IAAI,EAAE,MAAM,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;YAAC,EAAE,EAAE,MAAM,CAAA;SAAE,KAAK,IAAI,KAC3F,MAAM,IAAI,CAAC;QAChB,SAAS,CAAC,EAAE,CACV,MAAM,CAAC,EAAE;YAAE,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;YAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAA;SAAE,EAClD,KAAK,CAAC,EAAE,MAAM,KACX,KAAK,CAAC;YAAE,IAAI,EAAE,MAAM,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;YAAC,EAAE,EAAE,MAAM,CAAA;SAAE,CAAC,CAAC;KAC3E,CAAC;IACF,KAAK,CAAC,EAAE;QAAE,GAAG,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC;QAAC,GAAG,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;KAAE,CAAC;IACtF,+DAA+D;IAC/D,WAAW,CAAC,EAAE;QACZ,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,IAAI,KAAK,MAAM,IAAI,CAAC;QAChD,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,OAAO,KAAK,IAAI,CAAC;KACrE,CAAC;IACF,6DAA6D;IAC7D,cAAc,CAAC,EAAE;QACf,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,IAAI,KAAK,MAAM,IAAI,CAAC;KACjD,CAAC;CACH;AAMD,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,SAAS,CAAC;IAClB,OAAO,EAAE,gBAAgB,CAAC;IAC1B,UAAU,EAAE,MAAM,CAAC;CACpB"}

package/dist/runtime-lit.d.ts

@@ -0,0 +1,85 @@
+/**
+ * Adaptive FAQ - Runtime Module (Lit)
+ *
+ * Runtime manifest for the FAQ accordion adaptive.
+ * Uses the Lit web component mountable instead of the React one.
+ * Provides action executors and widget registration.
+ */
+import './FAQWidgetLit';
+import type { FAQWidgetRuntime } from './faq-types';
+import type { FAQConfig } from './types';
+/**
+ * Mountable widget interface for <syntro-faq-accordion> (Lit web component).
+ *
+ * Mirrors FAQMountableWidget but mounts the Lit element instead of a React
+ * root — no React dependency required at mount time.
+ */
+export declare const FAQWidgetLitMountable: {
+    mount(container: HTMLElement, config?: FAQConfig & {
+        runtime?: FAQWidgetRuntime;
+        instanceId?: string;
+    }): () => void;
+};
+/**
+ * Runtime manifest for adaptive-faq (Lit variant).
+ *
+ * Provides:
+ * - FAQ action executors (scroll_to, toggle_item, update)
+ * - Widget-based accordion using the Lit web component
+ */
+export declare const runtime: {
+    id: string;
+    version: string;
+    name: string;
+    description: string;
+    /**
+     * Action executors for programmatic FAQ interaction.
+     */
+    executors: readonly [{
+        readonly kind: "faq:scroll_to";
+        readonly executor: typeof import("./executors").executeScrollToFaq;
+    }, {
+        readonly kind: "faq:toggle_item";
+        readonly executor: typeof import("./executors").executeToggleFaqItem;
+    }, {
+        readonly kind: "faq:update";
+        readonly executor: typeof import("./executors").executeUpdateFaq;
+    }];
+    /**
+     * Widget definitions for the runtime's WidgetRegistry.
+     */
+    widgets: {
+        id: string;
+        component: {
+            mount(container: HTMLElement, config?: FAQConfig & {
+                runtime?: FAQWidgetRuntime;
+                instanceId?: string;
+            }): () => void;
+        };
+        metadata: {
+            name: string;
+            description: string;
+            icon: string;
+            subtitle: string;
+        };
+    }[];
+    /**
+     * Extract notify watcher entries from tile config props.
+     * The runtime evaluates these continuously (even with drawer closed)
+     * and publishes faq:question_revealed when triggerWhen transitions false → true.
+     */
+    notifyWatchers(props: Record<string, unknown>): {
+        id: string;
+        strategy: import("./types").DecisionStrategy<boolean>;
+        eventName: string;
+        eventProps: {
+            questionId: string;
+            question: string;
+            title: string | undefined;
+            body: string | undefined;
+            icon: string | undefined;
+        };
+    }[];
+};
+export default runtime;
+//# sourceMappingURL=runtime-lit.d.ts.map

package/dist/runtime-lit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"runtime-lit.d.ts","sourceRoot":"","sources":["../src/runtime-lit.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,gBAAgB,CAAC;AACxB,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AACpD,OAAO,KAAK,EAAE,SAAS,EAAqB,MAAM,SAAS,CAAC;AAM5D;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB;qBAEnB,WAAW,WACb,SAAS,GAAG;QAAE,OAAO,CAAC,EAAE,gBAAgB,CAAC;QAAC,UAAU,CAAC,EAAE,MAAM,CAAA;KAAE;CA4B3E,CAAC;AAMF;;;;;;GAMG;AACH,eAAO,MAAM,OAAO;;;;;IAOlB;;OAEG;;;;;;;;;;;IAGH;;OAEG;;;;6BAxDU,WAAW,WACb,SAAS,GAAG;gBAAE,OAAO,CAAC,EAAE,gBAAgB,CAAC;gBAAC,UAAU,CAAC,EAAE,MAAM,CAAA;aAAE;;;;;;;;;IAqE1E;;;;OAIG;0BACmB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;;;;;;;;;;;;CAiB9C,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/runtime-lit.js

@@ -0,0 +1,94 @@
+/**
+ * Adaptive FAQ - Runtime Module (Lit)
+ *
+ * Runtime manifest for the FAQ accordion adaptive.
+ * Uses the Lit web component mountable instead of the React one.
+ * Provides action executors and widget registration.
+ */
+import { executorDefinitions } from './executors';
+import './FAQWidgetLit'; // registers <syntro-faq-accordion> custom element
+// ============================================================================
+// Lit Mountable Widget
+// ============================================================================
+/**
+ * Mountable widget interface for <syntro-faq-accordion> (Lit web component).
+ *
+ * Mirrors FAQMountableWidget but mounts the Lit element instead of a React
+ * root — no React dependency required at mount time.
+ */
+export const FAQWidgetLitMountable = {
+    mount(container, config) {
+        const { runtime, instanceId = 'faq-widget', ...faqConfig } = config ?? {
+            expandBehavior: 'single',
+            searchable: false,
+            theme: 'auto',
+            actions: [],
+        };
+        const el = document.createElement('syntro-faq-accordion');
+        Object.assign(el, {
+            faqConfig: faqConfig,
+            runtime: runtime ?? null,
+            instanceId,
+        });
+        container.appendChild(el);
+        return () => el.remove();
+    },
+};
+// ============================================================================
+// App Runtime Manifest
+// ============================================================================
+/**
+ * Runtime manifest for adaptive-faq (Lit variant).
+ *
+ * Provides:
+ * - FAQ action executors (scroll_to, toggle_item, update)
+ * - Widget-based accordion using the Lit web component
+ */
+export const runtime = {
+    id: 'adaptive-faq',
+    version: '2.0.0',
+    name: 'FAQ Accordion',
+    description: 'Collapsible Q&A accordion with actions, rich content, feedback, and personalization',
+    /**
+     * Action executors for programmatic FAQ interaction.
+     */
+    executors: executorDefinitions,
+    /**
+     * Widget definitions for the runtime's WidgetRegistry.
+     */
+    widgets: [
+        {
+            id: 'adaptive-faq:accordion',
+            component: FAQWidgetLitMountable,
+            metadata: {
+                name: 'FAQ Accordion',
+                description: 'Collapsible Q&A accordion with search, categories, and feedback',
+                icon: '❓',
+                subtitle: 'Curated just for you.',
+            },
+        },
+    ],
+    /**
+     * Extract notify watcher entries from tile config props.
+     * The runtime evaluates these continuously (even with drawer closed)
+     * and publishes faq:question_revealed when triggerWhen transitions false → true.
+     */
+    notifyWatchers(props) {
+        const actions = (props.actions ?? []);
+        return actions
+            .filter((a) => a.notify && a.triggerWhen)
+            .map((a) => ({
+            id: `faq:${a.config.id}`,
+            strategy: a.triggerWhen,
+            eventName: 'faq:question_revealed',
+            eventProps: {
+                questionId: a.config.id,
+                question: a.config.question,
+                title: a.notify.title,
+                body: a.notify.body,
+                icon: a.notify.icon,
+            },
+        }));
+    },
+};
+export default runtime;

package/dist/runtime.d.ts

@@ -4,6 +4,21 @@
  * Runtime manifest for the FAQ accordion adaptive.
  * Provides action executors and widget registration.
  */
+import './FAQWidgetLit';
+import type { FAQWidgetRuntime } from './faq-types';
+import type { FAQConfig } from './types';
+/**
+ * Mountable widget interface for <syntro-faq-accordion> (Lit web component).
+ *
+ * Mirrors FAQMountableWidget but mounts the Lit element instead of a React
+ * root — no React dependency required at mount time.
+ */
+export declare const FAQWidgetLitMountable: {
+    mount(container: HTMLElement, config?: FAQConfig & {
+        runtime?: FAQWidgetRuntime;
+        instanceId?: string;
+    }): () => void;
+};
 /**
  * Runtime manifest for adaptive-faq.
  *
@@ -35,8 +50,8 @@ export declare const runtime: {
     widgets: {
         id: string;
         component: {
-            mount(container: HTMLElement, config?: import("./types").FAQConfig & {
-                runtime?: import("./faq-types").FAQWidgetRuntime;
+            mount(container: HTMLElement, config?: FAQConfig & {
+                runtime?: FAQWidgetRuntime;
                 instanceId?: string;
             }): (() => void) | undefined;
         };

package/dist/runtime.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"runtime.d.ts","sourceRoot":"","sources":["../src/runtime.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAUH;;;;;;GAMG;AACH,eAAO,MAAM,OAAO;;;;;IAOlB;;OAEG;;;;;;;;;;;IAGH;;OAEG;;;;;uBAuCyqhB,CAAC;0BAA8B,CAAC;;;;;;;;;;IAzB5shB;;;;OAIG;0BACmB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;;;;;;;;;;;;CAiB9C,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"runtime.d.ts","sourceRoot":"","sources":["../src/runtime.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,gBAAgB,CAAC;AACxB,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AACpD,OAAO,KAAK,EAAE,SAAS,EAAqB,MAAM,SAAS,CAAC;AAM5D;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB;qBAEnB,WAAW,WACb,SAAS,GAAG;QAAE,OAAO,CAAC,EAAE,gBAAgB,CAAC;QAAC,UAAU,CAAC,EAAE,MAAM,CAAA;KAAE;CA4B3E,CAAC;AAMF;;;;;;GAMG;AACH,eAAO,MAAM,OAAO;;;;;IAOlB;;OAEG;;;;;;;;;;;IAGH;;OAEG;;;;;uBAuCm5e,CAAC;0BAA8B,CAAC;;;;;;;;;;IAzBt7e;;;;OAIG;0BACmB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;;;;;;;;;;;;CAiB9C,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/runtime.js

@@ -6,6 +6,34 @@
  */
 import { executorDefinitions } from './executors';
 import { FAQMountableWidget } from './FAQWidget';
+import './FAQWidgetLit'; // registers <syntro-faq-accordion> custom element
+// ============================================================================
+// Lit Mountable Widget
+// ============================================================================
+/**
+ * Mountable widget interface for <syntro-faq-accordion> (Lit web component).
+ *
+ * Mirrors FAQMountableWidget but mounts the Lit element instead of a React
+ * root — no React dependency required at mount time.
+ */
+export const FAQWidgetLitMountable = {
+    mount(container, config) {
+        const { runtime, instanceId = 'faq-widget', ...faqConfig } = config ?? {
+            expandBehavior: 'single',
+            searchable: false,
+            theme: 'auto',
+            actions: [],
+        };
+        const el = document.createElement('syntro-faq-accordion');
+        Object.assign(el, {
+            faqConfig: faqConfig,
+            runtime: runtime ?? null,
+            instanceId,
+        });
+        container.appendChild(el);
+        return () => el.remove();
+    },
+};
 // ============================================================================
 // App Runtime Manifest
 // ============================================================================