@syntrologie/adapt-faq 0.0.0-semantically-released → 2.0.1

package/dist/FAQWidget.d.ts

@@ -7,7 +7,28 @@
  * Demonstrates the compositional action pattern where child actions
  * (faq:question) serve as configuration data for the parent widget.
  */
-import type { FAQWidgetProps, FAQConfig, FAQWidgetRuntime } from './types';
+import type { FAQConfig, DecisionStrategy } from './types';
+export interface FAQWidgetRuntime {
+    evaluateSync: <T>(strategy: DecisionStrategy<T>) => {
+        value: T;
+        isFallback: boolean;
+    };
+    context: {
+        subscribe: (callback: () => void) => () => void;
+    };
+    events: {
+        publish: (name: string, props?: Record<string, unknown>) => void;
+    };
+    state?: {
+        get: (key: string) => unknown;
+        set: (key: string, value: unknown) => void;
+    };
+}
+interface FAQWidgetProps {
+    config: FAQConfig;
+    runtime: FAQWidgetRuntime;
+    instanceId: string;
+}
 /**
  * FAQWidget - Renders a collapsible Q&A accordion with per-item activation.
  *

package/dist/FAQWidget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FAQWidget.d.ts","sourceRoot":"","sources":["../src/FAQWidget.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAGH,OAAO,KAAK,EAAE,cAAc,EAAqB,SAAS,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AA6N9F;;;;;;;;GAQG;AACH,wBAAgB,SAAS,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,cAAc,2CAuJxE;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;AAKH,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,2CAqOxE;AAMD;;GAEG;AACH,eAAO,MAAM,kBAAkB;qBAEhB,WAAW,WACb,SAAS,GAAG;QAAE,OAAO,CAAC,EAAE,gBAAgB,CAAC;QAAC,UAAU,CAAC,EAAE,MAAM,CAAA;KAAE;CA+C3E,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/FAQWidget.js

@@ -8,7 +8,43 @@ 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 { useEffect, useReducer, useMemo, useCallback, useState } from 'react';
+import React, { useEffect, useReducer, useMemo, useCallback, useState } from 'react';
+import { createRoot } from 'react-dom/client';
+// ============================================================================
+// Helpers
+// ============================================================================
+/** Extract plain text from an FAQAnswer for search matching */
+function getAnswerText(answer) {
+    if (typeof answer === 'string')
+        return answer;
+    if (answer.type === 'rich')
+        return answer.html;
+    return answer.content;
+}
+/** Render an FAQAnswer based on its type */
+function renderAnswer(answer) {
+    if (typeof answer === 'string') {
+        return _jsx("p", { style: { margin: 0 }, children: answer });
+    }
+    if (answer.type === 'rich') {
+        return _jsx("div", { style: { margin: 0 }, dangerouslySetInnerHTML: { __html: answer.html } });
+    }
+    // markdown — render content as text (full markdown rendering is a future enhancement)
+    return _jsx("p", { style: { margin: 0 }, children: answer.content });
+}
+/** Resolve feedback config into a normalized FeedbackConfig or null */
+function resolveFeedbackConfig(feedback) {
+    if (!feedback)
+        return null;
+    if (feedback === true) {
+        return { style: 'thumbs' };
+    }
+    return feedback;
+}
+/** Get the feedback prompt text */
+function getFeedbackPrompt(feedbackConfig) {
+    return feedbackConfig.prompt || 'Was this helpful?';
+}
 // ============================================================================
 // Styles
 // ============================================================================
@@ -73,6 +109,36 @@ const baseStyles = {
         borderRadius: '4px',
         marginBottom: '8px',
     },
