@pillar-ai/sdk 0.1.0 → 0.1.2

package/dist/pillar.esm.js

@@ -737,13 +737,6 @@ class APIClient {
         }
     }
     // ============================================================================
-    // Tooltips
-    // ============================================================================
-    async getTooltips(ids) {
-        const params = ids?.length ? `?ids=${ids.join(',')}` : '';
-        return this.fetch(`/sdk/tooltips/${params}`);
-    }
-    // ============================================================================
     // Suggested Questions
     // ============================================================================
     /**
@@ -1672,7 +1665,7 @@ class EdgeTrigger {
 }
 
 const HELP_ICON = `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><line x1="12" y1="17" x2="12.01" y2="17"></line></svg>`;
-const CLOSE_ICON$3 = `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>`;
+const CLOSE_ICON$2 = `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>`;
 const FLOATING_BUTTON_STYLES = `
 .pillar-floating-button {
   position: fixed;
@@ -1776,7 +1769,7 @@ function FloatingButtonContent({ position, label, onClick, panelOpen, }) {
         onClick();
     }, [onClick]);
     const isIconOnly = !label;
-    const icon = panelOpen ? CLOSE_ICON$3 : HELP_ICON;
+    const icon = panelOpen ? CLOSE_ICON$2 : HELP_ICON;
     const className = [
         'pillar-floating-button',
         `pillar-floating-button--${position}`,
@@ -3332,7 +3325,7 @@ const PLAN_STYLES = `
 
 const BACK_ICON = `<svg viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M9.707 16.707a1 1 0 01-1.414 0l-6-6a1 1 0 010-1.414l6-6a1 1 0 011.414 1.414L5.414 9H17a1 1 0 110 2H5.414l4.293 4.293a1 1 0 010 1.414z" clip-rule="evenodd"/></svg>`;
 const HOME_ICON = `<svg viewBox="0 0 20 20" fill="currentColor"><path d="M10.707 2.293a1 1 0 00-1.414 0l-7 7a1 1 0 001.414 1.414L4 10.414V17a1 1 0 001 1h2a1 1 0 001-1v-2a1 1 0 011-1h2a1 1 0 011 1v2a1 1 0 001 1h2a1 1 0 001-1v-6.586l.293.293a1 1 0 001.414-1.414l-7-7z"/></svg>`;
-const CLOSE_ICON$2 = `<svg viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"/></svg>`;
+const CLOSE_ICON$1 = `<svg viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"/></svg>`;
 const VIEW_TITLES = {
     home: 'Assistant',
     chat: 'Assistant',
@@ -3350,11 +3343,11 @@ function Header({ currentView, customTitle, hideNavigation = false }) {
     const handleClose = () => {
         closePanel();
     };
-    return (u$2("header", { class: "_pillar-header pillar-header", children: [u$2("div", { class: "_pillar-header-left pillar-header-left", children: [showBack && (u$2("button", { class: "_pillar-icon-btn pillar-icon-btn pillar-back-btn", onClick: handleBack, "aria-label": "Go back", type: "button", dangerouslySetInnerHTML: { __html: BACK_ICON } })), showHome && (u$2("button", { class: "_pillar-icon-btn pillar-icon-btn pillar-home-btn", onClick: handleHome, "aria-label": "Go to home", type: "button", dangerouslySetInnerHTML: { __html: HOME_ICON } })), u$2("span", { class: "_pillar-header-title pillar-header-title", children: title })] }), u$2("button", { class: "_pillar-icon-btn pillar-icon-btn pillar-close-btn", onClick: handleClose, "aria-label": "Close assistant panel", type: "button", dangerouslySetInnerHTML: { __html: CLOSE_ICON$2 } })] }));
+    return (u$2("header", { class: "_pillar-header pillar-header", children: [u$2("div", { class: "_pillar-header-left pillar-header-left", children: [showBack && (u$2("button", { class: "_pillar-icon-btn pillar-icon-btn pillar-back-btn", onClick: handleBack, "aria-label": "Go back", type: "button", dangerouslySetInnerHTML: { __html: BACK_ICON } })), showHome && (u$2("button", { class: "_pillar-icon-btn pillar-icon-btn pillar-home-btn", onClick: handleHome, "aria-label": "Go to home", type: "button", dangerouslySetInnerHTML: { __html: HOME_ICON } })), u$2("span", { class: "_pillar-header-title pillar-header-title", children: title })] }), u$2("button", { class: "_pillar-icon-btn pillar-icon-btn pillar-close-btn", onClick: handleClose, "aria-label": "Close assistant panel", type: "button", dangerouslySetInnerHTML: { __html: CLOSE_ICON$1 } })] }));
 }
 
 // Close icon SVG
-const CLOSE_ICON$1 = `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>`;
+const CLOSE_ICON = `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>`;
 // Quote icon for highlighted text
 const QUOTE_ICON = `<svg viewBox="0 0 24 24" fill="currentColor"><path d="M4.583 17.321C3.553 16.227 3 15 3 13.011c0-3.5 2.457-6.637 6.03-8.188l.893 1.378c-3.335 1.804-3.987 4.145-4.247 5.621.537-.278 1.24-.375 1.929-.311 1.804.167 3.226 1.648 3.226 3.489a3.5 3.5 0 01-3.5 3.5c-1.073 0-2.099-.49-2.748-1.179zm10 0C13.553 16.227 13 15 13 13.011c0-3.5 2.457-6.637 6.03-8.188l.893 1.378c-3.335 1.804-3.987 4.145-4.247 5.621.537-.278 1.24-.375 1.929-.311 1.804.167 3.226 1.648 3.226 3.489a3.5 3.5 0 01-3.5 3.5c-1.073 0-2.099-.49-2.748-1.179z"/></svg>`;
 /**
@@ -3386,7 +3379,7 @@ function ContextTag({ context, onRemove, readOnly = false }) {
         e.stopPropagation();
         onRemove?.(context.id);
     };
-    return (u$2("div", { class: "_pillar-context-tag pillar-context-tag", title: tooltip, children: [u$2("span", { class: "_pillar-context-tag-icon pillar-context-tag-icon", dangerouslySetInnerHTML: { __html: icon } }), u$2("span", { class: "_pillar-context-tag-label pillar-context-tag-label", children: label }), !readOnly && onRemove && (u$2("button", { class: "_pillar-context-tag-remove pillar-context-tag-remove", onClick: handleRemove, "aria-label": "Remove context", type: "button", dangerouslySetInnerHTML: { __html: CLOSE_ICON$1 } }))] }));
+    return (u$2("div", { class: "_pillar-context-tag pillar-context-tag", title: tooltip, children: [u$2("span", { class: "_pillar-context-tag-icon pillar-context-tag-icon", dangerouslySetInnerHTML: { __html: icon } }), u$2("span", { class: "_pillar-context-tag-label pillar-context-tag-label", children: label }), !readOnly && onRemove && (u$2("button", { class: "_pillar-context-tag-remove pillar-context-tag-remove", onClick: handleRemove, "aria-label": "Remove context", type: "button", dangerouslySetInnerHTML: { __html: CLOSE_ICON } }))] }));
 }
 function ContextTagList({ contexts, onRemove, readOnly = false }) {
     if (contexts.length === 0) {
@@ -7515,741 +7508,6 @@ class TextSelectionManager {
     }
 }
 
-/**
- * Positioning utilities for tooltips and floating elements
- */
-/**
- * Gets the bounding rect of an element
- */
-function getElementRect(element) {
-    const rect = element.getBoundingClientRect();
-    return {
-        x: rect.left + window.scrollX,
-        y: rect.top + window.scrollY,
-        width: rect.width,
-        height: rect.height,
-    };
-}
-/**
- * Gets the viewport rect
- */
-function getViewportRect() {
-    return {
-        x: window.scrollX,
-        y: window.scrollY,
-        width: window.innerWidth,
-        height: window.innerHeight,
-    };
-}
-/**
- * Calculates available space in each direction from an element
- */
-function getAvailableSpace(anchor, viewport, padding = 8) {
-    return {
-        top: anchor.y - viewport.y - padding,
-        bottom: viewport.y + viewport.height - (anchor.y + anchor.height) - padding,
-        left: anchor.x - viewport.x - padding,
-        right: viewport.x + viewport.width - (anchor.x + anchor.width) - padding,
-        auto: 0, // Not used for space calculation
-    };
-}
-/**
- * Determines the best position for a floating element
- */
-function getBestPosition(anchor, floating, options) {
-    if (options.position !== 'auto') {
-        return options.position;
-    }
-    const viewport = getViewportRect();
-    const space = getAvailableSpace(anchor, viewport, options.padding);
-    const offset = options.offset || 8;
-    // Check if each position has enough space
-    const fits = {
-        top: space.top >= floating.height + offset,
-        bottom: space.bottom >= floating.height + offset,
-        left: space.left >= floating.width + offset,
-        right: space.right >= floating.width + offset,
-    };
-    // Priority: bottom, top, right, left
-    if (fits.bottom)
-        return 'bottom';
-    if (fits.top)
-        return 'top';
-    if (fits.right)
-        return 'right';
-    if (fits.left)
-        return 'left';
-    // If nothing fits, use the position with most space
-    const sorted = Object.entries(space)
-        .filter(([key]) => key !== 'auto')
-        .sort(([, a], [, b]) => b - a);
-    return sorted[0][0];
-}
-/**
- * Calculates the position of a floating element relative to an anchor
- */
-function calculatePosition(anchor, floating, options) {
-    const { alignment = 'center', offset = 8, padding = 8, arrowSize = 8, } = options;
-    const viewport = getViewportRect();
-    const position = getBestPosition(anchor, floating, options);
-    let x = 0;
-    let y = 0;
-    let arrowX;
-    let arrowY;
-    // Calculate base position
-    switch (position) {
-        case 'top':
-            y = anchor.y - floating.height - offset;
-            x = getAlignedX(anchor, floating, alignment);
-            arrowX = anchor.x + anchor.width / 2 - arrowSize / 2;
-            break;
-        case 'bottom':
-            y = anchor.y + anchor.height + offset;
-            x = getAlignedX(anchor, floating, alignment);
-            arrowX = anchor.x + anchor.width / 2 - arrowSize / 2;
-            break;
-        case 'left':
-            x = anchor.x - floating.width - offset;
-            y = getAlignedY(anchor, floating, alignment);
-            arrowY = anchor.y + anchor.height / 2 - arrowSize / 2;
-            break;
-        case 'right':
-            x = anchor.x + anchor.width + offset;
-            y = getAlignedY(anchor, floating, alignment);
-            arrowY = anchor.y + anchor.height / 2 - arrowSize / 2;
-            break;
-    }
-    // Constrain to viewport
-    x = Math.max(viewport.x + padding, Math.min(x, viewport.x + viewport.width - floating.width - padding));
-    y = Math.max(viewport.y + padding, Math.min(y, viewport.y + viewport.height - floating.height - padding));
-    // Adjust arrow position relative to constrained floating element
-    if (arrowX !== undefined) {
-        arrowX = Math.max(x + arrowSize, Math.min(arrowX, x + floating.width - arrowSize * 2));
-        arrowX -= x; // Make relative to floating element
-    }
-    if (arrowY !== undefined) {
-        arrowY = Math.max(y + arrowSize, Math.min(arrowY, y + floating.height - arrowSize * 2));
-        arrowY -= y; // Make relative to floating element
-    }
-    return { x, y, position, arrowX, arrowY };
-}
-function getAlignedX(anchor, floating, alignment) {
-    switch (alignment) {
-        case 'start':
-            return anchor.x;
-        case 'end':
-            return anchor.x + anchor.width - floating.width;
-        case 'center':
-        default:
-            return anchor.x + anchor.width / 2 - floating.width / 2;
-    }
-}
-function getAlignedY(anchor, floating, alignment) {
-    switch (alignment) {
-        case 'start':
-            return anchor.y;
-        case 'end':
-            return anchor.y + anchor.height - floating.height;
-        case 'center':
-        default:
-            return anchor.y + anchor.height / 2 - floating.height / 2;
-    }
-}
-
-const ARROW_ICON = `<svg viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg>`;
-const INFO_ICON = `<svg viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" clip-rule="evenodd"></path></svg>`;
-const CLOSE_ICON = `<svg viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg>`;
-function TooltipContent({ data, anchor, trigger, position: preferredPosition, isVisible, onLearnMore, onHide, onMouseEnter, onMouseLeave, }) {
-    const tooltipRef = A(null);
-    const arrowRef = A(null);
-    const [positionClass, setPositionClass] = d$3(preferredPosition);
-    const [style, setStyle] = d$3({ left: 0, top: 0 });
-    const [arrowStyle, setArrowStyle] = d$3({});
-    const updatePosition = q$1(() => {
-        if (!tooltipRef.current || !isVisible)
-            return;
-        const anchorRect = getElementRect(anchor);
-        const tooltipRect = tooltipRef.current.getBoundingClientRect();
-        const result = calculatePosition(anchorRect, { width: tooltipRect.width, height: tooltipRect.height }, {
-            position: preferredPosition,
-            offset: 10,
-            arrowSize: 12,
-        });
-        setStyle({ left: result.x, top: result.y });
-        setPositionClass(result.position);
-        if (result.arrowX !== undefined) {
-            setArrowStyle({ left: result.arrowX });
-        }
-        if (result.arrowY !== undefined) {
-            setArrowStyle({ top: result.arrowY });
-        }
-    }, [anchor, preferredPosition, isVisible]);
-    y$2(() => {
-        if (isVisible) {
-            // Initial position calculation
-            requestAnimationFrame(updatePosition);
-            // Update on scroll/resize
-            window.addEventListener('scroll', updatePosition, true);
-            window.addEventListener('resize', updatePosition);
-            return () => {
-                window.removeEventListener('scroll', updatePosition, true);
-                window.removeEventListener('resize', updatePosition);
-            };
-        }
-    }, [isVisible, updatePosition]);
-    const handleLearnMore = (e) => {
-        e.stopPropagation();
-        if (data.article_slug) {
-            onLearnMore?.(data.article_slug);
-        }
-    };
-    const handleClose = (e) => {
-        e.stopPropagation();
-        onHide();
-    };
-    const className = `pillar-tooltip pillar-tooltip--${positionClass}${isVisible ? ' pillar-tooltip--visible' : ''}`;
-    return (u$2("div", { ref: tooltipRef, class: className, role: "tooltip", style: {
-            left: `${style.left}px`,
-            top: `${style.top}px`,
-        }, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, children: [u$2("div", { class: "pillar-tooltip__content", dangerouslySetInnerHTML: { __html: data.content_html || data.content } }), data.show_learn_more && data.article_slug && (u$2("button", { class: "pillar-tooltip__learn-more", onClick: handleLearnMore, type: "button", children: [data.article_title || 'Learn more', u$2("span", { dangerouslySetInnerHTML: { __html: ARROW_ICON } })] })), trigger === 'click' && (u$2("button", { class: "pillar-tooltip__close", onClick: handleClose, "aria-label": "Close tooltip", type: "button", dangerouslySetInnerHTML: { __html: CLOSE_ICON } })), u$2("div", { ref: arrowRef, class: "pillar-tooltip__arrow", style: arrowStyle })] }));
-}
-/**
- * Tooltip class that manages a single tooltip instance
- * Uses Preact for rendering but maintains imperative control
- */
-class Tooltip {
-    constructor(data, anchor, options) {
-        this.container = null;
-        this.iconElement = null;
-        this.isVisible = false;
-        this.hideTimeout = null;
-        this.handleMouseEnter = () => {
-            if (this.hideTimeout) {
-                clearTimeout(this.hideTimeout);
-                this.hideTimeout = null;
-            }
-            this.show();
-        };
-        this.handleMouseLeave = () => {
-            // Delay hide to allow moving to tooltip
-            this.hideTimeout = setTimeout(() => this.hide(), 100);
-        };
-        // Handler for when mouse enters the tooltip element itself
-        this.handleTooltipMouseEnter = () => {
-            if (this.hideTimeout) {
-                clearTimeout(this.hideTimeout);
-                this.hideTimeout = null;
-            }
-        };
-        // Handler for when mouse leaves the tooltip element
-        this.handleTooltipMouseLeave = () => {
-            // Delay hide to allow moving back to anchor
-            this.hideTimeout = setTimeout(() => this.hide(), 100);
-        };
-        this.handleClick = (e) => {
-            e.stopPropagation();
-            this.toggle();
-        };
-        this.handleDocumentClick = () => {
-            if (this.isVisible) {
-                this.hide();
-            }
-        };
-        this.handleFocus = () => {
-            this.show();
-        };
-        this.handleBlur = () => {
-            this.hide();
-        };
-        this.handleKeyDown = (e) => {
-            if (e.key === 'Escape' && this.isVisible) {
-                this.hide();
-            }
-        };
-        this.id = `tooltip-${Math.random().toString(36).slice(2, 9)}`;
-        this.data = data;
-        this.anchor = anchor;
-        this.options = options;
-    }
-    init() {
-        // Create container for portal rendering
-        this.container = document.createElement('div');
-        this.container.id = this.id;
-        document.body.appendChild(this.container);
-        // Add icon if trigger is 'icon'
-        if (this.options.trigger === 'icon') {
-            this.createIcon();
-        }
-        // Bind events
-        this.bindEvents();
-    }
-    show() {
-        if (this.isVisible)
-            return;
-        if (this.hideTimeout) {
-            clearTimeout(this.hideTimeout);
-            this.hideTimeout = null;
-        }
-        this.isVisible = true;
-        this.renderTooltip();
-        this.options.onShow?.();
-    }
-    hide() {
-        if (!this.isVisible)
-            return;
-        this.isVisible = false;
-        this.renderTooltip();
-        // Remove from DOM after animation
-        this.hideTimeout = setTimeout(() => {
-            this.options.onHide?.();
-        }, 150);
-    }
-    toggle() {
-        if (this.isVisible) {
-            this.hide();
-        }
-        else {
-            this.show();
-        }
-    }
-    destroy() {
-        if (this.hideTimeout) {
-            clearTimeout(this.hideTimeout);
-        }
-        this.unbindEvents();
-        // Unmount Preact component
-        if (this.container) {
-            G$1(null, this.container);
-            this.container.remove();
-        }
-        this.iconElement?.remove();
-        this.container = null;
-        this.iconElement = null;
-    }
-    // ============================================================================
-    // Private Methods
-    // ============================================================================
-    renderTooltip() {
-        if (!this.container)
-            return;
-        // Only pass hover handlers if trigger is 'hover'
-        const hoverHandlers = this.options.trigger === 'hover'
-            ? {
-                onMouseEnter: this.handleTooltipMouseEnter,
-                onMouseLeave: this.handleTooltipMouseLeave,
-            }
-            : {};
-        G$1(u$2(TooltipContent, { data: this.data, anchor: this.anchor, trigger: this.options.trigger, position: this.options.position, isVisible: this.isVisible, onLearnMore: this.options.onLearnMore, onHide: () => this.hide(), ...hoverHandlers }), this.container);
-    }
-    createIcon() {
-        const icon = document.createElement('span');
-        icon.className = 'pillar-tooltip-icon';
-        icon.innerHTML = INFO_ICON;
-        icon.setAttribute('aria-label', 'More information');
-        icon.setAttribute('role', 'button');
-        icon.setAttribute('tabindex', '0');
-        this.anchor.insertAdjacentElement('afterend', icon);
-        this.iconElement = icon;
-    }
-    bindEvents() {
-        const target = this.options.trigger === 'icon' ? this.iconElement : this.anchor;
-        if (!target)
-            return;
-        switch (this.options.trigger) {
-            case 'hover':
-                target.addEventListener('mouseenter', this.handleMouseEnter);
-                target.addEventListener('mouseleave', this.handleMouseLeave);
-                break;
-            case 'click':
-            case 'icon':
-                target.addEventListener('click', this.handleClick);
-                document.addEventListener('click', this.handleDocumentClick);
-                break;
-            case 'focus':
-                target.addEventListener('focus', this.handleFocus);
-                target.addEventListener('blur', this.handleBlur);
-                break;
-        }
-        document.addEventListener('keydown', this.handleKeyDown);
-    }
-    unbindEvents() {
-        const target = this.options.trigger === 'icon' ? this.iconElement : this.anchor;
-        if (!target)
-            return;
-        target.removeEventListener('mouseenter', this.handleMouseEnter);
-        target.removeEventListener('mouseleave', this.handleMouseLeave);
-        target.removeEventListener('click', this.handleClick);
-        target.removeEventListener('focus', this.handleFocus);
-        target.removeEventListener('blur', this.handleBlur);
-        document.removeEventListener('click', this.handleDocumentClick);
-        document.removeEventListener('keydown', this.handleKeyDown);
-    }
-}
-
-/**
- * Tooltip CSS Styles
- * Injected into the document head
- */
-const TOOLTIP_STYLES = `
-/* Pillar Tooltip Styles */
-.pillar-tooltip {
-  position: absolute;
-  z-index: 99999;
-  max-width: 320px;
-  padding: 12px 16px;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
-  font-size: 14px;
-  line-height: 1.5;
-  color: #1a1a1a;
-  background: #ffffff;
-  border-radius: 8px;
-  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.05);
-  pointer-events: auto;
-  opacity: 0;
-  transform: scale(0.95);
-  transition: opacity 0.15s ease, transform 0.15s ease;
-}
-
-.pillar-tooltip.pillar-tooltip--visible {
-  opacity: 1;
-  transform: scale(1);
-}
-
-.pillar-tooltip__content {
-  margin: 0;
-}
-
-.pillar-tooltip__content p {
-  margin: 0 0 8px;
-}
-
-.pillar-tooltip__content p:last-child {
-  margin-bottom: 0;
-}
-
-.pillar-tooltip__content a {
-  color: #2563eb;
-  text-decoration: none;
-}
-
-.pillar-tooltip__content a:hover {
-  text-decoration: underline;
-}
-
-.pillar-tooltip__learn-more {
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-  margin-top: 12px;
-  padding: 6px 12px;
-  font-size: 13px;
-  font-weight: 500;
-  color: #2563eb;
-  background: #eff6ff;
-  border: none;
-  border-radius: 6px;
-  cursor: pointer;
-  transition: background 0.15s ease;
-}
-
-.pillar-tooltip__learn-more:hover {
-  background: #dbeafe;
-}
-
-.pillar-tooltip__learn-more svg {
-  width: 14px;
-  height: 14px;
-}
-
-/* Arrow */
-.pillar-tooltip__arrow {
-  position: absolute;
-  width: 12px;
-  height: 12px;
-  background: #ffffff;
-  transform: rotate(45deg);
-  box-shadow: -1px -1px 0 0 rgba(0, 0, 0, 0.05);
-}
-
-.pillar-tooltip--top .pillar-tooltip__arrow {
-  bottom: -6px;
-  box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.05);
-}
-
-.pillar-tooltip--bottom .pillar-tooltip__arrow {
-  top: -6px;
-}
-
-.pillar-tooltip--left .pillar-tooltip__arrow {
-  right: -6px;
-  box-shadow: 1px -1px 0 0 rgba(0, 0, 0, 0.05);
-}
-
-.pillar-tooltip--right .pillar-tooltip__arrow {
-  left: -6px;
-  box-shadow: -1px 1px 0 0 rgba(0, 0, 0, 0.05);
-}
-
-/* Tooltip Icon (for icon trigger) */
-.pillar-tooltip-icon {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 16px;
-  height: 16px;
-  margin-left: 4px;
-  vertical-align: middle;
-  color: #6b7280;
-  cursor: help;
-  transition: color 0.15s ease;
-}
-
-.pillar-tooltip-icon:hover {
-  color: #2563eb;
-}
-
-.pillar-tooltip-icon svg {
-  width: 100%;
-  height: 100%;
-}
-
-/* Close button */
-.pillar-tooltip__close {
-  position: absolute;
-  top: 8px;
-  right: 8px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 20px;
-  height: 20px;
-  padding: 0;
-  color: #9ca3af;
-  background: none;
-  border: none;
-  border-radius: 4px;
-  cursor: pointer;
-  transition: color 0.15s ease, background 0.15s ease;
-}
-
-.pillar-tooltip__close:hover {
-  color: #1a1a1a;
-  background: #f3f4f6;
-}
-
-.pillar-tooltip__close svg {
-  width: 12px;
-  height: 12px;
-}
-`;
-
-/**
- * Tooltip Manager
- * Scans DOM for tooltip elements and manages their lifecycle
- */
-const TOOLTIP_ATTRIBUTE = 'data-pillar-tooltip';
-const TOOLTIP_TRIGGER_ATTR = 'data-pillar-trigger';
-const TOOLTIP_POSITION_ATTR = 'data-pillar-position';
-class TooltipManager {
-    constructor(config, api, events) {
-        this.tooltips = new Map();
-        this.tooltipData = new Map();
-        this.observer = null;
-        this.stylesInjected = false;
-        this.config = config;
-        this.api = api;
-        this.events = events;
-    }
-    /**
-     * Initialize the tooltip manager
-     */
-    async init() {
-        // Inject styles
-        if (!this.stylesInjected) {
-            injectStyles(document, TOOLTIP_STYLES, 'pillar-tooltip-styles');
-            this.stylesInjected = true;
-        }
-        // Initial scan
-        await this.scan();
-        // Set up mutation observer for dynamic content
-        this.setupObserver();
-    }
-    /**
-     * Scan DOM for tooltip elements and initialize them
-     */
-    async scan() {
-        const elements = document.querySelectorAll(`[${TOOLTIP_ATTRIBUTE}]`);
-        if (elements.length === 0)
-            return;
-        // Collect all tooltip IDs
-        const tooltipIds = new Set();
-        elements.forEach((el) => {
-            const id = el.getAttribute(TOOLTIP_ATTRIBUTE);
-            if (id && !this.tooltipData.has(id)) {
-                tooltipIds.add(id);
-            }
-        });
-        // Fetch tooltip data if needed
-        if (tooltipIds.size > 0) {
-            try {
-                const data = await this.api.getTooltips(Array.from(tooltipIds));
-                data.forEach((tooltip) => {
-                    this.tooltipData.set(tooltip.tooltip_id, tooltip);
-                });
-            }
-            catch (error) {
-                console.warn('[Pillar] Failed to fetch tooltip data:', error);
-            }
-        }
-        // Initialize tooltips for each element
-        elements.forEach((element) => {
-            const tooltipId = element.getAttribute(TOOLTIP_ATTRIBUTE);
-            if (!tooltipId)
-                return;
-            // Skip if already initialized
-            const existingKey = this.getElementKey(element);
-            if (this.tooltips.has(existingKey))
-                return;
-            // Get tooltip data
-            const data = this.tooltipData.get(tooltipId);
-            if (!data) {
-                console.warn(`[Pillar] No data found for tooltip: ${tooltipId}`);
-                return;
-            }
-            // Create tooltip
-            this.createTooltip(element, data);
-        });
-    }
-    /**
-     * Show a specific tooltip
-     */
-    show(tooltipId) {
-        for (const [key, tooltip] of this.tooltips) {
-            const element = document.querySelector(`[data-pillar-tooltip-key="${key}"]`);
-            const dataId = element?.getAttribute(TOOLTIP_ATTRIBUTE);
-            if (dataId === tooltipId) {
-                tooltip.show();
-                return;
-            }
-        }
-    }
-    /**
-     * Hide a specific tooltip
-     */
-    hide(tooltipId) {
-        for (const [key, tooltip] of this.tooltips) {
-            const element = document.querySelector(`[data-pillar-tooltip-key="${key}"]`);
-            const dataId = element?.getAttribute(TOOLTIP_ATTRIBUTE);
-            if (dataId === tooltipId) {
-                tooltip.hide();
-                return;
-            }
-        }
-    }
-    /**
-     * Destroy the tooltip manager
-     */
-    destroy() {
-        // Stop observer
-        this.observer?.disconnect();
-        this.observer = null;
-        // Destroy all tooltips
-        this.tooltips.forEach((tooltip) => tooltip.destroy());
-        this.tooltips.clear();
-        this.tooltipData.clear();
-        // Remove styles
-        document.getElementById('pillar-tooltip-styles')?.remove();
-        this.stylesInjected = false;
-    }
-    // ============================================================================
-    // Private Methods
-    // ============================================================================
-    createTooltip(element, data) {
-        const trigger = element.getAttribute(TOOLTIP_TRIGGER_ATTR) ||
-            data.trigger ||
-            this.config.tooltips.defaultTrigger;
-        const position = element.getAttribute(TOOLTIP_POSITION_ATTR) ||
-            data.position ||
-            'auto';
-        const tooltip = new Tooltip(data, element, {
-            trigger,
-            position,
-            onLearnMore: () => {
-                // Emit event
-                this.events.emit('tooltip:click', { tooltipId: data.tooltip_id });
-                // Open panel via Pillar instance
-                Promise.resolve().then(function () { return Pillar$1; }).then(({ Pillar }) => {
-                    Pillar.getInstance()?.open();
-                });
-            },
-            onShow: () => {
-                this.events.emit('tooltip:shown', { tooltipId: data.tooltip_id });
-            },
-            onHide: () => {
-                this.events.emit('tooltip:hidden', { tooltipId: data.tooltip_id });
-            },
-        });
-        tooltip.init();
-        this.tooltips.set(this.getElementKey(element), tooltip);
-    }
-    setupObserver() {
-        this.observer = new MutationObserver((mutations) => {
-            let needsScan = false;
-            for (const mutation of mutations) {
-                // Check added nodes
-                for (const node of mutation.addedNodes) {
-                    if (node instanceof HTMLElement) {
-                        if (node.hasAttribute(TOOLTIP_ATTRIBUTE) ||
-                            node.querySelector(`[${TOOLTIP_ATTRIBUTE}]`)) {
-                            needsScan = true;
-                            break;
-                        }
-                    }
-                }
-                // Check removed nodes
-                for (const node of mutation.removedNodes) {
-                    if (node instanceof HTMLElement) {
-                        this.handleRemovedElement(node);
-                    }
-                }
-                if (needsScan)
-                    break;
-            }
-            if (needsScan) {
-                this.scan();
-            }
-        });
-        this.observer.observe(document.body, {
-            childList: true,
-            subtree: true,
-        });
-    }
-    handleRemovedElement(element) {
-        // Check if this element or any child has a tooltip
-        const key = this.getElementKey(element);
-        if (this.tooltips.has(key)) {
-            this.tooltips.get(key)?.destroy();
-            this.tooltips.delete(key);
-        }
-        // Check children
-        element.querySelectorAll(`[${TOOLTIP_ATTRIBUTE}]`).forEach((child) => {
-            const childKey = this.getElementKey(child);
-            if (this.tooltips.has(childKey)) {
-                this.tooltips.get(childKey)?.destroy();
-                this.tooltips.delete(childKey);
-            }
-        });
-    }
-    getElementKey(element) {
-        let key = element.dataset.pillarTooltipKey;
-        if (!key) {
-            key = `tooltip-${Math.random().toString(36).slice(2, 9)}`;
-            element.dataset.pillarTooltipKey = key;
-        }
-        return key;
-    }
-}
-
 /**
  * Product Context Types for Pillar SDK
  *
@@ -8435,10 +7693,6 @@ const DEFAULT_CONFIG = {
         label: 'Assistant',
         style: 'edge',
     },
-    tooltips: {
-        enabled: true,
-        defaultTrigger: 'hover',
-    },
     urlParams: {
         enabled: true,
         prefix: 'pillar-',
@@ -8491,10 +7745,6 @@ function resolveConfig(config) {
             ...DEFAULT_CONFIG.floatingButton,
             ...config.floatingButton,
         },
-        tooltips: {
-            ...DEFAULT_CONFIG.tooltips,
-            ...config.tooltips,
-        },
         urlParams: {
             ...DEFAULT_CONFIG.urlParams,
             ...config.urlParams,
@@ -9224,7 +8474,6 @@ class Pillar {
         this._api = null;
         this._mcpClient = null;
         this._planExecutor = null;
-        this._tooltipManager = null;
         this._textSelectionManager = null;
         this._panel = null;
         this._floatingButton = null;
@@ -9456,24 +8705,6 @@ class Pillar {
         // Emit event
         this._events.emit('textSelection:change', { enabled });
     }
-    /**
-     * Manually trigger tooltip scan
-     */
-    scanTooltips() {
-        this._tooltipManager?.scan();
-    }
-    /**
-     * Show a specific tooltip
-     */
-    showTooltip(tooltipId) {
-        this._tooltipManager?.show(tooltipId);
-    }
-    /**
-     * Hide a specific tooltip
-     */
-    hideTooltip(tooltipId) {
-        this._tooltipManager?.hide(tooltipId);
-    }
     /**
      * Mount the panel to a specific container element.
      * Used for manual mounting mode (e.g., from React component).
@@ -10162,11 +9393,6 @@ class Pillar {
             // Create shared root container for all Pillar UI elements
             // Uses isolation: isolate to create a new stacking context
             this._rootContainer = this._createRootContainer();
-            // Initialize tooltips if enabled
-            if (this._config.tooltips.enabled) {
-                this._tooltipManager = new TooltipManager(this._config, this._api, this._events);
-                await this._tooltipManager.init();
-            }
             // Initialize panel if enabled
             if (this._config.panel.enabled) {
                 this._panel = new Panel(this._config, this._api, this._events, this._rootContainer);
@@ -10232,7 +9458,6 @@ class Pillar {
      * Internal cleanup
      */
     _destroy() {
-        this._tooltipManager?.destroy();
         this._textSelectionManager?.destroy();
         this._panel?.destroy();
         this._floatingButton?.destroy();
@@ -10257,7 +9482,6 @@ class Pillar {
         // Clear task handlers
         this._taskHandlers.clear();
         this._anyTaskHandler = null;
-        this._tooltipManager = null;
         this._textSelectionManager = null;
         this._panel = null;
         this._floatingButton = null;