@pillar-ai/react 0.1.0

package/dist/index.esm.js

@@ -0,0 +1,398 @@
+import { jsx } from 'react/jsx-runtime';
+import { Pillar } from '@pillar-ai/sdk';
+import { createContext, useState, useRef, useEffect, useCallback, useMemo, useContext } from 'react';
+import { createRoot } from 'react-dom/client';
+
+// ============================================================================
+// Context
+// ============================================================================
+const PillarContext = createContext(null);
+// ============================================================================
+// Provider Component
+// ============================================================================
+function PillarProvider({ helpCenter, publicKey, config, onTask, cards, children, }) {
+    const [pillar, setPillar] = useState(null);
+    const [state, setState] = useState('uninitialized');
+    const [isPanelOpen, setIsPanelOpen] = useState(false);
+    // Keep a ref to the latest onTask callback to avoid re-subscribing
+    const onTaskRef = useRef(onTask);
+    onTaskRef.current = onTask;
+    // Keep a ref to cards to access latest versions
+    const cardsRef = useRef(cards);
+    cardsRef.current = cards;
+    // Initialize SDK
+    useEffect(() => {
+        let mounted = true;
+        const initPillar = async () => {
+            try {
+                // Pillar is a singleton - check if already initialized
+                const existingInstance = Pillar.getInstance();
+                if (existingInstance) {
+                    // Reuse existing instance (preserves chat history, panel state, etc.)
+                    if (mounted) {
+                        setPillar(existingInstance);
+                        setState(existingInstance.state);
+                        // Re-subscribe to events
+                        existingInstance.on('panel:open', () => {
+                            setIsPanelOpen(true);
+                        });
+                        existingInstance.on('panel:close', () => {
+                            setIsPanelOpen(false);
+                        });
+                    }
+                    return;
+                }
+                // Initialize new instance
+                const instance = await Pillar.init({
+                    helpCenter,
+                    publicKey,
+                    ...config,
+                });
+                if (mounted) {
+                    setPillar(instance);
+                    setState(instance.state);
+                    // Listen for panel open/close
+                    instance.on('panel:open', () => {
+                        setIsPanelOpen(true);
+                    });
+                    instance.on('panel:close', () => {
+                        setIsPanelOpen(false);
+                    });
+                }
+            }
+            catch (error) {
+                console.error('[Pillar React] Failed to initialize:', error);
+                if (mounted) {
+                    setState('error');
+                }
+            }
+        };
+        initPillar();
+        // Cleanup - DON'T destroy the singleton on unmount
+        // This preserves conversation history and panel state across navigation
+        // Pillar.destroy() should only be called explicitly when the app unmounts completely
+        return () => {
+            mounted = false;
+            // Note: We intentionally don't call Pillar.destroy() here
+            // The singleton persists to maintain state across route changes
+        };
+    }, [helpCenter, publicKey]); // Re-initialize if credentials change
+    // Update state when SDK state changes
+    useEffect(() => {
+        if (pillar) {
+            const unsubscribe = pillar.on('ready', () => {
+                setState('ready');
+            });
+            const unsubscribeError = pillar.on('error', () => {
+                setState('error');
+            });
+            return () => {
+                unsubscribe();
+                unsubscribeError();
+            };
+        }
+    }, [pillar]);
+    // Register task handler
+    useEffect(() => {
+        if (pillar) {
+            const unsubscribe = pillar.on('task:execute', (task) => {
+                onTaskRef.current?.(task);
+            });
+            return unsubscribe;
+        }
+    }, [pillar]);
+    // Register custom card renderers
+    useEffect(() => {
+        if (!pillar || !cards)
+            return;
+        const unsubscribers = [];
+        const roots = new Map();
+        // Register each card component as a vanilla renderer
+        Object.entries(cards).forEach(([cardType, Component]) => {
+            const unsubscribe = pillar.registerCard(cardType, (container, data, callbacks) => {
+                // Create a React root for this container
+                const root = createRoot(container);
+                roots.set(container, root);
+                // Render the React component
+                root.render(jsx(Component, { data: data, onConfirm: callbacks.onConfirm, onCancel: callbacks.onCancel, onStateChange: callbacks.onStateChange }));
+                // Return cleanup function
+                return () => {
+                    const existingRoot = roots.get(container);
+                    if (existingRoot) {
+                        existingRoot.unmount();
+                        roots.delete(container);
+                    }
+                };
+            });
+            unsubscribers.push(unsubscribe);
+        });
+        return () => {
+            // Cleanup all registrations
+            unsubscribers.forEach(unsub => unsub());
+            // Unmount all React roots
+            roots.forEach(root => root.unmount());
+            roots.clear();
+        };
+    }, [pillar, cards]);
+    // Actions
+    const open = useCallback((options) => {
+        pillar?.open(options);
+    }, [pillar]);
+    const close = useCallback(() => {
+        pillar?.close();
+    }, [pillar]);
+    const toggle = useCallback(() => {
+        pillar?.toggle();
+    }, [pillar]);
+    const openArticle = useCallback((slug) => {
+        pillar?.open({ article: slug });
+    }, [pillar]);
+    const openCategory = useCallback(async (slug) => {
+        pillar?.navigate('category', { slug });
+    }, [pillar]);
+    const search = useCallback((query) => {
+        pillar?.open({ search: query });
+    }, [pillar]);
+    const navigate = useCallback((view, params) => {
+        pillar?.navigate(view, params);
+    }, [pillar]);
+    const setTheme = useCallback((theme) => {
+        pillar?.setTheme(theme);
+    }, [pillar]);
+    const setTextSelectionEnabled = useCallback((enabled) => {
+        pillar?.setTextSelectionEnabled(enabled);
+    }, [pillar]);
+    const on = useCallback((event, callback) => {
+        return pillar?.on(event, callback) ?? (() => { });
+    }, [pillar]);
+    // Context value
+    const value = useMemo(() => ({
+        pillar,
+        state,
+        isReady: state === 'ready',
+        isPanelOpen,
+        open,
+        close,
+        toggle,
+        openArticle,
+        openCategory,
+        search,
+        navigate,
+        setTheme,
+        setTextSelectionEnabled,
+        on,
+    }), [pillar, state, isPanelOpen, open, close, toggle, openArticle, openCategory, search, navigate, setTheme, setTextSelectionEnabled, on]);
+    return (jsx(PillarContext.Provider, { value: value, children: children }));
+}
+// ============================================================================
+// Hook
+// ============================================================================
+function usePillarContext() {
+    const context = useContext(PillarContext);
+    if (!context) {
+        throw new Error('usePillarContext must be used within a PillarProvider');
+    }
+    return context;
+}
+
+/**
+ * Renders the Pillar help panel at a custom location in the DOM.
+ * Use this when you want to control where the panel is rendered instead of
+ * having it automatically appended to document.body.
+ *
+ * **Important**: When using this component, set `panel.container: 'manual'` in your
+ * PillarProvider config to prevent automatic mounting.
+ *
+ * @example
+ * ```tsx
+ * <PillarProvider
+ *   helpCenter="my-help"
+ *   publicKey="pk_xxx"
+ *   config={{ panel: { container: 'manual' } }}
+ * >
+ *   <div className="my-layout">
+ *     <Sidebar />
+ *     <PillarPanel className="help-panel-container" />
+ *     <MainContent />
+ *   </div>
+ * </PillarProvider>
+ * ```
+ */
+function PillarPanel({ className, style, ...props }) {
+    const containerRef = useRef(null);
+    const { pillar, isReady } = usePillarContext();
+    const hasMounted = useRef(false);
+    useEffect(() => {
+        // Only mount once when SDK is ready and we have a container
+        if (!isReady || !pillar || !containerRef.current || hasMounted.current) {
+            return;
+        }
+        // Mount the panel into our container
+        pillar.mountPanelTo(containerRef.current);
+        hasMounted.current = true;
+        // Cleanup is handled by Pillar.destroy() in the provider
+    }, [isReady, pillar]);
+    return (jsx("div", { ref: containerRef, className: className, style: style, "data-pillar-panel-container": "", ...props }));
+}
+
+/**
+ * Tooltip wrapper component that adds Pillar tooltip functionality to children
+ *
+ * @example
+ * ```tsx
+ * <Tooltip tooltipId="feature-explanation" trigger="hover">
+ *   <button>Learn More</button>
+ * </Tooltip>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <Tooltip tooltipId="input-help" trigger="icon">
+ *   <label>Email Address</label>
+ * </Tooltip>
+ * ```
+ */
+function Tooltip({ tooltipId, trigger = 'hover', position = 'auto', children, className, style, inline = true, }) {
+    const { pillar, isReady } = usePillarContext();
+    const wrapperRef = useRef(null);
+    // Set data attributes when component mounts or props change
+    useEffect(() => {
+        if (wrapperRef.current) {
+            wrapperRef.current.setAttribute('data-pillar-tooltip', tooltipId);
+            if (trigger !== 'hover') {
+                wrapperRef.current.setAttribute('data-pillar-trigger', trigger);
+            }
+            else {
+                wrapperRef.current.removeAttribute('data-pillar-trigger');
+            }
+            if (position !== 'auto') {
+                wrapperRef.current.setAttribute('data-pillar-position', position);
+            }
+            else {
+                wrapperRef.current.removeAttribute('data-pillar-position');
+            }
+        }
+    }, [tooltipId, trigger, position]);
+    // Trigger rescan when component mounts (in case it's added dynamically)
+    useEffect(() => {
+        if (isReady && pillar) {
+            // Small delay to ensure DOM is ready
+            const timeout = setTimeout(() => {
+                pillar.scanTooltips();
+            }, 100);
+            return () => clearTimeout(timeout);
+        }
+    }, [isReady, pillar, tooltipId]);
+    const Component = inline ? 'span' : 'div';
+    return (jsx(Component, { ref: wrapperRef, className: className, style: style, children: children }));
+}
+
+/**
+ * useHelpPanel Hook
+ * Panel-specific controls and state
+ */
+/**
+ * Hook for panel-specific controls
+ *
+ * @example
+ * ```tsx
+ * function HelpButton() {
+ *   const { isOpen, toggle, openChat } = useHelpPanel();
+ *
+ *   return (
+ *     <div>
+ *       <button onClick={toggle}>
+ *         {isOpen ? 'Close' : 'Help'}
+ *       </button>
+ *       <button onClick={openChat}>
+ *         Ask AI
+ *       </button>
+ *     </div>
+ *   );
+ * }
+ * ```
+ */
+function useHelpPanel() {
+    const { isPanelOpen, open, close, toggle, openArticle, openCategory, search, navigate } = usePillarContext();
+    const openSearch = useCallback((query) => {
+        if (query) {
+            search(query);
+        }
+        else {
+            open({ view: 'search' });
+        }
+    }, [search, open]);
+    const openChat = useCallback(() => {
+        navigate('chat');
+    }, [navigate]);
+    return {
+        isOpen: isPanelOpen,
+        open,
+        close,
+        toggle,
+        openArticle,
+        openCategory,
+        openSearch,
+        openChat,
+    };
+}
+
+/**
+ * usePillar Hook
+ * Access Pillar SDK instance and state with optional type-safe onTask
+ */
+/**
+ * Hook to access the Pillar SDK instance and state
+ *
+ * @example Basic usage (untyped)
+ * ```tsx
+ * function MyComponent() {
+ *   const { isReady, open, close, isPanelOpen } = usePillar();
+ *
+ *   if (!isReady) return <div>Loading...</div>;
+ *
+ *   return (
+ *     <button onClick={() => open()}>
+ *       {isPanelOpen ? 'Close Help' : 'Get Help'}
+ *     </button>
+ *   );
+ * }
+ * ```
+ *
+ * @example Type-safe onTask with action definitions
+ * ```tsx
+ * import { actions } from '@/lib/pillar/actions';
+ *
+ * function MyComponent() {
+ *   const { pillar, onTask } = usePillar<typeof actions>();
+ *
+ *   useEffect(() => {
+ *     // TypeScript knows data has { type, url, name }
+ *     const unsub = onTask('add_new_source', (data) => {
+ *       console.log(data.url); // ✓ Typed!
+ *     });
+ *     return unsub;
+ *   }, [onTask]);
+ * }
+ * ```
+ */
+function usePillar() {
+    const context = usePillarContext();
+    // Create a type-safe wrapper around pillar.onTask
+    const onTask = useCallback((taskName, handler) => {
+        if (!context.pillar) {
+            // Return no-op if pillar not ready
+            return () => { };
+        }
+        // Cast handler to match the SDK's expected type
+        // The runtime behavior is the same, this is just for type narrowing
+        return context.pillar.onTask(taskName, handler);
+    }, [context.pillar]);
+    return {
+        ...context,
+        onTask,
+    };
+}
+
+export { PillarPanel, PillarProvider, Tooltip, useHelpPanel, usePillar, usePillarContext };
+//# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../src/PillarProvider.tsx","../src/PillarPanel.tsx","../src/Tooltip.tsx","../src/hooks/useHelpPanel.ts","../src/hooks/usePillar.ts"],"sourcesContent":["/**\n * PillarProvider\n * Context provider that initializes and manages the Pillar SDK\n */\n\nimport {\n  Pillar,\n  type PillarConfig,\n  type PillarEvents,\n  type PillarState,\n  type TaskExecutePayload,\n  type ThemeConfig,\n  type CardCallbacks,\n} from '@pillar-ai/sdk';\nimport React, {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ReactNode,\n  type ComponentType,\n} from 'react';\nimport { createRoot, type Root } from 'react-dom/client';\n\n// ============================================================================\n// Card Types\n// ============================================================================\n\n/**\n * Props passed to custom card components.\n */\nexport interface CardComponentProps<T = Record<string, unknown>> {\n  /** Data extracted by the AI for this action */\n  data: T;\n  /** Called when user confirms the action */\n  onConfirm: (modifiedData?: Record<string, unknown>) => void;\n  /** Called when user cancels the action */\n  onCancel: () => void;\n  /** Called to report state changes (loading, success, error) */\n  onStateChange?: (state: 'loading' | 'success' | 'error', message?: string) => void;\n}\n\n/**\n * A React component that can be used as a custom card renderer.\n */\nexport type CardComponent<T = Record<string, unknown>> = ComponentType<CardComponentProps<T>>;\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface PillarContextValue {\n  /** The Pillar SDK instance */\n  pillar: Pillar | null;\n  \n  /** Current SDK state */\n  state: PillarState;\n  \n  /** Whether the SDK is ready */\n  isReady: boolean;\n  \n  /** Whether the panel is currently open */\n  isPanelOpen: boolean;\n  \n  /** Open the help panel */\n  open: (options?: { view?: string; article?: string; search?: string; focusInput?: boolean }) => void;\n  \n  /** Close the help panel */\n  close: () => void;\n  \n  /** Toggle the help panel */\n  toggle: () => void;\n  \n  /** Open a specific article */\n  openArticle: (slug: string) => void;\n  \n  /** Open a specific category */\n  openCategory: (slug: string) => Promise<void>;\n  \n  /** Perform a search */\n  search: (query: string) => void;\n  \n  /** Navigate to a specific view */\n  navigate: (view: string, params?: Record<string, string>) => void;\n  \n  /** Update the panel theme at runtime */\n  setTheme: (theme: Partial<ThemeConfig>) => void;\n  \n  /** Enable or disable the text selection \"Ask AI\" popover */\n  setTextSelectionEnabled: (enabled: boolean) => void;\n  \n  /** Subscribe to SDK events */\n  on: <K extends keyof PillarEvents>(\n    event: K,\n    callback: (data: PillarEvents[K]) => void\n  ) => () => void;\n}\n\nexport interface PillarProviderProps {\n  /** Help center subdomain or identifier */\n  helpCenter: string;\n  \n  /** Public API key */\n  publicKey: string;\n  \n  /** \n   * Additional SDK configuration\n   * \n   * Notable options:\n   * - `panel.useShadowDOM`: Whether to isolate styles in Shadow DOM (default: false).\n   *   Set to false to let custom cards inherit your app's CSS (Tailwind, etc.)\n   */\n  config?: Omit<PillarConfig, 'helpCenter' | 'publicKey'>;\n  \n  /**\n   * Handler called when a task action is triggered from the chat.\n   * Use this to handle AI-suggested actions like opening modals, navigating, etc.\n   * \n   * @example\n   * ```tsx\n   * <PillarProvider\n   *   helpCenter=\"my-app\"\n   *   publicKey=\"pk_...\"\n   *   onTask={(task) => {\n   *     switch (task.name) {\n   *       case 'invite_team_member':\n   *         openInviteModal(task.data);\n   *         break;\n   *       case 'open_settings':\n   *         router.push('/settings');\n   *         break;\n   *     }\n   *   }}\n   * >\n   * ```\n   */\n  onTask?: (task: TaskExecutePayload) => void;\n  \n  /**\n   * Custom card components to render for inline_ui type actions.\n   * Map card type names to React components that will render the inline UI.\n   * \n   * @example\n   * ```tsx\n   * import { InviteMembersCard } from './cards/InviteMembersCard';\n   * \n   * <PillarProvider\n   *   helpCenter=\"my-app\"\n   *   publicKey=\"pk_...\"\n   *   cards={{\n   *     invite_members: InviteMembersCard,\n   *     confirm_delete: ConfirmDeleteCard,\n   *   }}\n   * >\n   * ```\n   */\n  cards?: Record<string, CardComponent>;\n  \n  /** Children components */\n  children: ReactNode;\n}\n\n// ============================================================================\n// Context\n// ============================================================================\n\nconst PillarContext = createContext<PillarContextValue | null>(null);\n\n// ============================================================================\n// Provider Component\n// ============================================================================\n\nexport function PillarProvider({\n  helpCenter,\n  publicKey,\n  config,\n  onTask,\n  cards,\n  children,\n}: PillarProviderProps): React.ReactElement {\n  const [pillar, setPillar] = useState<Pillar | null>(null);\n  const [state, setState] = useState<PillarState>('uninitialized');\n  const [isPanelOpen, setIsPanelOpen] = useState(false);\n  \n  // Keep a ref to the latest onTask callback to avoid re-subscribing\n  const onTaskRef = useRef(onTask);\n  onTaskRef.current = onTask;\n  \n  // Keep a ref to cards to access latest versions\n  const cardsRef = useRef(cards);\n  cardsRef.current = cards;\n\n  // Initialize SDK\n  useEffect(() => {\n    let mounted = true;\n\n    const initPillar = async () => {\n      try {\n        // Pillar is a singleton - check if already initialized\n        const existingInstance = Pillar.getInstance();\n        if (existingInstance) {\n          // Reuse existing instance (preserves chat history, panel state, etc.)\n          if (mounted) {\n            setPillar(existingInstance);\n            setState(existingInstance.state);\n            \n            // Re-subscribe to events\n            existingInstance.on('panel:open', () => {\n              setIsPanelOpen(true);\n            });\n            \n            existingInstance.on('panel:close', () => {\n              setIsPanelOpen(false);\n            });\n          }\n          return;\n        }\n        \n        // Initialize new instance\n        const instance = await Pillar.init({\n          helpCenter,\n          publicKey,\n          ...config,\n        });\n\n        if (mounted) {\n          setPillar(instance);\n          setState(instance.state);\n\n          // Listen for panel open/close\n          instance.on('panel:open', () => {\n            setIsPanelOpen(true);\n          });\n          \n          instance.on('panel:close', () => {\n            setIsPanelOpen(false);\n          });\n        }\n      } catch (error) {\n        console.error('[Pillar React] Failed to initialize:', error);\n        if (mounted) {\n          setState('error');\n        }\n      }\n    };\n\n    initPillar();\n\n    // Cleanup - DON'T destroy the singleton on unmount\n    // This preserves conversation history and panel state across navigation\n    // Pillar.destroy() should only be called explicitly when the app unmounts completely\n    return () => {\n      mounted = false;\n      // Note: We intentionally don't call Pillar.destroy() here\n      // The singleton persists to maintain state across route changes\n    };\n  }, [helpCenter, publicKey]); // Re-initialize if credentials change\n\n  // Update state when SDK state changes\n  useEffect(() => {\n    if (pillar) {\n      const unsubscribe = pillar.on('ready', () => {\n        setState('ready');\n      });\n      \n      const unsubscribeError = pillar.on('error', () => {\n        setState('error');\n      });\n\n      return () => {\n        unsubscribe();\n        unsubscribeError();\n      };\n    }\n  }, [pillar]);\n\n  // Register task handler\n  useEffect(() => {\n    if (pillar) {\n      const unsubscribe = pillar.on('task:execute', (task) => {\n        onTaskRef.current?.(task);\n      });\n\n      return unsubscribe;\n    }\n  }, [pillar]);\n\n  // Register custom card renderers\n  useEffect(() => {\n    if (!pillar || !cards) return;\n    \n    const unsubscribers: Array<() => void> = [];\n    const roots: Map<HTMLElement, Root> = new Map();\n    \n    // Register each card component as a vanilla renderer\n    Object.entries(cards).forEach(([cardType, Component]) => {\n      const unsubscribe = pillar.registerCard(cardType, (container, data, callbacks: CardCallbacks) => {\n        // Create a React root for this container\n        const root = createRoot(container);\n        roots.set(container, root);\n        \n        // Render the React component\n        root.render(\n          <Component\n            data={data}\n            onConfirm={callbacks.onConfirm}\n            onCancel={callbacks.onCancel}\n            onStateChange={callbacks.onStateChange}\n          />\n        );\n        \n        // Return cleanup function\n        return () => {\n          const existingRoot = roots.get(container);\n          if (existingRoot) {\n            existingRoot.unmount();\n            roots.delete(container);\n          }\n        };\n      });\n      \n      unsubscribers.push(unsubscribe);\n    });\n    \n    return () => {\n      // Cleanup all registrations\n      unsubscribers.forEach(unsub => unsub());\n      // Unmount all React roots\n      roots.forEach(root => root.unmount());\n      roots.clear();\n    };\n  }, [pillar, cards]);\n\n  // Actions\n  const open = useCallback(\n    (options?: { view?: string; article?: string; search?: string; focusInput?: boolean }) => {\n      pillar?.open(options);\n    },\n    [pillar]\n  );\n\n  const close = useCallback(() => {\n    pillar?.close();\n  }, [pillar]);\n\n  const toggle = useCallback(() => {\n    pillar?.toggle();\n  }, [pillar]);\n\n  const openArticle = useCallback(\n    (slug: string) => {\n      pillar?.open({ article: slug });\n    },\n    [pillar]\n  );\n\n  const openCategory = useCallback(\n    async (slug: string) => {\n      pillar?.navigate('category', { slug });\n    },\n    [pillar]\n  );\n\n  const search = useCallback(\n    (query: string) => {\n      pillar?.open({ search: query });\n    },\n    [pillar]\n  );\n\n  const navigate = useCallback(\n    (view: string, params?: Record<string, string>) => {\n      pillar?.navigate(view, params);\n    },\n    [pillar]\n  );\n\n  const setTheme = useCallback(\n    (theme: Partial<ThemeConfig>) => {\n      pillar?.setTheme(theme);\n    },\n    [pillar]\n  );\n\n  const setTextSelectionEnabled = useCallback(\n    (enabled: boolean) => {\n      pillar?.setTextSelectionEnabled(enabled);\n    },\n    [pillar]\n  );\n\n  const on = useCallback(\n    <K extends keyof PillarEvents>(\n      event: K,\n      callback: (data: PillarEvents[K]) => void\n    ) => {\n      return pillar?.on(event, callback) ?? (() => {});\n    },\n    [pillar]\n  );\n\n  // Context value\n  const value = useMemo<PillarContextValue>(\n    () => ({\n      pillar,\n      state,\n      isReady: state === 'ready',\n      isPanelOpen,\n      open,\n      close,\n      toggle,\n      openArticle,\n      openCategory,\n      search,\n      navigate,\n      setTheme,\n      setTextSelectionEnabled,\n      on,\n    }),\n    [pillar, state, isPanelOpen, open, close, toggle, openArticle, openCategory, search, navigate, setTheme, setTextSelectionEnabled, on]\n  );\n\n  return (\n    <PillarContext.Provider value={value}>\n      {children}\n    </PillarContext.Provider>\n  );\n}\n\n// ============================================================================\n// Hook\n// ============================================================================\n\nexport function usePillarContext(): PillarContextValue {\n  const context = useContext(PillarContext);\n  \n  if (!context) {\n    throw new Error('usePillarContext must be used within a PillarProvider');\n  }\n  \n  return context;\n}\n\n","/**\n * PillarPanel Component\n * Renders the Pillar help panel at a custom location in the DOM\n */\n\nimport React, { useRef, useEffect, type CSSProperties, type HTMLAttributes } from 'react';\nimport { usePillarContext } from './PillarProvider';\n\nexport interface PillarPanelProps extends HTMLAttributes<HTMLDivElement> {\n  /** Custom class name for the container */\n  className?: string;\n  \n  /** Custom inline styles for the container */\n  style?: CSSProperties;\n}\n\n/**\n * Renders the Pillar help panel at a custom location in the DOM.\n * Use this when you want to control where the panel is rendered instead of\n * having it automatically appended to document.body.\n * \n * **Important**: When using this component, set `panel.container: 'manual'` in your\n * PillarProvider config to prevent automatic mounting.\n * \n * @example\n * ```tsx\n * <PillarProvider \n *   helpCenter=\"my-help\" \n *   publicKey=\"pk_xxx\"\n *   config={{ panel: { container: 'manual' } }}\n * >\n *   <div className=\"my-layout\">\n *     <Sidebar />\n *     <PillarPanel className=\"help-panel-container\" />\n *     <MainContent />\n *   </div>\n * </PillarProvider>\n * ```\n */\nexport function PillarPanel({ \n  className, \n  style,\n  ...props \n}: PillarPanelProps): React.ReactElement {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const { pillar, isReady } = usePillarContext();\n  const hasMounted = useRef(false);\n\n  useEffect(() => {\n    // Only mount once when SDK is ready and we have a container\n    if (!isReady || !pillar || !containerRef.current || hasMounted.current) {\n      return;\n    }\n\n    // Mount the panel into our container\n    pillar.mountPanelTo(containerRef.current);\n    hasMounted.current = true;\n\n    // Cleanup is handled by Pillar.destroy() in the provider\n  }, [isReady, pillar]);\n\n  return (\n    <div \n      ref={containerRef} \n      className={className}\n      style={style}\n      data-pillar-panel-container=\"\"\n      {...props}\n    />\n  );\n}\n\n","/**\n * Tooltip Component\n * Wrapper component that adds tooltip functionality to children\n */\n\nimport React, { useRef, useEffect, type ReactNode, type CSSProperties } from 'react';\nimport { usePillarContext } from './PillarProvider';\n\nexport interface TooltipProps {\n  /** Unique tooltip ID that matches a tooltip in your Pillar dashboard */\n  tooltipId: string;\n  \n  /** Trigger behavior: hover, click, focus, or icon (shows info icon) */\n  trigger?: 'hover' | 'click' | 'focus' | 'icon';\n  \n  /** Tooltip position relative to the target */\n  position?: 'top' | 'bottom' | 'left' | 'right' | 'auto';\n  \n  /** Children elements to attach the tooltip to */\n  children: ReactNode;\n  \n  /** Additional class name for the wrapper */\n  className?: string;\n  \n  /** Additional inline styles for the wrapper */\n  style?: CSSProperties;\n  \n  /** Whether the wrapper should be a span (inline) or div (block) */\n  inline?: boolean;\n}\n\n/**\n * Tooltip wrapper component that adds Pillar tooltip functionality to children\n * \n * @example\n * ```tsx\n * <Tooltip tooltipId=\"feature-explanation\" trigger=\"hover\">\n *   <button>Learn More</button>\n * </Tooltip>\n * ```\n * \n * @example\n * ```tsx\n * <Tooltip tooltipId=\"input-help\" trigger=\"icon\">\n *   <label>Email Address</label>\n * </Tooltip>\n * ```\n */\nexport function Tooltip({\n  tooltipId,\n  trigger = 'hover',\n  position = 'auto',\n  children,\n  className,\n  style,\n  inline = true,\n}: TooltipProps): React.ReactElement {\n  const { pillar, isReady } = usePillarContext();\n  const wrapperRef = useRef<HTMLElement>(null);\n\n  // Set data attributes when component mounts or props change\n  useEffect(() => {\n    if (wrapperRef.current) {\n      wrapperRef.current.setAttribute('data-pillar-tooltip', tooltipId);\n      \n      if (trigger !== 'hover') {\n        wrapperRef.current.setAttribute('data-pillar-trigger', trigger);\n      } else {\n        wrapperRef.current.removeAttribute('data-pillar-trigger');\n      }\n      \n      if (position !== 'auto') {\n        wrapperRef.current.setAttribute('data-pillar-position', position);\n      } else {\n        wrapperRef.current.removeAttribute('data-pillar-position');\n      }\n    }\n  }, [tooltipId, trigger, position]);\n\n  // Trigger rescan when component mounts (in case it's added dynamically)\n  useEffect(() => {\n    if (isReady && pillar) {\n      // Small delay to ensure DOM is ready\n      const timeout = setTimeout(() => {\n        pillar.scanTooltips();\n      }, 100);\n      \n      return () => clearTimeout(timeout);\n    }\n  }, [isReady, pillar, tooltipId]);\n\n  const Component = inline ? 'span' : 'div';\n\n  return (\n    <Component\n      ref={wrapperRef as React.RefObject<HTMLSpanElement & HTMLDivElement>}\n      className={className}\n      style={style}\n    >\n      {children}\n    </Component>\n  );\n}\n\n","/**\n * useHelpPanel Hook\n * Panel-specific controls and state\n */\n\nimport { useCallback } from 'react';\nimport { usePillarContext } from '../PillarProvider';\n\nexport interface UseHelpPanelResult {\n  /** Whether the panel is currently open */\n  isOpen: boolean;\n  \n  /** Open the panel */\n  open: (options?: { view?: string; article?: string; search?: string }) => void;\n  \n  /** Close the panel */\n  close: () => void;\n  \n  /** Toggle the panel */\n  toggle: () => void;\n  \n  /** Open a specific article in the panel */\n  openArticle: (slug: string) => void;\n  \n  /** Open a specific category in the panel */\n  openCategory: (slug: string) => Promise<void>;\n  \n  /** Open search with a query */\n  openSearch: (query?: string) => void;\n  \n  /** Open the AI chat */\n  openChat: () => void;\n}\n\n/**\n * Hook for panel-specific controls\n * \n * @example\n * ```tsx\n * function HelpButton() {\n *   const { isOpen, toggle, openChat } = useHelpPanel();\n *   \n *   return (\n *     <div>\n *       <button onClick={toggle}>\n *         {isOpen ? 'Close' : 'Help'}\n *       </button>\n *       <button onClick={openChat}>\n *         Ask AI\n *       </button>\n *     </div>\n *   );\n * }\n * ```\n */\nexport function useHelpPanel(): UseHelpPanelResult {\n  const { isPanelOpen, open, close, toggle, openArticle, openCategory, search, navigate } = usePillarContext();\n\n  const openSearch = useCallback(\n    (query?: string) => {\n      if (query) {\n        search(query);\n      } else {\n        open({ view: 'search' });\n      }\n    },\n    [search, open]\n  );\n\n  const openChat = useCallback(() => {\n    navigate('chat');\n  }, [navigate]);\n\n  return {\n    isOpen: isPanelOpen,\n    open,\n    close,\n    toggle,\n    openArticle,\n    openCategory,\n    openSearch,\n    openChat,\n  };\n}\n\n","/**\n * usePillar Hook\n * Access Pillar SDK instance and state with optional type-safe onTask\n */\n\nimport type {\n  SyncActionDefinitions,\n  ActionDefinitions,\n  ActionDataType,\n  ActionNames,\n} from '@pillar-ai/sdk';\nimport { useCallback } from 'react';\nimport { usePillarContext, type PillarContextValue } from '../PillarProvider';\n\nexport type UsePillarResult = PillarContextValue;\n\n/**\n * Extended result with type-safe onTask method.\n *\n * @template TActions - The action definitions for type inference\n */\nexport interface TypedUsePillarResult<\n  TActions extends SyncActionDefinitions | ActionDefinitions,\n> extends Omit<PillarContextValue, 'pillar'> {\n  pillar: PillarContextValue['pillar'];\n  /**\n   * Type-safe task handler registration.\n   *\n   * @param taskName - The action name (autocompleted from your actions)\n   * @param handler - Handler function with typed data parameter\n   * @returns Unsubscribe function\n   */\n  onTask: <TName extends ActionNames<TActions>>(\n    taskName: TName,\n    handler: (data: ActionDataType<TActions, TName>) => void\n  ) => () => void;\n}\n\n/**\n * Hook to access the Pillar SDK instance and state\n *\n * @example Basic usage (untyped)\n * ```tsx\n * function MyComponent() {\n *   const { isReady, open, close, isPanelOpen } = usePillar();\n *\n *   if (!isReady) return <div>Loading...</div>;\n *\n *   return (\n *     <button onClick={() => open()}>\n *       {isPanelOpen ? 'Close Help' : 'Get Help'}\n *     </button>\n *   );\n * }\n * ```\n *\n * @example Type-safe onTask with action definitions\n * ```tsx\n * import { actions } from '@/lib/pillar/actions';\n *\n * function MyComponent() {\n *   const { pillar, onTask } = usePillar<typeof actions>();\n *\n *   useEffect(() => {\n *     // TypeScript knows data has { type, url, name }\n *     const unsub = onTask('add_new_source', (data) => {\n *       console.log(data.url); // ✓ Typed!\n *     });\n *     return unsub;\n *   }, [onTask]);\n * }\n * ```\n */\nexport function usePillar<\n  TActions extends SyncActionDefinitions | ActionDefinitions = SyncActionDefinitions,\n>(): TypedUsePillarResult<TActions> {\n  const context = usePillarContext();\n\n  // Create a type-safe wrapper around pillar.onTask\n  const onTask = useCallback(\n    <TName extends ActionNames<TActions>>(\n      taskName: TName,\n      handler: (data: ActionDataType<TActions, TName>) => void\n    ): (() => void) => {\n      if (!context.pillar) {\n        // Return no-op if pillar not ready\n        return () => {};\n      }\n      // Cast handler to match the SDK's expected type\n      // The runtime behavior is the same, this is just for type narrowing\n      return context.pillar.onTask(\n        taskName as string,\n        handler as (data: Record<string, unknown>) => void\n      );\n    },\n    [context.pillar]\n  );\n\n  return {\n    ...context,\n    onTask,\n  };\n}\n\n"],"names":["_jsx"],"mappings":"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"}