@8wave/ai-elements 0.73.0 → 0.75.0

package/dist-vue/_chunks/{useLightbox-BiZUwsmB.js → useLightbox-1sB7fmFb.js}

@@ -110,4 +110,4 @@ function p() {
 //#endregion
 export { o as n, s as t };
 
-//# sourceMappingURL=useLightbox-BiZUwsmB.js.map
+//# sourceMappingURL=useLightbox-1sB7fmFb.js.map

package/dist-vue/_chunks/{useLightbox-BiZUwsmB.js.map → useLightbox-1sB7fmFb.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useLightbox-BiZUwsmB.js","names":[],"sources":["../../../../packages/components/src/composables/useLightbox.ts"],"sourcesContent":["import {\n    onBeforeUnmount,\n    ref,\n    shallowRef,\n    type Ref,\n    type ShallowRef,\n} from 'vue'\nimport type PhotoSwipeLightbox from 'photoswipe/lightbox'\nimport type PhotoSwipe from 'photoswipe'\nimport { loadCdnCss } from 'utils'\n\nconst PHOTOSWIPE_CSS =\n    'https://cdn.jsdelivr.net/npm/photoswipe@5/dist/photoswipe.css'\n\nconst DEFAULT_IMAGE_SIZE = { width: 1200, height: 800 }\n\nexport interface LightboxImage {\n    url: string\n    caption?: string\n    alt?: string\n    /** Natural width in px — used by PhotoSwipe for proper sizing. */\n    width?: number\n    /** Natural height in px — used by PhotoSwipe for proper sizing. */\n    height?: number\n}\n\nexport interface LightboxOptions {\n    /** Container element whose child anchors are the gallery items */\n    gallery: Ref<HTMLElement | undefined>\n    /** CSS selector for gallery items inside the container (default: `'a[data-pswp-src]'`) */\n    children?: string\n    loop?: boolean\n    /** Show a download button in the lightbox toolbar */\n    downloadable?: boolean\n    /** Show an open-in-new-tab button in the lightbox toolbar */\n    openInNewTab?: boolean\n}\n\nexport interface UseLightboxReturn {\n    lightbox: ShallowRef<PhotoSwipeLightbox | null>\n    /** Initialises PhotoSwipe. Call this inside `onMounted`. */\n    init: () => Promise<void>\n}\n\n/**\n * Encapsulates PhotoSwipe 5 initialisation, toolbar customisation, and lifecycle cleanup.\n * CSS is injected into `document.head` so the overlay works in both regular DOM and Shadow DOM.\n *\n * Usage:\n * ```ts\n * const { init } = useLightbox({ gallery: galleryRef, downloadable: true })\n * onMounted(init)\n * ```\n */\nexport function useLightbox(options: LightboxOptions): UseLightboxReturn {\n    const {\n        gallery,\n        children = 'a[data-pswp-src]',\n        loop = true,\n        downloadable = true,\n        openInNewTab = true,\n    } = options\n\n    const lightbox = shallowRef<PhotoSwipeLightbox | null>(null)\n\n    const init = async () => {\n        if (!gallery.value) {\n            return\n        }\n\n        // PhotoSwipe renders its overlay into document.body, so CSS must be in\n        // document.head — not inside a shadow root.\n        loadCdnCss(PHOTOSWIPE_CSS)\n        injectPhotoSwipeOverrides()\n\n        const { default: PhotoSwipeLightbox } =\n            await import('photoswipe/lightbox')\n\n        lightbox.value = new PhotoSwipeLightbox({\n            gallery: gallery.value,\n            children,\n            pswpModule: () => import('photoswipe'),\n            loop,\n            arrowPrevSVG:\n                '<svg aria-hidden=\"true\" class=\"pswp__icn\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path fill=\"#ffffff\" d=\"m10.828 12l4.95 4.95l-1.414 1.415L8 12l6.364-6.364l1.414 1.414z\"/></svg>',\n            arrowNextSVG:\n                '<svg aria-hidden=\"true\" class=\"pswp__icn\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path fill=\"#ffffff\" d=\"m13.172 12l-4.95-4.95l1.414-1.413L16 12l-6.364 6.364l-1.414-1.415z\"/></svg>',\n            closeSVG:\n                '<svg aria-hidden=\"true\" class=\"pswp__icn\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path fill=\"#ffffff\" d=\"m12 10.587l4.95-4.95l1.414 1.414l-4.95 4.95l4.95 4.95l-1.415 1.414l-4.95-4.95l-4.949 4.95l-1.414-1.415l4.95-4.95l-4.95-4.95L7.05 5.638z\"/></svg>',\n            zoomSVG:\n                '<svg aria-hidden=\"true\" class=\"pswp__icn\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><g class=\"pswp__icn--zoom-in\"><path fill=\"#ffffff\" d=\"m18.031 16.617l4.283 4.282l-1.415 1.415l-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9s9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617m-2.006-.742A6.98 6.98 0 0 0 18 11c0-3.867-3.133-7-7-7s-7 3.133-7 7s3.133 7 7 7a6.98 6.98 0 0 0 4.875-1.975zM10 10V7h2v3h3v2h-3v3h-2v-3H7v-2z\"/></g><g class=\"pswp__icn--zoom-out\"><path fill=\"#ffffff\" d=\"m18.031 16.617l4.283 4.282l-1.415 1.415l-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9s9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617m-2.006-.742A6.98 6.98 0 0 0 18 11c0-3.867-3.133-7-7-7s-7 3.133-7 7s3.133 7 7 7a6.98 6.98 0 0 0 4.875-1.975zM7 10h8v2H7z\"/></g></svg>',\n        })\n\n        if (openInNewTab || downloadable) {\n            lightbox.value.on('uiRegister', () => {\n                const ui = lightbox.value!.pswp?.ui\n                if (!ui) {\n                    return\n                }\n\n                if (openInNewTab) {\n                    ui.registerElement({\n                        name: 'open-in-new-tab-button',\n                        order: 8,\n                        isButton: true,\n                        html: '<svg aria-hidden=\"true\" class=\"pswp__icn\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path fill=\"#ffffff\" d=\"M10 6v2H5v11h11v-5h2v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1zm11-3v8h-2V6.413l-7.793 7.794l-1.414-1.414L17.585 5H13V3z\"/></svg>',\n                        title: 'Open in new tab',\n                        onClick: (_, __, pswp) => {\n                            const url = getCurrentSlideUrl(pswp)\n                            if (url) {\n                                window.open(\n                                    url,\n                                    '_blank',\n                                    'noopener,noreferrer',\n                                )\n                            }\n                        },\n                    })\n                }\n\n                if (downloadable) {\n                    ui.registerElement({\n                        name: 'download-button',\n                        order: 9,\n                        isButton: true,\n                        html: '<svg aria-hidden=\"true\" class=\"pswp__icn\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path fill=\"#ffffff\" d=\"M3 19h18v2H3zm10-5.828L19.071 7.1l1.414 1.414L12 17L3.515 8.515L4.929 7.1L11 13.173V2h2z\"/></svg>',\n                        title: 'Download',\n                        onClick: (_, __, pswp) => {\n                            const url = getCurrentSlideUrl(pswp)\n                            if (url) {\n                                downloadImage(url)\n                            }\n                        },\n                    })\n                }\n            })\n        }\n\n        lightbox.value.init()\n    }\n\n    onBeforeUnmount(() => {\n        lightbox.value?.destroy()\n        lightbox.value = null\n    })\n\n    return { lightbox, init }\n}\n\n// ---------------------------------------------------------------------------\n// Image size preloading\n// ---------------------------------------------------------------------------\n\nexport interface UseImageSizesReturn {\n    preload: (\n        images: Array<{ url: string; width?: number; height?: number }>,\n    ) => void\n    getSize: (url: string) => { width: number; height: number }\n}\n\n/**\n * Preloads natural image dimensions so PhotoSwipe can size its slides correctly.\n * When `width`/`height` are already provided they are used as-is;\n * otherwise the image is loaded in the background to read `naturalWidth`/`naturalHeight`.\n */\nexport function useImageSizes(): UseImageSizesReturn {\n    const sizes = ref(new Map<string, { width: number; height: number }>())\n\n    const preload = (\n        images: Array<{ url: string; width?: number; height?: number }>,\n    ) => {\n        for (const image of images) {\n            if (image.width && image.height) {\n                sizes.value.set(image.url, {\n                    width: image.width,\n                    height: image.height,\n                })\n                continue\n            }\n            const img = new Image()\n            img.onload = () => {\n                sizes.value.set(image.url, {\n                    width: img.naturalWidth,\n                    height: img.naturalHeight,\n                })\n            }\n            img.src = image.url\n        }\n    }\n\n    const getSize = (url: string) => sizes.value.get(url) ?? DEFAULT_IMAGE_SIZE\n\n    return { preload, getSize }\n}\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\nfunction getCurrentSlideUrl(pswp: PhotoSwipe): string | undefined {\n    return (\n        pswp.currSlide?.data?.src ??\n        pswp.currSlide?.data?.element\n            ?.querySelector('img')\n            ?.getAttribute('src') ??\n        undefined\n    )\n}\n\n/**\n * Triggers a client-side download for an image URL.\n *\n * For backend media URLs (.../media/:file/view), navigates to the\n * corresponding /download endpoint which redirects to an Azure SAS URL\n * with `Content-Disposition: attachment` — no CORS issues.\n *\n * For blob: URLs (in-session uploads), uses the fetch → blob approach.\n *\n * Falls back to opening in a new tab for all other cases.\n */\nfunction downloadImage(url: string): void {\n    const downloadUrl = toDownloadUrl(url)\n\n    const anchor = document.createElement('a')\n    anchor.href = downloadUrl\n    anchor.target = '_blank'\n    anchor.rel = 'noopener noreferrer'\n    // `download` attribute works for same-origin and blob: URLs; for\n    // cross-origin it is ignored but the browser still follows Content-Disposition.\n    anchor.download = getFilenameFromUrl(url)\n    document.body.appendChild(anchor)\n    anchor.click()\n    document.body.removeChild(anchor)\n}\n\n/**\n * Converts a `/view` media URL to its `/download` counterpart.\n * Leaves blob: and all other URLs untouched.\n */\nfunction toDownloadUrl(url: string): string {\n    return url.replace(/\\/view(\\?|$)/, '/download$1')\n}\n\nfunction getFilenameFromUrl(url: string): string {\n    try {\n        const pathname = new URL(url).pathname\n        const name = pathname.split('/').pop()\n        return name && name.includes('.') ? name : 'image'\n    } catch {\n        return 'image'\n    }\n}\n\nlet overridesInjected = false\n\n/**\n * Injects a one-time `<style>` into `document.head` that raises\n * PhotoSwipe's z-index above any host UI (e.g. floating chat widgets\n * that use `z-index: 2147483647`).\n */\nfunction injectPhotoSwipeOverrides(): void {\n    if (overridesInjected) {\n        return\n    }\n    overridesInjected = true\n    const style = document.createElement('style')\n    style.textContent = [\n        '.pswp { z-index: 2147483647 !important; }',\n        '.pswp__icn { width: 20px; height: 20px; }',\n        '.pswp__button { width: 40px; height: 40px; }',\n        '.pswp__icn--zoom-out { display: none; }',\n        '.pswp--zoomed-in .pswp__icn--zoom-in { display: none; }',\n        '.pswp--zoomed-in .pswp__icn--zoom-out { display: block; }',\n    ].join(' ')\n    document.head.appendChild(style)\n}\n"],"mappings":"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"}
+{"version":3,"file":"useLightbox-1sB7fmFb.js","names":[],"sources":["../../../../packages/components/src/composables/useLightbox.ts"],"sourcesContent":["import {\n    onBeforeUnmount,\n    ref,\n    shallowRef,\n    type Ref,\n    type ShallowRef,\n} from 'vue'\nimport type PhotoSwipeLightbox from 'photoswipe/lightbox'\nimport type PhotoSwipe from 'photoswipe'\nimport { loadCdnCss } from 'utils'\n\nconst PHOTOSWIPE_CSS =\n    'https://cdn.jsdelivr.net/npm/photoswipe@5/dist/photoswipe.css'\n\nconst DEFAULT_IMAGE_SIZE = { width: 1200, height: 800 }\n\nexport interface LightboxImage {\n    url: string\n    caption?: string\n    alt?: string\n    /** Natural width in px — used by PhotoSwipe for proper sizing. */\n    width?: number\n    /** Natural height in px — used by PhotoSwipe for proper sizing. */\n    height?: number\n}\n\nexport interface LightboxOptions {\n    /** Container element whose child anchors are the gallery items */\n    gallery: Ref<HTMLElement | undefined>\n    /** CSS selector for gallery items inside the container (default: `'a[data-pswp-src]'`) */\n    children?: string\n    loop?: boolean\n    /** Show a download button in the lightbox toolbar */\n    downloadable?: boolean\n    /** Show an open-in-new-tab button in the lightbox toolbar */\n    openInNewTab?: boolean\n}\n\nexport interface UseLightboxReturn {\n    lightbox: ShallowRef<PhotoSwipeLightbox | null>\n    /** Initialises PhotoSwipe. Call this inside `onMounted`. */\n    init: () => Promise<void>\n}\n\n/**\n * Encapsulates PhotoSwipe 5 initialisation, toolbar customisation, and lifecycle cleanup.\n * CSS is injected into `document.head` so the overlay works in both regular DOM and Shadow DOM.\n *\n * Usage:\n * ```ts\n * const { init } = useLightbox({ gallery: galleryRef, downloadable: true })\n * onMounted(init)\n * ```\n */\nexport function useLightbox(options: LightboxOptions): UseLightboxReturn {\n    const {\n        gallery,\n        children = 'a[data-pswp-src]',\n        loop = true,\n        downloadable = true,\n        openInNewTab = true,\n    } = options\n\n    const lightbox = shallowRef<PhotoSwipeLightbox | null>(null)\n\n    const init = async () => {\n        if (!gallery.value) {\n            return\n        }\n\n        // PhotoSwipe renders its overlay into document.body, so CSS must be in\n        // document.head — not inside a shadow root.\n        loadCdnCss(PHOTOSWIPE_CSS)\n        injectPhotoSwipeOverrides()\n\n        const { default: PhotoSwipeLightbox } =\n            await import('photoswipe/lightbox')\n\n        lightbox.value = new PhotoSwipeLightbox({\n            gallery: gallery.value,\n            children,\n            pswpModule: () => import('photoswipe'),\n            loop,\n            arrowPrevSVG:\n                '<svg aria-hidden=\"true\" class=\"pswp__icn\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path fill=\"#ffffff\" d=\"m10.828 12l4.95 4.95l-1.414 1.415L8 12l6.364-6.364l1.414 1.414z\"/></svg>',\n            arrowNextSVG:\n                '<svg aria-hidden=\"true\" class=\"pswp__icn\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path fill=\"#ffffff\" d=\"m13.172 12l-4.95-4.95l1.414-1.413L16 12l-6.364 6.364l-1.414-1.415z\"/></svg>',\n            closeSVG:\n                '<svg aria-hidden=\"true\" class=\"pswp__icn\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path fill=\"#ffffff\" d=\"m12 10.587l4.95-4.95l1.414 1.414l-4.95 4.95l4.95 4.95l-1.415 1.414l-4.95-4.95l-4.949 4.95l-1.414-1.415l4.95-4.95l-4.95-4.95L7.05 5.638z\"/></svg>',\n            zoomSVG:\n                '<svg aria-hidden=\"true\" class=\"pswp__icn\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><g class=\"pswp__icn--zoom-in\"><path fill=\"#ffffff\" d=\"m18.031 16.617l4.283 4.282l-1.415 1.415l-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9s9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617m-2.006-.742A6.98 6.98 0 0 0 18 11c0-3.867-3.133-7-7-7s-7 3.133-7 7s3.133 7 7 7a6.98 6.98 0 0 0 4.875-1.975zM10 10V7h2v3h3v2h-3v3h-2v-3H7v-2z\"/></g><g class=\"pswp__icn--zoom-out\"><path fill=\"#ffffff\" d=\"m18.031 16.617l4.283 4.282l-1.415 1.415l-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9s9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617m-2.006-.742A6.98 6.98 0 0 0 18 11c0-3.867-3.133-7-7-7s-7 3.133-7 7s3.133 7 7 7a6.98 6.98 0 0 0 4.875-1.975zM7 10h8v2H7z\"/></g></svg>',\n        })\n\n        if (openInNewTab || downloadable) {\n            lightbox.value.on('uiRegister', () => {\n                const ui = lightbox.value!.pswp?.ui\n                if (!ui) {\n                    return\n                }\n\n                if (openInNewTab) {\n                    ui.registerElement({\n                        name: 'open-in-new-tab-button',\n                        order: 8,\n                        isButton: true,\n                        html: '<svg aria-hidden=\"true\" class=\"pswp__icn\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path fill=\"#ffffff\" d=\"M10 6v2H5v11h11v-5h2v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1zm11-3v8h-2V6.413l-7.793 7.794l-1.414-1.414L17.585 5H13V3z\"/></svg>',\n                        title: 'Open in new tab',\n                        onClick: (_, __, pswp) => {\n                            const url = getCurrentSlideUrl(pswp)\n                            if (url) {\n                                window.open(\n                                    url,\n                                    '_blank',\n                                    'noopener,noreferrer',\n                                )\n                            }\n                        },\n                    })\n                }\n\n                if (downloadable) {\n                    ui.registerElement({\n                        name: 'download-button',\n                        order: 9,\n                        isButton: true,\n                        html: '<svg aria-hidden=\"true\" class=\"pswp__icn\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path fill=\"#ffffff\" d=\"M3 19h18v2H3zm10-5.828L19.071 7.1l1.414 1.414L12 17L3.515 8.515L4.929 7.1L11 13.173V2h2z\"/></svg>',\n                        title: 'Download',\n                        onClick: (_, __, pswp) => {\n                            const url = getCurrentSlideUrl(pswp)\n                            if (url) {\n                                downloadImage(url)\n                            }\n                        },\n                    })\n                }\n            })\n        }\n\n        lightbox.value.init()\n    }\n\n    onBeforeUnmount(() => {\n        lightbox.value?.destroy()\n        lightbox.value = null\n    })\n\n    return { lightbox, init }\n}\n\n// ---------------------------------------------------------------------------\n// Image size preloading\n// ---------------------------------------------------------------------------\n\nexport interface UseImageSizesReturn {\n    preload: (\n        images: Array<{ url: string; width?: number; height?: number }>,\n    ) => void\n    getSize: (url: string) => { width: number; height: number }\n}\n\n/**\n * Preloads natural image dimensions so PhotoSwipe can size its slides correctly.\n * When `width`/`height` are already provided they are used as-is;\n * otherwise the image is loaded in the background to read `naturalWidth`/`naturalHeight`.\n */\nexport function useImageSizes(): UseImageSizesReturn {\n    const sizes = ref(new Map<string, { width: number; height: number }>())\n\n    const preload = (\n        images: Array<{ url: string; width?: number; height?: number }>,\n    ) => {\n        for (const image of images) {\n            if (image.width && image.height) {\n                sizes.value.set(image.url, {\n                    width: image.width,\n                    height: image.height,\n                })\n                continue\n            }\n            const img = new Image()\n            img.onload = () => {\n                sizes.value.set(image.url, {\n                    width: img.naturalWidth,\n                    height: img.naturalHeight,\n                })\n            }\n            img.src = image.url\n        }\n    }\n\n    const getSize = (url: string) => sizes.value.get(url) ?? DEFAULT_IMAGE_SIZE\n\n    return { preload, getSize }\n}\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\nfunction getCurrentSlideUrl(pswp: PhotoSwipe): string | undefined {\n    return (\n        pswp.currSlide?.data?.src ??\n        pswp.currSlide?.data?.element\n            ?.querySelector('img')\n            ?.getAttribute('src') ??\n        undefined\n    )\n}\n\n/**\n * Triggers a client-side download for an image URL.\n *\n * For backend media URLs (.../media/:file/view), navigates to the\n * corresponding /download endpoint which redirects to an Azure SAS URL\n * with `Content-Disposition: attachment` — no CORS issues.\n *\n * For blob: URLs (in-session uploads), uses the fetch → blob approach.\n *\n * Falls back to opening in a new tab for all other cases.\n */\nfunction downloadImage(url: string): void {\n    const downloadUrl = toDownloadUrl(url)\n\n    const anchor = document.createElement('a')\n    anchor.href = downloadUrl\n    anchor.target = '_blank'\n    anchor.rel = 'noopener noreferrer'\n    // `download` attribute works for same-origin and blob: URLs; for\n    // cross-origin it is ignored but the browser still follows Content-Disposition.\n    anchor.download = getFilenameFromUrl(url)\n    document.body.appendChild(anchor)\n    anchor.click()\n    document.body.removeChild(anchor)\n}\n\n/**\n * Converts a `/view` media URL to its `/download` counterpart.\n * Leaves blob: and all other URLs untouched.\n */\nfunction toDownloadUrl(url: string): string {\n    return url.replace(/\\/view(\\?|$)/, '/download$1')\n}\n\nfunction getFilenameFromUrl(url: string): string {\n    try {\n        const pathname = new URL(url).pathname\n        const name = pathname.split('/').pop()\n        return name && name.includes('.') ? name : 'image'\n    } catch {\n        return 'image'\n    }\n}\n\nlet overridesInjected = false\n\n/**\n * Injects a one-time `<style>` into `document.head` that raises\n * PhotoSwipe's z-index above any host UI (e.g. floating chat widgets\n * that use `z-index: 2147483647`).\n */\nfunction injectPhotoSwipeOverrides(): void {\n    if (overridesInjected) {\n        return\n    }\n    overridesInjected = true\n    const style = document.createElement('style')\n    style.textContent = [\n        '.pswp { z-index: 2147483647 !important; }',\n        '.pswp__icn { width: 20px; height: 20px; }',\n        '.pswp__button { width: 40px; height: 40px; }',\n        '.pswp__icn--zoom-out { display: none; }',\n        '.pswp--zoomed-in .pswp__icn--zoom-in { display: none; }',\n        '.pswp--zoomed-in .pswp__icn--zoom-out { display: block; }',\n    ].join(' ')\n    document.head.appendChild(style)\n}\n"],"mappings":"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"}

package/dist-vue/_chunks/{utils-DO7emdsn.js → utils-BegUBK7s.js}

@@ -29,4 +29,4 @@ function l(t, r) {
 //#endregion
 export { r as a, a as i, i as n, s as o, l as r, c as t };
 
-//# sourceMappingURL=utils-DO7emdsn.js.map
+//# sourceMappingURL=utils-BegUBK7s.js.map

package/dist-vue/_chunks/{utils-DO7emdsn.js.map → utils-BegUBK7s.js.map}

@@ -1 +1 @@
-{"version":3,"file":"utils-DO7emdsn.js","names":[],"sources":["../../../../packages/components/src/chat/utils.ts"],"sourcesContent":["import type { UIMessage } from 'ai'\nimport {\n    isTextPart,\n    isFilePart,\n    isToolPart,\n    isReasoningPart,\n    hasPartText,\n    hasTextPart,\n    getTextPart,\n    getMessageText,\n} from 'utils'\n\nexport {\n    isTextPart,\n    isFilePart,\n    isToolPart,\n    isReasoningPart,\n    hasPartText,\n    hasTextPart,\n    getTextPart,\n    getMessageText,\n}\n\nexport function isStreamingPart(\n    part: UIMessage['parts'][number] | null | undefined,\n): part is Extract<UIMessage['parts'][number], { streaming?: boolean }> {\n    if (!part) return false\n    if ('state' in part) {\n        return part.state === 'streaming' || part.state === 'input-streaming'\n    }\n    return false\n}\n\nexport function getPartState(\n    part: UIMessage['parts'][number] | null | undefined,\n): string | undefined {\n    if (!part) return undefined\n    if ('state' in part) {\n        return part.state\n    }\n    return undefined\n}\n\nexport function isLoadingState(state?: string): boolean {\n    if (!state) return false\n    return ['streaming'].includes(state)\n}\n\nexport function getContrast(hexcolor: string = '000000'): 'black' | 'white' {\n    let hex = hexcolor.replace('#', '')\n\n    // Expand 3-character hex to 6-character (e.g., #ccc -> #cccccc)\n    if (hex.length === 3) {\n        hex = hex\n            .split('')\n            .map((char) => char + char)\n            .join('')\n    }\n\n    // WCAG relative luminance\n    const r = parseInt(hex.substring(0, 2), 16) / 255\n    const g = parseInt(hex.substring(2, 4), 16) / 255\n    const b = parseInt(hex.substring(4, 6), 16) / 255\n\n    const linearize = (c: number) =>\n        c <= 0.03928 ? c / 12.92 : ((c + 0.055) / 1.055) ** 2.4\n\n    const luminance =\n        0.2126 * linearize(r) + 0.7152 * linearize(g) + 0.0722 * linearize(b)\n\n    return luminance > 0.179 ? 'black' : 'white'\n}\n\n/**\n * Resolves the contrast color based on the user's `textColor` preference.\n * Falls back to WCAG auto-detection via `getContrast` when set to `'auto'` or `undefined`.\n */\nexport function resolveContrastColor(\n    textColor: 'auto' | 'white' | 'black' | undefined,\n    mainColor: string | undefined,\n): 'black' | 'white' {\n    if (textColor === 'white' || textColor === 'black') {\n        return textColor\n    }\n    return getContrast(mainColor)\n}\n\n// Get part icon\nexport function getPartIcon(\n    part?: UIMessage['parts'][number] | null,\n): string | undefined {\n    if (isToolPart(part)) {\n        if (part.type.includes('tool-subagent')) {\n            return 'ri:robot-2-line'\n        }\n        if (part.type.includes('tool-mcp')) {\n            return 'octicon:mcp-16'\n        }\n        if (part.type === 'tool-retrieveRevisedAnswers') {\n            return 'ri:file-edit-line'\n        }\n        if (part.type === 'tool-searchInKnowledgeBase') {\n            return 'ri:search-line'\n        }\n        if (part.type === 'tool-showMultipleChoice') {\n            return 'ri:checkbox-multiple-line'\n        }\n        if (part.type === 'tool-showArtifact') {\n            return 'ri:file-code-line'\n        }\n        if (part.type === 'tool-showEmail') {\n            return 'ri:mail-line'\n        }\n        if (part.type === 'tool-showMessage') {\n            return 'ri:chat-1-line'\n        }\n        if (part.type === 'tool-showWebPages') {\n            return 'ri:pages-line'\n        }\n        if (part.type === 'tool-showProductList') {\n            return 'ri:shopping-bag-line'\n        }\n        if (part.type === 'tool-showContactForm') {\n            return 'ri:send-plane-2-line'\n        }\n        if (part.type === 'tool-showCalendarEvent') {\n            return 'ri:calendar-event-line'\n        }\n        if (part.type === 'tool-showComparison') {\n            return 'ri:scales-line'\n        }\n        if (part.type === 'tool-showLocation') {\n            return 'ri:map-pin-line'\n        }\n        if (part.type === 'tool-showQrCode') {\n            return 'ri:qr-code-line'\n        }\n        if (part.type === 'tool-showImageGallery') {\n            return 'ri:image-line'\n        }\n        if (part.type === 'tool-showSuggestedReply') {\n            return 'ri:corner-down-right-line'\n        }\n        if (part.type === 'tool-requestGeolocation') {\n            return 'ri:map-pin-user-line'\n        }\n        return 'ri:tools-line'\n    }\n    if (isReasoningPart(part)) {\n        return 'ri:lightbulb-line'\n    }\n    if (isTextPart(part)) {\n        return 'ri:double-quotes-r'\n    }\n    return undefined\n}\n\n// Get part label\nexport function getToolPartLabel(\n    $t: (key: string) => string,\n    part?: UIMessage['parts'][number] | null,\n): string | undefined {\n    if (isToolPart(part)) {\n        if (part.type === 'tool-retrieveRevisedAnswers') {\n            return $t(`messagePart.revisedAnswers`)\n        }\n        if (part.type === 'tool-searchInKnowledgeBase') {\n            return $t(`messagePart.searchingDocuments`)\n        }\n        if (part.type === 'tool-showMultipleChoice') {\n            return $t(`messagePart.showMultipleChoice`)\n        }\n        if (part.type === 'tool-showArtifact') {\n            return $t(`messagePart.showArtifact`)\n        }\n        if (part.type === 'tool-showEmail') {\n            return $t(`messagePart.showEmail`)\n        }\n        if (part.type === 'tool-showMessage') {\n            return $t(`messagePart.showMessage`)\n        }\n        if (part.type === 'tool-showWebPages') {\n            return $t(`messagePart.showWebPages`)\n        }\n        if (part.type === 'tool-showProducts') {\n            return $t(`messagePart.showProducts`)\n        }\n        if (part.type === 'tool-showContactForm') {\n            return $t(`messagePart.showContactForm`)\n        }\n        if (part.type === 'tool-showCalendarEvent') {\n            return $t(`messagePart.showCalendarEvent`)\n        }\n        if (part.type === 'tool-showComparison') {\n            return $t(`messagePart.showComparison`)\n        }\n        if (part.type === 'tool-showLocation') {\n            return $t(`messagePart.showLocation`)\n        }\n        if (part.type === 'tool-showQrCode') {\n            return $t(`messagePart.showQrCode`)\n        }\n        if (part.type === 'tool-showImageGallery') {\n            return $t(`messagePart.showImageGallery`)\n        }\n        if (part.type === 'tool-showSuggestedReply') {\n            return $t(`messagePart.showSuggestedReply`)\n        }\n        if (part.type === 'tool-requestGeolocation') {\n            return $t(`messagePart.requestGeolocation`)\n        }\n        return $t(`messagePart.tool`)\n    }\n    if (isReasoningPart(part)) {\n        return $t(`messagePart.reasoning`)\n    }\n    return $t(`messagePart.streaming`)\n}\n"],"mappings":";;AAuBA,SAAgB,EACZ,GACoE;AAKpE,QAJK,KACD,WAAW,IACJ,EAAK,UAAU,eAAe,EAAK,UAAU,oBAEjD;;AAGX,SAAgB,EACZ,GACkB;AACb,UACD,WAAW,EACX,QAAO,EAAK;;AAKpB,SAAgB,EAAe,GAAyB;AAEpD,QADK,IACE,CAAC,YAAY,CAAC,SAAS,EAAM,GADjB;;AAIvB,SAAgB,EAAY,IAAmB,UAA6B;CACxE,IAAI,IAAM,EAAS,QAAQ,KAAK,GAAG;AAGnC,CAAI,EAAI,WAAW,MACf,IAAM,EACD,MAAM,GAAG,CACT,KAAK,MAAS,IAAO,EAAK,CAC1B,KAAK,GAAG;CAIjB,IAAM,IAAI,SAAS,EAAI,UAAU,GAAG,EAAE,EAAE,GAAG,GAAG,KACxC,IAAI,SAAS,EAAI,UAAU,GAAG,EAAE,EAAE,GAAG,GAAG,KACxC,IAAI,SAAS,EAAI,UAAU,GAAG,EAAE,EAAE,GAAG,GAAG,KAExC,KAAa,MACf,KAAK,SAAU,IAAI,UAAU,IAAI,QAAS,UAAU;AAKxD,QAFI,QAAS,EAAU,EAAE,GAAG,QAAS,EAAU,EAAE,GAAG,QAAS,EAAU,EAAE,GAEtD,OAAQ,UAAU;;AAOzC,SAAgB,EACZ,GACA,GACiB;AAIjB,QAHI,MAAc,WAAW,MAAc,UAChC,IAEJ,EAAY,EAAU;;AAIjC,SAAgB,EACZ,GACkB;AAClB,KAAI,EAAW,EAAK,CAuDhB,QAtDI,EAAK,KAAK,SAAS,gBAAgB,GAC5B,oBAEP,EAAK,KAAK,SAAS,WAAW,GACvB,mBAEP,EAAK,SAAS,gCACP,sBAEP,EAAK,SAAS,+BACP,mBAEP,EAAK,SAAS,4BACP,8BAEP,EAAK,SAAS,sBACP,sBAEP,EAAK,SAAS,mBACP,iBAEP,EAAK,SAAS,qBACP,mBAEP,EAAK,SAAS,sBACP,kBAEP,EAAK,SAAS,yBACP,yBAEP,EAAK,SAAS,yBACP,yBAEP,EAAK,SAAS,2BACP,2BAEP,EAAK,SAAS,wBACP,mBAEP,EAAK,SAAS,sBACP,oBAEP,EAAK,SAAS,oBACP,oBAEP,EAAK,SAAS,0BACP,kBAEP,EAAK,SAAS,4BACP,8BAEP,EAAK,SAAS,4BACP,yBAEJ;AAEX,KAAI,EAAgB,EAAK,CACrB,QAAO;AAEX,KAAI,EAAW,EAAK,CAChB,QAAO;;AAMf,SAAgB,EACZ,GACA,GACkB;AAuDlB,QAtDI,EAAW,EAAK,GACZ,EAAK,SAAS,gCACP,EAAG,6BAA6B,GAEvC,EAAK,SAAS,+BACP,EAAG,iCAAiC,GAE3C,EAAK,SAAS,4BACP,EAAG,iCAAiC,GAE3C,EAAK,SAAS,sBACP,EAAG,2BAA2B,GAErC,EAAK,SAAS,mBACP,EAAG,wBAAwB,GAElC,EAAK,SAAS,qBACP,EAAG,0BAA0B,GAEpC,EAAK,SAAS,sBACP,EAAG,2BAA2B,GAErC,EAAK,SAAS,sBACP,EAAG,2BAA2B,GAErC,EAAK,SAAS,yBACP,EAAG,8BAA8B,GAExC,EAAK,SAAS,2BACP,EAAG,gCAAgC,GAE1C,EAAK,SAAS,wBACP,EAAG,6BAA6B,GAEvC,EAAK,SAAS,sBACP,EAAG,2BAA2B,GAErC,EAAK,SAAS,oBACP,EAAG,yBAAyB,GAEnC,EAAK,SAAS,0BACP,EAAG,+BAA+B,GAEzC,EAAK,SAAS,4BACP,EAAG,iCAAiC,GAE3C,EAAK,SAAS,4BACP,EAAG,iCAAiC,GAExC,EAAG,mBAAmB,GAE7B,EAAgB,EAAK,GACd,EAAG,wBAAwB,GAE/B,EAAG,wBAAwB"}
+{"version":3,"file":"utils-BegUBK7s.js","names":[],"sources":["../../../../packages/components/src/chat/utils.ts"],"sourcesContent":["import type { UIMessage } from 'ai'\nimport {\n    isTextPart,\n    isFilePart,\n    isToolPart,\n    isReasoningPart,\n    hasPartText,\n    hasTextPart,\n    getTextPart,\n    getMessageText,\n} from 'utils'\n\nexport {\n    isTextPart,\n    isFilePart,\n    isToolPart,\n    isReasoningPart,\n    hasPartText,\n    hasTextPart,\n    getTextPart,\n    getMessageText,\n}\n\nexport function isStreamingPart(\n    part: UIMessage['parts'][number] | null | undefined,\n): part is Extract<UIMessage['parts'][number], { streaming?: boolean }> {\n    if (!part) return false\n    if ('state' in part) {\n        return part.state === 'streaming' || part.state === 'input-streaming'\n    }\n    return false\n}\n\nexport function getPartState(\n    part: UIMessage['parts'][number] | null | undefined,\n): string | undefined {\n    if (!part) return undefined\n    if ('state' in part) {\n        return part.state\n    }\n    return undefined\n}\n\nexport function isLoadingState(state?: string): boolean {\n    if (!state) return false\n    return ['streaming'].includes(state)\n}\n\nexport function getContrast(hexcolor: string = '000000'): 'black' | 'white' {\n    let hex = hexcolor.replace('#', '')\n\n    // Expand 3-character hex to 6-character (e.g., #ccc -> #cccccc)\n    if (hex.length === 3) {\n        hex = hex\n            .split('')\n            .map((char) => char + char)\n            .join('')\n    }\n\n    // WCAG relative luminance\n    const r = parseInt(hex.substring(0, 2), 16) / 255\n    const g = parseInt(hex.substring(2, 4), 16) / 255\n    const b = parseInt(hex.substring(4, 6), 16) / 255\n\n    const linearize = (c: number) =>\n        c <= 0.03928 ? c / 12.92 : ((c + 0.055) / 1.055) ** 2.4\n\n    const luminance =\n        0.2126 * linearize(r) + 0.7152 * linearize(g) + 0.0722 * linearize(b)\n\n    return luminance > 0.179 ? 'black' : 'white'\n}\n\n/**\n * Resolves the contrast color based on the user's `textColor` preference.\n * Falls back to WCAG auto-detection via `getContrast` when set to `'auto'` or `undefined`.\n */\nexport function resolveContrastColor(\n    textColor: 'auto' | 'white' | 'black' | undefined,\n    mainColor: string | undefined,\n): 'black' | 'white' {\n    if (textColor === 'white' || textColor === 'black') {\n        return textColor\n    }\n    return getContrast(mainColor)\n}\n\n// Get part icon\nexport function getPartIcon(\n    part?: UIMessage['parts'][number] | null,\n): string | undefined {\n    if (isToolPart(part)) {\n        if (part.type.includes('tool-subagent')) {\n            return 'ri:robot-2-line'\n        }\n        if (part.type.includes('tool-mcp')) {\n            return 'octicon:mcp-16'\n        }\n        if (part.type === 'tool-retrieveRevisedAnswers') {\n            return 'ri:file-edit-line'\n        }\n        if (part.type === 'tool-searchInKnowledgeBase') {\n            return 'ri:search-line'\n        }\n        if (part.type === 'tool-showMultipleChoice') {\n            return 'ri:checkbox-multiple-line'\n        }\n        if (part.type === 'tool-showArtifact') {\n            return 'ri:file-code-line'\n        }\n        if (part.type === 'tool-showEmail') {\n            return 'ri:mail-line'\n        }\n        if (part.type === 'tool-showMessage') {\n            return 'ri:chat-1-line'\n        }\n        if (part.type === 'tool-showWebPages') {\n            return 'ri:pages-line'\n        }\n        if (part.type === 'tool-showProductList') {\n            return 'ri:shopping-bag-line'\n        }\n        if (part.type === 'tool-showContactForm') {\n            return 'ri:send-plane-2-line'\n        }\n        if (part.type === 'tool-showCalendarEvent') {\n            return 'ri:calendar-event-line'\n        }\n        if (part.type === 'tool-showComparison') {\n            return 'ri:scales-line'\n        }\n        if (part.type === 'tool-showLocation') {\n            return 'ri:map-pin-line'\n        }\n        if (part.type === 'tool-showQrCode') {\n            return 'ri:qr-code-line'\n        }\n        if (part.type === 'tool-showImageGallery') {\n            return 'ri:image-line'\n        }\n        if (part.type === 'tool-showSuggestedReply') {\n            return 'ri:corner-down-right-line'\n        }\n        if (part.type === 'tool-requestGeolocation') {\n            return 'ri:map-pin-user-line'\n        }\n        return 'ri:tools-line'\n    }\n    if (isReasoningPart(part)) {\n        return 'ri:lightbulb-line'\n    }\n    if (isTextPart(part)) {\n        return 'ri:double-quotes-r'\n    }\n    return undefined\n}\n\n// Get part label\nexport function getToolPartLabel(\n    $t: (key: string) => string,\n    part?: UIMessage['parts'][number] | null,\n): string | undefined {\n    if (isToolPart(part)) {\n        if (part.type === 'tool-retrieveRevisedAnswers') {\n            return $t(`messagePart.revisedAnswers`)\n        }\n        if (part.type === 'tool-searchInKnowledgeBase') {\n            return $t(`messagePart.searchingDocuments`)\n        }\n        if (part.type === 'tool-showMultipleChoice') {\n            return $t(`messagePart.showMultipleChoice`)\n        }\n        if (part.type === 'tool-showArtifact') {\n            return $t(`messagePart.showArtifact`)\n        }\n        if (part.type === 'tool-showEmail') {\n            return $t(`messagePart.showEmail`)\n        }\n        if (part.type === 'tool-showMessage') {\n            return $t(`messagePart.showMessage`)\n        }\n        if (part.type === 'tool-showWebPages') {\n            return $t(`messagePart.showWebPages`)\n        }\n        if (part.type === 'tool-showProducts') {\n            return $t(`messagePart.showProducts`)\n        }\n        if (part.type === 'tool-showContactForm') {\n            return $t(`messagePart.showContactForm`)\n        }\n        if (part.type === 'tool-showCalendarEvent') {\n            return $t(`messagePart.showCalendarEvent`)\n        }\n        if (part.type === 'tool-showComparison') {\n            return $t(`messagePart.showComparison`)\n        }\n        if (part.type === 'tool-showLocation') {\n            return $t(`messagePart.showLocation`)\n        }\n        if (part.type === 'tool-showQrCode') {\n            return $t(`messagePart.showQrCode`)\n        }\n        if (part.type === 'tool-showImageGallery') {\n            return $t(`messagePart.showImageGallery`)\n        }\n        if (part.type === 'tool-showSuggestedReply') {\n            return $t(`messagePart.showSuggestedReply`)\n        }\n        if (part.type === 'tool-requestGeolocation') {\n            return $t(`messagePart.requestGeolocation`)\n        }\n        return $t(`messagePart.tool`)\n    }\n    if (isReasoningPart(part)) {\n        return $t(`messagePart.reasoning`)\n    }\n    return $t(`messagePart.streaming`)\n}\n"],"mappings":";;AAuBA,SAAgB,EACZ,GACoE;AAKpE,QAJK,KACD,WAAW,IACJ,EAAK,UAAU,eAAe,EAAK,UAAU,oBAEjD;;AAGX,SAAgB,EACZ,GACkB;AACb,UACD,WAAW,EACX,QAAO,EAAK;;AAKpB,SAAgB,EAAe,GAAyB;AAEpD,QADK,IACE,CAAC,YAAY,CAAC,SAAS,EAAM,GADjB;;AAIvB,SAAgB,EAAY,IAAmB,UAA6B;CACxE,IAAI,IAAM,EAAS,QAAQ,KAAK,GAAG;AAGnC,CAAI,EAAI,WAAW,MACf,IAAM,EACD,MAAM,GAAG,CACT,KAAK,MAAS,IAAO,EAAK,CAC1B,KAAK,GAAG;CAIjB,IAAM,IAAI,SAAS,EAAI,UAAU,GAAG,EAAE,EAAE,GAAG,GAAG,KACxC,IAAI,SAAS,EAAI,UAAU,GAAG,EAAE,EAAE,GAAG,GAAG,KACxC,IAAI,SAAS,EAAI,UAAU,GAAG,EAAE,EAAE,GAAG,GAAG,KAExC,KAAa,MACf,KAAK,SAAU,IAAI,UAAU,IAAI,QAAS,UAAU;AAKxD,QAFI,QAAS,EAAU,EAAE,GAAG,QAAS,EAAU,EAAE,GAAG,QAAS,EAAU,EAAE,GAEtD,OAAQ,UAAU;;AAOzC,SAAgB,EACZ,GACA,GACiB;AAIjB,QAHI,MAAc,WAAW,MAAc,UAChC,IAEJ,EAAY,EAAU;;AAIjC,SAAgB,EACZ,GACkB;AAClB,KAAI,EAAW,EAAK,CAuDhB,QAtDI,EAAK,KAAK,SAAS,gBAAgB,GAC5B,oBAEP,EAAK,KAAK,SAAS,WAAW,GACvB,mBAEP,EAAK,SAAS,gCACP,sBAEP,EAAK,SAAS,+BACP,mBAEP,EAAK,SAAS,4BACP,8BAEP,EAAK,SAAS,sBACP,sBAEP,EAAK,SAAS,mBACP,iBAEP,EAAK,SAAS,qBACP,mBAEP,EAAK,SAAS,sBACP,kBAEP,EAAK,SAAS,yBACP,yBAEP,EAAK,SAAS,yBACP,yBAEP,EAAK,SAAS,2BACP,2BAEP,EAAK,SAAS,wBACP,mBAEP,EAAK,SAAS,sBACP,oBAEP,EAAK,SAAS,oBACP,oBAEP,EAAK,SAAS,0BACP,kBAEP,EAAK,SAAS,4BACP,8BAEP,EAAK,SAAS,4BACP,yBAEJ;AAEX,KAAI,EAAgB,EAAK,CACrB,QAAO;AAEX,KAAI,EAAW,EAAK,CAChB,QAAO;;AAMf,SAAgB,EACZ,GACA,GACkB;AAuDlB,QAtDI,EAAW,EAAK,GACZ,EAAK,SAAS,gCACP,EAAG,6BAA6B,GAEvC,EAAK,SAAS,+BACP,EAAG,iCAAiC,GAE3C,EAAK,SAAS,4BACP,EAAG,iCAAiC,GAE3C,EAAK,SAAS,sBACP,EAAG,2BAA2B,GAErC,EAAK,SAAS,mBACP,EAAG,wBAAwB,GAElC,EAAK,SAAS,qBACP,EAAG,0BAA0B,GAEpC,EAAK,SAAS,sBACP,EAAG,2BAA2B,GAErC,EAAK,SAAS,sBACP,EAAG,2BAA2B,GAErC,EAAK,SAAS,yBACP,EAAG,8BAA8B,GAExC,EAAK,SAAS,2BACP,EAAG,gCAAgC,GAE1C,EAAK,SAAS,wBACP,EAAG,6BAA6B,GAEvC,EAAK,SAAS,sBACP,EAAG,2BAA2B,GAErC,EAAK,SAAS,oBACP,EAAG,yBAAyB,GAEnC,EAAK,SAAS,0BACP,EAAG,+BAA+B,GAEzC,EAAK,SAAS,4BACP,EAAG,iCAAiC,GAE3C,EAAK,SAAS,4BACP,EAAG,iCAAiC,GAExC,EAAG,mBAAmB,GAE7B,EAAgB,EAAK,GACd,EAAG,wBAAwB,GAE/B,EAAG,wBAAwB"}

package/dist-vue/api.js

@@ -1,2 +1,2 @@
-import { t as e } from "./_chunks/createChatbotApiClient-2ynLWELM.js";
+import { t as e } from "./_chunks/createChatbotApiClient-f86KwRcq.js";
 export { e as createChatbotApiClient };

package/dist-vue/apps/web-component/src/composables/useChatbotAgent.d.ts

@@ -1,5 +1,5 @@
-import { MaybeRefOrGetter, Ref, ComputedRef } from 'vue';
-import { AgentStatus, AgentVisibility, AgentLoaderStrategy, StoragePolicy } from '../../../../packages/models/src';
+import { MaybeRefOrGetter } from 'vue';
+import { AgentStatus, AgentVisibility, AgentLoaderStrategy, StoragePolicy, AgentChannel } from '../../../../packages/models/src';
 export declare function useChatbotAgent(options: {
     baseUrl?: string;
     basePath?: string;
@@ -7,7 +7,7 @@ export declare function useChatbotAgent(options: {
     agentId?: MaybeRefOrGetter<string>;
     headers?: MaybeRefOrGetter<Record<string, string> | undefined>;
 }): {
-    agent: Ref<{
+    agent: globalThis.Ref<{
         id: string;
         name: string;
         status: AgentStatus;
@@ -114,6 +114,7 @@ export declare function useChatbotAgent(options: {
                 maxFilesPerChat: number;
             };
         };
+        channels: AgentChannel[];
         logo?: string | undefined;
     } | undefined, {
         id: string;
@@ -222,12 +223,13 @@ export declare function useChatbotAgent(options: {
                 maxFilesPerChat: number;
             };
         };
+        channels: AgentChannel[];
         logo?: string | undefined;
     } | undefined>;
-    contrastColor: ComputedRef<"white" | "black">;
-    mainColor: ComputedRef<string | undefined>;
-    themeClass: ComputedRef<string[]>;
-    themeStyle: ComputedRef<{
+    contrastColor: globalThis.ComputedRef<"white" | "black">;
+    mainColor: globalThis.ComputedRef<string | undefined>;
+    themeClass: globalThis.ComputedRef<string[]>;
+    themeStyle: globalThis.ComputedRef<{
         '--chatbot-main-color': string | undefined;
         '--chatbot-contrast-color': "white" | "black";
     } | undefined>;

package/dist-vue/apps/web-component/src/composables/useChatbotAuth.d.ts

@@ -1,4 +1,4 @@
-import { MaybeRefOrGetter, Ref, WritableComputedRef, ComputedRef } from 'vue';
+import { MaybeRefOrGetter } from 'vue';
 import { createAuthClient } from 'better-auth/vue';
 import { anonymousClient } from 'better-auth/client/plugins';
 import { BetterFetch, BetterFetchResponse, InferSignUpEmailCtx, InferUserUpdateCtx, BetterFetchError, BetterFetchPlugin, SuccessContext, ErrorContext, RequestContext, ResponseContext, FetchEsque, RetryOptions, StandardSchemaV1, WritableAtom } from 'better-auth/client';
@@ -781,7 +781,7 @@ export declare function useChatbotAuth(options?: {
         };
     } & {
         useSession: {
-            (): Readonly< Ref<{
+            (): Readonly<globalThis.Ref<{
                 readonly data: {
                     readonly user: {
                         readonly id: string;
@@ -841,7 +841,7 @@ export declare function useChatbotAuth(options?: {
                 } | undefined) => Promise<void>;
             }>>;
             <F extends (...args: any) => any>(useFetch: F): Promise<{
-                data: Ref<{
+                data: globalThis.Ref<{
                     user: StripEmptyObjects<{
                         id: string;
                         createdAt: Date;
@@ -1209,7 +1209,7 @@ export declare function useChatbotAuth(options?: {
             };
         };
     };
-    session: Readonly< Ref<{
+    session: Readonly<globalThis.Ref<{
         readonly data: {
             readonly user: {
                 readonly id: string;
@@ -1268,9 +1268,9 @@ export declare function useChatbotAuth(options?: {
             query?: SessionQueryParams;
         } | undefined) => Promise<void>;
     }>>;
-    isAuthenticating: Ref<boolean, boolean>;
-    token: WritableComputedRef<string, string>;
-    headers: ComputedRef<{
+    isAuthenticating: globalThis.Ref<boolean, boolean>;
+    token: globalThis.WritableComputedRef<string, string>;
+    headers: globalThis.ComputedRef<{
         Authorization: string;
     } | undefined>;
     onError: (error: {
@@ -1278,6 +1278,6 @@ export declare function useChatbotAuth(options?: {
         title: string;
         status: number;
     }) => void;
-    userId: ComputedRef<string | undefined>;
+    userId: globalThis.ComputedRef<string | undefined>;
 };
 export {};

package/dist-vue/apps/web-component/src/lib.d.ts

@@ -0,0 +1,29 @@
+import { default as FloatingChatWidget } from './components/FloatingChatWidget.ce';
+import { default as EmbeddedChatWidget } from './components/EmbeddedChatWidget.ce';
+import { VueElementConstructor } from 'vue';
+export declare const FloatingChatWidgetCe: VueElementConstructor<{
+    agentId: string;
+    organizationSlug: string;
+    baseUrl?: string;
+    externalToken?: string;
+    awaitExternalToken?: boolean;
+    floatingButtonPosition?: "left" | "right";
+    customCss?: string;
+    appinsightsConnectionString?: string;
+}>;
+export declare const EmbeddedChatWidgetCe: VueElementConstructor<{
+    agentId: string;
+    organizationSlug: string;
+    baseUrl?: string;
+    externalToken?: string;
+    awaitExternalToken?: boolean;
+    forwardedSlots?: string;
+    customCss?: string;
+    appinsightsConnectionString?: string;
+}>;
+declare module 'vue' {
+    interface GlobalComponents {
+        'floating-chat-widget': typeof FloatingChatWidget;
+        'embedded-chat-widget': typeof EmbeddedChatWidget;
+    }
+}

package/dist-vue/apps/web-component/src/modules/applicationInsights.d.ts

@@ -0,0 +1,38 @@
+type TelemetryContext = {
+    organizationSlug?: string;
+    agentId?: string;
+    userId?: string;
+};
+/**
+ * Initializes Application Insights for the web component widget.
+ *
+ * The SDK is loaded via dynamic `import()` so it never blocks the initial
+ * render. Calls to `trackAppEvent` / `trackAppException` made while the SDK
+ * is still loading are queued and replayed once it's ready.
+ *
+ * Uses a singleton pattern — only the first call with a valid connection string
+ * takes effect. Subsequent calls are no-ops.
+ *
+ * All automatic browser hooks (window.onerror, fetch/XHR instrumentation,
+ * page-visit timing, route tracking) are deliberately disabled so the widget
+ * never interferes with the host page. Errors are captured exclusively through
+ * Vue's `app.config.errorHandler`; events are tracked via explicit calls.
+ */
+export declare function initializeAppInsights(connectionString?: string): void;
+/**
+ * Updates telemetry context enriched onto every subsequent event.
+ */
+export declare function setTelemetryContext(ctx: Partial<TelemetryContext>): void;
+/**
+ * Tracks a custom event when telemetry is initialized.
+ */
+export declare function trackAppEvent(name: string, properties?: Record<string, string>): void;
+/**
+ * Tracks a custom metric when telemetry is initialized.
+ */
+export declare function trackAppMetric(name: string, average: number, properties?: Record<string, string>): void;
+/**
+ * Tracks an exception when telemetry is initialized.
+ */
+export declare function trackAppException(error: Error, properties?: Record<string, string>): void;
+export {};

package/dist-vue/composables.js

@@ -1,7 +1,7 @@
-import { t as e } from "./_chunks/createChatbotApiClient-2ynLWELM.js";
+import { t as e } from "./_chunks/createChatbotApiClient-f86KwRcq.js";
 import { h as t } from "./_chunks/src-EtGd6cRz.js";
-import { t as n } from "./_chunks/useChatbotStore-Im8Xjwte.js";
-import { o as r } from "./_chunks/utils-DO7emdsn.js";
+import { t as n } from "./_chunks/useChatbotStore-CJlkoNn7.js";
+import { o as r } from "./_chunks/utils-BegUBK7s.js";
 import { computed as i, getCurrentInstance as a, onBeforeUnmount as o, onMounted as s, ref as c, toValue as l, watch as u } from "vue";
 import { createAuthClient as d } from "better-auth/vue";
 import { anonymousClient as f, inferAdditionalFields as p } from "better-auth/client/plugins";