+    categoryHeader: {
+        fontSize: '13px',
+        fontWeight: 700,
+        textTransform: 'uppercase',
+        letterSpacing: '0.05em',
+        padding: '12px 4px 6px 4px',
+        marginTop: '8px',
+    },
+    feedback: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: '8px',
+        marginTop: '12px',
+        paddingTop: '10px',
+        borderTop: '1px solid rgba(0, 0, 0, 0.08)',
+        fontSize: '13px',
+    },
+    feedbackButton: {
+        background: 'none',
+        border: '1px solid transparent',
+        cursor: 'pointer',
+        fontSize: '16px',
+        padding: '4px 8px',
+        borderRadius: '4px',
+        transition: 'background-color 0.15s ease, border-color 0.15s ease',
+    },
+    feedbackButtonSelected: {
+        borderColor: 'rgba(0, 0, 0, 0.2)',
+        backgroundColor: 'rgba(0, 0, 0, 0.04)',
+    },
     emptyState: {
         textAlign: 'center',
         padding: '48px 24px',
@@ -116,9 +182,15 @@ const themeStyles = {
             backgroundColor: '#e0e7ff',
             color: '#4338ca',
         },
+        categoryHeader: {
+            color: '#6b7280',
+        },
         emptyState: {
             color: '#9ca3af',
         },
+        feedbackPrompt: {
+            color: '#6b7280',
+        },
     },
     dark: {
         container: {
@@ -151,15 +223,21 @@ const themeStyles = {
             backgroundColor: '#312e81',
             color: '#a5b4fc',
         },
+        categoryHeader: {
+            color: '#9ca3af',
+        },
         emptyState: {
             color: '#6b7280',
         },
+        feedbackPrompt: {
+            color: '#9ca3af',
+        },
     },
 };
