@syntrologie/adapt-faq 2.1.0-canary.9 → 2.1.0

package/dist/FAQWidget.d.ts

@@ -18,11 +18,37 @@ export interface FAQWidgetRuntime {
     };
     events: {
         publish: (name: string, props?: Record<string, unknown>) => void;
+        subscribe?: (filterOrCallback: {
+            names?: string[];
+            patterns?: string[];
+            sources?: string[];
+        } | ((event: {
+            name: string;
+            props?: Record<string, unknown>;
+            ts: number;
+        }) => void), maybeCallback?: (event: {
+            name: string;
+            props?: Record<string, unknown>;
+            ts: number;
+        }) => void) => () => void;
+        getRecent?: (filter?: {
+            names?: string[];
+            patterns?: string[];
+        }, limit?: number) => Array<{
+            name: string;
+            props?: Record<string, unknown>;
+            ts: number;
+        }>;
     };
     state?: {
         get: (key: string) => unknown;
         set: (key: string, value: unknown) => void;
     };
+    /** Event accumulator for reactive showWhen re-evaluation */
+    accumulator?: {
+        subscribe: (callback: () => void) => () => void;
+        register: (key: string, predicate: (event: any) => boolean) => void;
+    };
 }
 interface FAQWidgetProps {
     config: FAQConfig;

package/dist/FAQWidget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FAQWidget.d.ts","sourceRoot":"","sources":["../src/FAQWidget.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAIH,OAAO,KAAK,EAEV,SAAS,EAIT,gBAAgB,EACjB,MAAM,SAAS,CAAC;AA0CjB,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;QAAE,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAA;KAAE,CAAC;IAC7E,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;CACvF;AAED,UAAU,cAAc;IACtB,MAAM,EAAE,SAAS,CAAC;IAClB,OAAO,EAAE,gBAAgB,CAAC;IAC1B,UAAU,EAAE,MAAM,CAAC;CACpB;AA4SD;;;;;;;;GAQG;AACH,wBAAgB,SAAS,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,cAAc,2CAoOxE;AAMD;;GAEG;AACH,eAAO,MAAM,kBAAkB;qBAEhB,WAAW,WACb,SAAS,GAAG;QAAE,OAAO,CAAC,EAAE,gBAAgB,CAAC;QAAC,UAAU,CAAC,EAAE,MAAM,CAAA;KAAE;CAuC3E,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"FAQWidget.d.ts","sourceRoot":"","sources":["../src/FAQWidget.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAMH,OAAO,KAAK,EAEV,SAAS,EAIT,gBAAgB,EACjB,MAAM,SAAS,CAAC;AA0CjB,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,4DAA4D;IAC5D,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;AAED,UAAU,cAAc;IACtB,MAAM,EAAE,SAAS,CAAC;IAClB,OAAO,EAAE,gBAAgB,CAAC;IAC1B,UAAU,EAAE,MAAM,CAAC;CACpB;AA4SD;;;;;;;;GAQG;AACH,wBAAgB,SAAS,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,cAAc,2CA2UxE;AAMD;;GAEG;AACH,eAAO,MAAM,kBAAkB;qBAEhB,WAAW,WACb,SAAS,GAAG;QAAE,OAAO,CAAC,EAAE,gBAAgB,CAAC;QAAC,UAAU,CAAC,EAAE,MAAM,CAAA;KAAE;CAiD3E,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/FAQWidget.js

@@ -8,7 +8,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * Demonstrates the compositional action pattern where child actions
  * (faq:question) serve as configuration data for the parent widget.
  */
+import { base, slateGrey, purple } from '@syntro/design-system/tokens';
 import React, { useEffect, useReducer, useMemo, useCallback, useState } from 'react';
+import { createRoot } from 'react-dom/client';
 // ============================================================================
 // Helpers
 // ============================================================================
@@ -152,84 +154,84 @@ const baseStyles = {
 const themeStyles = {
     light: {
         container: {
-            backgroundColor: '#ffffff',
-            color: '#111827',
+            backgroundColor: base.white,
+            color: slateGrey[1],
         },
         searchInput: {
-            backgroundColor: '#f9fafb',
-            border: '1px solid #e5e7eb',
-            color: '#111827',
+            backgroundColor: slateGrey[12],
+            border: `1px solid ${slateGrey[11]}`,
+            color: slateGrey[1],
         },
         item: {
-            backgroundColor: '#f9fafb',
-            border: '1px solid #e5e7eb',
+            backgroundColor: slateGrey[12],
+            border: `1px solid ${slateGrey[11]}`,
         },
         itemExpanded: {
             boxShadow: '0 4px 12px rgba(0, 0, 0, 0.08)',
         },
         question: {
             backgroundColor: 'transparent',
-            color: '#111827',
+            color: slateGrey[1],
         },
         questionHover: {
-            backgroundColor: '#f3f4f6',
+            backgroundColor: slateGrey[12],
         },
         answer: {
-            color: '#4b5563',
+            color: slateGrey[6],
         },
         category: {
-            backgroundColor: '#e0e7ff',
-            color: '#4338ca',
+            backgroundColor: purple[8],
+            color: purple[2],
         },
         categoryHeader: {
-            color: '#6b7280',
+            color: slateGrey[7],
         },
         emptyState: {
-            color: '#9ca3af',
+            color: slateGrey[8],
         },
         feedbackPrompt: {
-            color: '#6b7280',
+            color: slateGrey[7],
         },
     },
     dark: {
         container: {
-            backgroundColor: '#111827',
-            color: '#f9fafb',
+            backgroundColor: slateGrey[1],
+            color: slateGrey[12],
         },
         searchInput: {
-            backgroundColor: '#1f2937',
-            border: '1px solid #374151',
-            color: '#f9fafb',
+            backgroundColor: slateGrey[3],
+            border: `1px solid ${slateGrey[5]}`,
+            color: slateGrey[12],
         },
         item: {
-            backgroundColor: '#1f2937',
-            border: '1px solid #374151',
+            backgroundColor: slateGrey[3],
+            border: `1px solid ${slateGrey[5]}`,
         },
         itemExpanded: {
             boxShadow: '0 4px 12px rgba(0, 0, 0, 0.3)',
         },
         question: {
             backgroundColor: 'transparent',
-            color: '#f9fafb',
+            color: slateGrey[12],
         },
         questionHover: {
-            backgroundColor: '#374151',
+            backgroundColor: slateGrey[5],
         },
         answer: {
-            color: '#9ca3af',
+            color: slateGrey[8],
         },
         category: {
-            backgroundColor: '#312e81',
-            color: '#a5b4fc',
+            backgroundColor: purple[0],
+            color: purple[6],
         },
         categoryHeader: {
-            color: '#9ca3af',
+            color: slateGrey[8],
         },
         emptyState: {
-            color: '#6b7280',
+            color: slateGrey[7],
         },
         feedbackPrompt: {
-            color: '#9ca3af',
+            color: slateGrey[8],
         },
     },
 };
@@ -282,8 +284,9 @@ function FAQItem({ item, isExpanded, onToggle, theme, feedbackConfig, feedbackVa
  * - Parent manages expand state and re-rendering on context changes
  */
 export function FAQWidget({ config, runtime, instanceId }) {
-    // Force re-render when context changes
-    const [, forceUpdate] = useReducer((x) => x + 1, 0);
+    // Force re-render when context/accumulator changes.
+    // renderTick is used as a useMemo dependency to invalidate cached showWhen evaluations.
+    const [renderTick, forceUpdate] = useReducer((x) => x + 1, 0);
     // Track expanded question IDs
     const [expandedIds, setExpandedIds] = useState(new Set());
     // Search query state
@@ -299,6 +302,94 @@ export function FAQWidget({ config, runtime, instanceId }) {
         });
         return unsubscribe;
     }, [runtime.context]);
+    // Subscribe to accumulator changes for event_count-based showWhen
+    useEffect(() => {
+        if (!runtime.accumulator?.subscribe)
+            return;
+        return runtime.accumulator.subscribe(() => {
+            forceUpdate();
+        });
+    }, [runtime.accumulator]);
+    // Register accumulator predicates from scope config
+    useEffect(() => {
+        if (!config.scope || !runtime.accumulator?.register)
+            return;
+        const { events: eventNames, urlContains, props: propFilters } = config.scope;
+        // Scan showWhen conditions for event_count keys
+        const keys = new Set();
+        for (const action of config.actions) {
+            if (action.showWhen?.type === 'rules') {
+                for (const rule of action.showWhen.rules) {
+                    for (const cond of rule.conditions) {
+                        if (cond.type === 'event_count' && cond.key) {
+                            keys.add(cond.key);
+                        }
+                    }
+                }
+            }
+        }
+        for (const key of keys) {
+            runtime.accumulator.register(key, (event) => {
+                if (!eventNames.includes(event.name))
+                    return false;
+                if (urlContains) {
+                    const pathname = String(event.props?.pathname ?? '');
+                    if (!pathname.includes(urlContains))
+                        return false;
+                }
+                if (propFilters) {
+                    for (const [k, v] of Object.entries(propFilters)) {
+                        if (event.props?.[k] !== v)
+                            return false;
+                    }
+                }
+                return true;
+            });
+        }
+    }, [config.scope, config.actions, runtime.accumulator]);
+    // Subscribe to faq:open:* events from overlay CTA clicks
+    useEffect(() => {
+        if (!runtime.events.subscribe)
+            return;
+        // Check EventBus history for pending faq:open events
+        // (may have fired before this widget mounted, e.g. when canvas was closed)
+        if (runtime.events.getRecent) {
+            const recentEvents = runtime.events.getRecent({ patterns: ['^action\\.tooltip_cta_clicked$', '^action\\.modal_cta_clicked$'] }, 10);
+            const pendingEvent = recentEvents
+                .filter((e) => {
+                const actionId = e.props?.actionId;
+                return typeof actionId === 'string' && actionId.startsWith('faq:open:');
+            })
+                .pop(); // Most recent
+            if (pendingEvent && Date.now() - pendingEvent.ts < 10000) {
+                const questionId = pendingEvent.props.actionId.replace('faq:open:', '');
+                setExpandedIds(new Set([questionId]));
+                // Scroll into view after render
+                requestAnimationFrame(() => {
+                    const el = document.querySelector(`[data-faq-item-id="${questionId}"]`);
+                    if (el)
+                        el.scrollIntoView({ behavior: 'smooth', block: 'center' });
+                });
+            }
+        }
+        // Subscribe to future CTA events
+        const unsubscribe = runtime.events.subscribe({ patterns: ['^action\\.tooltip_cta_clicked$', '^action\\.modal_cta_clicked$'] }, (event) => {
+            const actionId = event.props?.actionId;
+            if (typeof actionId !== 'string' || !actionId.startsWith('faq:open:'))
+                return;
+            const questionId = actionId.replace('faq:open:', '');
+            setExpandedIds(new Set([questionId]));
+            // Scroll the question into view
+            requestAnimationFrame(() => {
+                const el = document.querySelector(`[data-faq-item-id="${questionId}"]`);
+                if (el)
+                    el.scrollIntoView({ behavior: 'smooth', block: 'center' });
+            });
+            // Request canvas open (for future tile-based FAQ rendering)
+            runtime.events.publish('canvas.requestOpen');
+        });
+        return unsubscribe;
+    }, [runtime]);
     // Filter visible questions based on per-item showWhen
     const visibleQuestions = useMemo(() => config.actions.filter((q) => {
         // No showWhen = always visible
@@ -307,7 +398,11 @@ export function FAQWidget({ config, runtime, instanceId }) {
         // Evaluate the decision strategy
         const result = runtime.evaluateSync(q.showWhen);
         return result.value;
-    }), [config.actions, runtime]);
+    }), 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [config.actions, runtime, renderTick]);
+    // NOTE: faq:question_revealed is now published by useNotifyWatcher in
+    // ShadowCanvasOverlay (always mounted), so it fires even with drawer closed.
     // Apply priority ordering
     const orderedQuestions = useMemo(() => {
         if (config.ordering === 'priority') {
@@ -339,9 +434,7 @@ export function FAQWidget({ config, runtime, instanceId }) {
         return groups;
     }, [filteredQuestions]);
     // Check if any items have categories
-    const hasCategories = useMemo(() => {
-        return filteredQuestions.some((q) => q.config.category);
-    }, [filteredQuestions]);
+    const hasCategories = useMemo(() => filteredQuestions.some((q) => q.config.category), [filteredQuestions]);
     // Resolve theme (auto -> detect system preference)
     const resolvedTheme = useMemo(() => {
         if (config.theme !== 'auto')
@@ -428,30 +521,38 @@ export function FAQWidget({ config, runtime, instanceId }) {
  */
 export const FAQMountableWidget = {
     mount(container, config) {
-        // This is a simplified mount for non-React environments
-        // In practice, the runtime handles React rendering
-        const { runtime, instanceId: _instanceId = 'faq-widget', ...faqConfig } = config || {
+        const { runtime, instanceId = 'faq-widget', ...faqConfig } = config || {
             expandBehavior: 'single',
             searchable: false,
             theme: 'auto',
             actions: [],
         };
-        // Create simple HTML fallback if no runtime
-        if (!runtime) {
-            const questions = faqConfig.actions || [];
-            container.innerHTML = `
-        <div style="font-family: system-ui; max-width: 800px;">
-          ${questions
-                .map((q) => `
-            <div style="margin-bottom: 8px; padding: 16px; background: #f9fafb; border-radius: 8px;">
-              <strong>${q.config.question}</strong>
-              <p style="margin-top: 8px; color: #4b5563;">${getAnswerText(q.config.answer)}</p>
-            </div>
-          `)
-                .join('')}
-        </div>
-      `;
+        // React rendering when runtime + ReactDOM are available
+        if (runtime && typeof createRoot === 'function') {
+            const root = createRoot(container);
+            root.render(React.createElement(FAQWidget, {
+                config: faqConfig,
+                runtime: runtime,
+                instanceId,
+            }));
+            return () => {
+                root.unmount();
+            };
         }
+        // HTML fallback when React is not available
+        const questions = faqConfig.actions || [];
+        container.innerHTML = `
+      <div style="font-family: system-ui; max-width: 800px;">
+        ${questions
+            .map((q) => `
+          <div style="margin-bottom: 8px; padding: 16px; background: ${slateGrey[12]}; border-radius: 8px;">
+            <strong>${q.config.question}</strong>
+            <p style="margin-top: 8px; color: ${slateGrey[6]};">${getAnswerText(q.config.answer)}</p>
+          </div>
+        `)
+            .join('')}
+      </div>
+    `;
         return () => {
             container.innerHTML = '';
         };

package/dist/cdn.d.ts

@@ -4,6 +4,7 @@
  * This module is bundled for CDN delivery and self-registers with the global
  * SynOS app registry when loaded dynamically via the AppLoader.
  */
+import FAQEditor from './editor';
 /**
  * App manifest for registry registration.
  * Follows the AppManifest interface expected by AppLoader/AppRegistry.
@@ -38,6 +39,32 @@ export declare const manifest: {
                 icon: string;
             };
         }[];
+        /**
+         * Extract notify watcher entries from tile config props.
+         * The runtime evaluates these continuously (even with drawer closed)
+         * and publishes faq:question_revealed when showWhen 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;
+            };
+        }[];
+    };
+    editor: {
+        component: typeof FAQEditor;
+        panel: {
+            title: string;
+            icon: string;
+            description: string;
+        };
+        getActionLabel(action: Record<string, unknown>): string;
     };
     metadata: {
         isBuiltIn: boolean;

package/dist/cdn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cdn.d.ts","sourceRoot":"","sources":["../src/cdn.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH;;;GAGG;AACH,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;2BA0B6ngB,CAAC;8BAA8B,CAAC;;;;;;;;;;;;;CAdjrgB,CAAC;AAaF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"cdn.d.ts","sourceRoot":"","sources":["../src/cdn.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,SAA0B,MAAM,UAAU,CAAC;AAIlD;;;GAGG;AACH,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;2BAwD2ynB,CAAC;8BAA8B,CAAC;;;;;;;;;QAhD51nB;;;;WAIG;8BACmB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;+BAqBtB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;;;;;CAQjD,CAAC;AAaF,eAAe,QAAQ,CAAC"}

package/dist/cdn.js

@@ -4,19 +4,50 @@
  * This module is bundled for CDN delivery and self-registers with the global
  * SynOS app registry when loaded dynamically via the AppLoader.
  */
+import FAQEditor, { editorPanel } from './editor';
 import { runtime } from './runtime';
 /**
  * App manifest for registry registration.
  * Follows the AppManifest interface expected by AppLoader/AppRegistry.
  */
 export const manifest = {
-    id: 'faq',
+    id: 'adaptive-faq',
     version: runtime.version,
     name: runtime.name,
     description: runtime.description,
     runtime: {
         actions: runtime.executors,
         widgets: runtime.widgets,
+        /**
+         * Extract notify watcher entries from tile config props.
+         * The runtime evaluates these continuously (even with drawer closed)
+         * and publishes faq:question_revealed when showWhen transitions false → true.
+         */
+        notifyWatchers(props) {
+            const actions = (props.actions ?? []);
+            return actions
+                .filter((a) => a.notify && a.showWhen)
+                .map((a) => ({
+                id: `faq:${a.config.id}`,
+                strategy: a.showWhen,
+                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,
+                },
+            }));
+        },
+    },
+    editor: {
+        component: FAQEditor,
+        panel: editorPanel,
+        getActionLabel(action) {
+            const config = action.config || {};
+            return config.question || action.kind || 'faq:update';
+        },
     },
     metadata: {
         isBuiltIn: false,
@@ -27,9 +58,9 @@ export const manifest = {
  * This happens when loaded via script tag (UMD).
  */
 if (typeof window !== 'undefined') {
-    const globalRegistry = window.__SYNOS_APP_REGISTRY__;
-    if (globalRegistry && typeof globalRegistry.register === 'function') {
-        globalRegistry.register(manifest);
+    const registry = window.SynOS?.appRegistry;
+    if (registry && typeof registry.register === 'function') {
+        registry.register(manifest);
     }
 }
 export default manifest;

package/dist/editor.d.ts

@@ -1,9 +1,11 @@
 /**
  * Adaptive FAQ - Editor Component
  *
- * Visual editor panel for configuring FAQ questions.
+ * Review & tweak editor for AI-generated FAQ question decisions.
+ * Displays a scannable list of Q&A cards with trigger, rationale,
+ * and inline editing. Includes detection badges and hover-to-highlight.
  */
-import type { EditorPanelProps } from './types';
+import { type EditorPanelProps } from './types';
 export declare function FAQEditor({ config, onChange, editor }: EditorPanelProps): import("react/jsx-runtime").JSX.Element;
 /**
  * Editor panel configuration for the app registry.
@@ -13,5 +15,13 @@ export declare const editorPanel: {
     icon: string;
     description: string;
 };
+export declare const editor: {
+    panel: {
+        title: string;
+        icon: string;
+        description: string;
+    };
+    component: typeof FAQEditor;
+};
 export default FAQEditor;
 //# sourceMappingURL=editor.d.ts.map

package/dist/editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../src/editor.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,KAAK,EACV,gBAAgB,EAKjB,MAAM,SAAS,CAAC;AAyNjB,wBAAgB,SAAS,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,gBAAgB,2CAgUvE;AAED;;GAEG;AACH,eAAO,MAAM,WAAW;;;;CAIvB,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../src/editor.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAsBH,OAAO,EAKL,KAAK,gBAAgB,EAEtB,MAAM,SAAS,CAAC;AAiLjB,wBAAgB,SAAS,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,gBAAgB,2CAkUvE;AAED;;GAEG;AACH,eAAO,MAAM,WAAW;;;;CAIvB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;CAGlB,CAAC;AAEF,eAAe,SAAS,CAAC"}