-function FAQItem({ item, isExpanded, onToggle, theme }) {
+function FAQItem({ item, isExpanded, onToggle, theme, feedbackConfig, feedbackValue, onFeedback, }) {
     const [isHovered, setIsHovered] = useState(false);
     const colors = themeStyles[theme];
-    const { question, answer, category } = item.config;
+    const { question, answer } = item.config;
     const itemStyle = {
         ...baseStyles.item,
         ...colors.item,
@@ -180,11 +258,17 @@ function FAQItem({ item, isExpanded, onToggle, theme }) {
         maxHeight: isExpanded ? '500px' : '0',
         paddingBottom: isExpanded ? '16px' : '0',
     };
-    const categoryStyle = {
-        ...baseStyles.category,
-        ...colors.category,
+    const feedbackStyle = {
+        ...baseStyles.feedback,
+        ...colors.feedbackPrompt,
     };
-    return (_jsxs("div", { style: itemStyle, children: [_jsxs("button", { style: questionStyle, onClick: onToggle, onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), "aria-expanded": isExpanded, children: [_jsx("span", { children: question }), _jsx("span", { style: chevronStyle, children: "\u25BC" })] }), _jsxs("div", { style: answerStyle, "aria-hidden": !isExpanded, children: [category && _jsx("span", { style: categoryStyle, children: category }), _jsx("p", { style: { margin: 0 }, children: answer })] })] }));
+    return (_jsxs("div", { style: itemStyle, "data-faq-item-id": item.config.id, children: [_jsxs("button", { style: questionStyle, onClick: onToggle, onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), "aria-expanded": isExpanded, children: [_jsx("span", { children: question }), _jsx("span", { style: chevronStyle, children: '\u25BC' })] }), _jsxs("div", { style: answerStyle, "aria-hidden": !isExpanded, children: [renderAnswer(answer), isExpanded && feedbackConfig && (_jsxs("div", { style: feedbackStyle, children: [_jsx("span", { children: getFeedbackPrompt(feedbackConfig) }), _jsx("button", { style: {
+                                    ...baseStyles.feedbackButton,
+                                    ...(feedbackValue === 'up' ? baseStyles.feedbackButtonSelected : {}),
+                                }, "aria-label": "Thumbs up", onClick: () => onFeedback(item.config.id, question, 'up'), children: '\uD83D\uDC4D' }), _jsx("button", { style: {
+                                    ...baseStyles.feedbackButton,
+                                    ...(feedbackValue === 'down' ? baseStyles.feedbackButtonSelected : {}),
+                                }, "aria-label": "Thumbs down", onClick: () => onFeedback(item.config.id, question, 'down'), children: '\uD83D\uDC4E' })] }))] })] }));
 }
 // ============================================================================
 // FAQWidget Component
@@ -205,6 +289,10 @@ export function FAQWidget({ config, runtime, instanceId }) {
     const [expandedIds, setExpandedIds] = useState(new Set());
     // Search query state
     const [searchQuery, setSearchQuery] = useState('');
+    // Track feedback state per item
+    const [feedbackState, setFeedbackState] = useState(new Map());
+    // Resolve feedback config
+    const feedbackConfig = useMemo(() => resolveFeedbackConfig(config.feedback), [config.feedback]);
     // Subscribe to context changes for reactive updates
     useEffect(() => {
         const unsubscribe = runtime.context.subscribe(() => {
@@ -213,27 +301,47 @@ export function FAQWidget({ config, runtime, instanceId }) {
         return unsubscribe;
     }, [runtime.context]);
     // Filter visible questions based on per-item showWhen
-    const visibleQuestions = useMemo(() => {
-        return config.actions.filter((q) => {
-            // No showWhen = always visible
-            if (!q.showWhen)
-                return true;
-            // Evaluate the decision strategy
-            const result = runtime.evaluateSync(q.showWhen);
-            return result.value;
-        });
-    }, [config.actions, runtime]);
+    const visibleQuestions = useMemo(() => config.actions.filter((q) => {
+        // No showWhen = always visible
+        if (!q.showWhen)
+            return true;
+        // Evaluate the decision strategy
+        const result = runtime.evaluateSync(q.showWhen);
+        return result.value;
+    }), [config.actions, runtime]);
+    // Apply priority ordering
+    const orderedQuestions = useMemo(() => {
+        if (config.ordering === 'priority') {
+            return [...visibleQuestions].sort((a, b) => (b.config.priority ?? 0) - (a.config.priority ?? 0));
+        }
+        // 'static' or undefined — preserve config order
+        return visibleQuestions;
+    }, [visibleQuestions, config.ordering]);
     // Apply search filter
     const filteredQuestions = useMemo(() => {
         if (!config.searchable || !searchQuery.trim()) {
-            return visibleQuestions;
+            return orderedQuestions;
         }
         const query = searchQuery.toLowerCase();
-        return visibleQuestions.filter((q) => q.config.question.toLowerCase().includes(query) ||
-            q.config.answer.toLowerCase().includes(query) ||
+        return orderedQuestions.filter((q) => q.config.question.toLowerCase().includes(query) ||
+            getAnswerText(q.config.answer).toLowerCase().includes(query) ||
             q.config.category?.toLowerCase().includes(query));
-    }, [visibleQuestions, searchQuery, config.searchable]);
-    // Resolve theme (auto → detect system preference)
+    }, [orderedQuestions, searchQuery, config.searchable]);
+    // Group by category
+    const categoryGroups = useMemo(() => {
+        const groups = new Map();
+        for (const q of filteredQuestions) {
+            const cat = q.config.category;
+            if (!groups.has(cat)) {
+                groups.set(cat, []);
+            }
+            groups.get(cat).push(q);
+        }
+        return groups;
+    }, [filteredQuestions]);
+    // Check if any items have categories
+    const hasCategories = useMemo(() => filteredQuestions.some((q) => q.config.category), [filteredQuestions]);
+    // Resolve theme (auto -> detect system preference)
     const resolvedTheme = useMemo(() => {
         if (config.theme !== 'auto')
             return config.theme;
@@ -254,16 +362,14 @@ export function FAQWidget({ config, runtime, instanceId }) {
                 }
                 return new Set([id]);
             }
+            // Multiple mode: toggle this one
+            if (prev.has(id)) {
+                next.delete(id);
+            }
             else {
-                // Multiple mode: toggle this one
-                if (prev.has(id)) {
-                    next.delete(id);
-                }
-                else {
-                    next.add(id);
-                }
-                return next;
+                next.add(id);
             }
+            return next;
         });
         // Publish toggle event for analytics
         runtime.events.publish('faq:toggled', {
@@ -273,6 +379,19 @@ export function FAQWidget({ config, runtime, instanceId }) {
             timestamp: Date.now(),
         });
     }, [config.expandBehavior, runtime.events, instanceId, expandedIds]);
+    // Handle feedback
+    const handleFeedback = useCallback((itemId, question, value) => {
+        setFeedbackState((prev) => {
+            const next = new Map(prev);
+            next.set(itemId, value);
+            return next;
+        });
+        runtime.events.publish('faq:feedback', {
+            itemId,
+            question,
+            value,
+        });
+    }, [runtime.events]);
     // Compute styles
     const containerStyle = {
         ...baseStyles.container,
@@ -286,11 +405,19 @@ export function FAQWidget({ config, runtime, instanceId }) {
         ...baseStyles.emptyState,
         ...themeStyles[resolvedTheme].emptyState,
     };
+    const categoryHeaderStyle = {
+        ...baseStyles.categoryHeader,
+        ...themeStyles[resolvedTheme].categoryHeader,
+    };
+    // Render a list of FAQ items
+    const renderItems = (items) => items.map((q) => (_jsx(FAQItem, { item: q, isExpanded: expandedIds.has(q.config.id), onToggle: () => handleToggle(q.config.id), theme: resolvedTheme, feedbackConfig: feedbackConfig, feedbackValue: feedbackState.get(q.config.id), onFeedback: handleFeedback }, q.config.id)));
     // Empty state (no visible questions at all)
     if (visibleQuestions.length === 0) {
         return (_jsx("div", { style: containerStyle, "data-adaptive-id": instanceId, "data-adaptive-type": "adaptive-faq", children: _jsx("div", { style: emptyStateStyle, children: "No FAQ questions available." }) }));
     }
-    return (_jsxs("div", { style: containerStyle, "data-adaptive-id": instanceId, "data-adaptive-type": "adaptive-faq", children: [config.searchable && (_jsx("div", { style: baseStyles.searchWrapper, children: _jsx("input", { type: "text", placeholder: "Search questions...", value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), style: searchInputStyle }) })), _jsx("div", { style: baseStyles.accordion, children: filteredQuestions.map((q) => (_jsx(FAQItem, { item: q, isExpanded: expandedIds.has(q.config.id), onToggle: () => handleToggle(q.config.id), theme: resolvedTheme }, q.config.id))) }), config.searchable && filteredQuestions.length === 0 && searchQuery && (_jsxs("div", { style: { ...baseStyles.noResults, ...themeStyles[resolvedTheme].emptyState }, children: ["No questions found matching \"", searchQuery, "\""] }))] }));
+    return (_jsxs("div", { style: containerStyle, "data-adaptive-id": instanceId, "data-adaptive-type": "adaptive-faq", children: [config.searchable && (_jsx("div", { style: baseStyles.searchWrapper, children: _jsx("input", { type: "text", placeholder: "Search questions...", value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), style: searchInputStyle }) })), _jsx("div", { style: baseStyles.accordion, children: hasCategories
+                    ? Array.from(categoryGroups.entries()).map(([category, items]) => (_jsxs(React.Fragment, { children: [category && (_jsx("div", { style: categoryHeaderStyle, "data-category-header": category, children: category })), renderItems(items)] }, category ?? '__ungrouped')))
+                    : renderItems(filteredQuestions) }), config.searchable && filteredQuestions.length === 0 && searchQuery && (_jsxs("div", { style: { ...baseStyles.noResults, ...themeStyles[resolvedTheme].emptyState }, children: ["No questions found matching \"", searchQuery, "\""] }))] }));
 }
 // ============================================================================
 // Mountable Widget Interface
@@ -300,30 +427,36 @@ 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;">${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 for non-React environments
+        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>
+    `;
         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.
@@ -14,12 +15,21 @@ export declare const manifest: {
     name: string;
     description: string;
     runtime: {
-        actions: never[];
+        actions: 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;
+        }];
         widgets: {
             id: string;
             component: {
                 mount(container: HTMLElement, config?: import("./types").FAQConfig & {
-                    runtime?: import("./types").FAQWidgetRuntime;
+                    runtime?: import("./FAQWidget").FAQWidgetRuntime;
                     instanceId?: string;
                 }): () => void;
             };
@@ -30,6 +40,14 @@ export declare const manifest: {
             };
         }[];
     };
+    editor: {
+        component: typeof FAQEditor;
+        panel: {
+            title: string;
+            icon: string;
+            description: 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;;;;;;;;;;;2BA2BixT,CAAC;8BAA8B,CAAC;;;;;;;;;;;;;CAdr0T,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;AAGlD;;;GAGG;AACH,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;2BA2B8kgB,CAAC;8BAA8B,CAAC;;;;;;;;;;;;;;;;;;;;;CAdlogB,CAAC;AAaF,eAAe,QAAQ,CAAC"}

package/dist/cdn.js

@@ -4,21 +4,22 @@
  * 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: {
-        // FAQ is widget-based, no action executors
-        actions: [],
+        actions: runtime.executors,
         widgets: runtime.widgets,
     },
+    editor: { component: FAQEditor, panel: editorPanel },
     metadata: {
         isBuiltIn: false,
     },
@@ -28,9 +29,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;AAGH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAqMhD,wBAAgB,SAAS,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,gBAAgB,2CAgNvE;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;AAKH,OAAO,EAKL,KAAK,gBAAgB,EAEtB,MAAM,SAAS,CAAC;AAgbjB,wBAAgB,SAAS,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,gBAAgB,2CA0WvE;AAED;;GAEG;AACH,eAAO,MAAM,WAAW;;;;CAIvB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;CAGlB,CAAC;AAEF,eAAe,SAAS,CAAC"}