@helpai/elements 0.43.1 → 0.44.0

package/web-component.mjs

@@ -1342,7 +1342,7 @@ function applyHostAttributes(host, resolved) {
 import { h, render as renderPreact } from "preact";
 
 // src/ui/app.tsx
-import { useCallback as useCallback6, useEffect as useEffect17, useMemo as useMemo3, useRef as useRef9, useState as useState13 } from "preact/hooks";
+import { useCallback as useCallback6, useEffect as useEffect16, useMemo as useMemo3, useRef as useRef9, useState as useState13 } from "preact/hooks";
 import { batch, useComputed as useComputed7, useSignal as useSignal2 } from "@preact/signals";
 
 // src/core/handshake-shape.ts
@@ -1426,6 +1426,10 @@ function createAuth(opts) {
   };
 }
 
+// src/core/version.ts
+var ELEMENTS_VERSION = true ? "0.44.0" : "0.0.0-dev";
+var ELEMENTS_VERSION_PARAM = "_ev";
+
 // src/stream/types.ts
 var StreamError = class extends Error {
   constructor(message, code, status, cause) {
@@ -1749,7 +1753,7 @@ var AgentTransport = class {
   }
   /** Build the per-request envelope from the current transport state. */
   envelope() {
-    const out = {};
+    const out = { [ELEMENTS_VERSION_PARAM]: ELEMENTS_VERSION };
     if (this.visitorId) out.visitorId = this.visitorId;
     if (this.conversationId) out.conversationId = this.conversationId;
     if (this.locale) out.locale = this.locale;
@@ -3261,7 +3265,7 @@ function resolveCalloutPosition(configured, launcherPosition) {
 }
 
 // src/ui/panel.tsx
-import { useCallback as useCallback2, useEffect as useEffect10, useRef as useRef6 } from "preact/hooks";
+import { useCallback as useCallback2, useEffect as useEffect9, useRef as useRef6 } from "preact/hooks";
 
 // src/ui/resize-grip.tsx
 import { useEffect as useEffect2, useRef } from "preact/hooks";
@@ -4293,7 +4297,7 @@ function HeaderActions({ panelProps, variant }) {
 }
 
 // src/ui/message-list.tsx
-import { useEffect as useEffect8, useLayoutEffect, useRef as useRef5, useState as useState6 } from "preact/hooks";
+import { useEffect as useEffect7, useLayoutEffect as useLayoutEffect2, useRef as useRef5, useState as useState6 } from "preact/hooks";
 import { useComputed as useComputed5 } from "@preact/signals";
 
 // src/ui/form/dynamic-form.tsx
@@ -4685,13 +4689,13 @@ function FormDoneMarker({
 import { useComputed as useComputed4 } from "@preact/signals";
 
 // src/ui/markdown.tsx
-import { useEffect as useEffect7, useMemo, useRef as useRef4 } from "preact/hooks";
+import { useLayoutEffect, useMemo, useRef as useRef4 } from "preact/hooks";
 import { effect, signal as signal4 } from "@preact/signals";
 import * as smd from "streaming-markdown";
 import { jsx as jsx12 } from "preact/jsx-runtime";
 function MarkdownView({ textSig, doneSig }) {
   const ref = useRef4(null);
-  useEffect7(() => {
+  useLayoutEffect(() => {
     const el = ref.current;
     if (!el) return;
     el.classList.add(`${BRAND.cssPrefix}-md`);
@@ -5183,7 +5187,7 @@ function MessageList({
     el.scrollTop = el.scrollHeight;
   };
   const firstMessageId = messages.value[0]?.id;
-  useLayoutEffect(() => {
+  useLayoutEffect2(() => {
     const el = ref.current;
     if (!el) return;
     if (messages.value.length === 0) return;
@@ -5206,7 +5210,7 @@ function MessageList({
     };
   }, [firstMessageId]);
   const prevLengthRef = useRef5(0);
-  useEffect8(() => {
+  useEffect7(() => {
     const el = ref.current;
     const list = messages.value;
     const prevLength = prevLengthRef.current;
@@ -5223,7 +5227,7 @@ function MessageList({
     const distanceFromBottom = el.scrollHeight - el.scrollTop - el.clientHeight;
     if (distanceFromBottom < STICK_THRESHOLD) pinBottom(el);
   }, [messages.value.length]);
-  useEffect8(() => {
+  useEffect7(() => {
     const el = ref.current;
     if (!el) return;
     const last = messages.value.at(-1);
@@ -5244,13 +5248,13 @@ function MessageList({
     return () => obs.disconnect();
   }, [messages.value]);
   const activeFormId = form?.form.id;
-  useLayoutEffect(() => {
+  useLayoutEffect2(() => {
     const el = ref.current;
     if (!el || !activeFormId || detachedRef.current) return;
     if (!messages.value.some((m) => m.role === "user")) return;
     pinBottom(el);
   }, [activeFormId]);
-  useEffect8(() => {
+  useEffect7(() => {
     const el = ref.current;
     if (!el) return;
     const syncJump = () => setShowJump(el.scrollHeight - el.scrollTop - el.clientHeight > STICK_THRESHOLD * 2);
@@ -5420,7 +5424,7 @@ function dayLabel(createdAt, strings) {
 }
 
 // src/ui/conversation-list.tsx
-import { useEffect as useEffect9, useState as useState7 } from "preact/hooks";
+import { useEffect as useEffect8, useState as useState7 } from "preact/hooks";
 
 // src/ui/history-groups.ts
 var HISTORY_BUCKETS = ["today", "yesterday", "lastWeek", "older"];
@@ -5478,7 +5482,7 @@ function ConversationList({
   const seed = transport.peekConversations({ visitorId });
   const [state, setState] = useState7(seed ? "loaded" : "loading");
   const [conversations, setChats] = useState7(seed?.conversations ?? []);
-  useEffect9(() => {
+  useEffect8(() => {
     let cancelled = false;
     transport.listConversations({ visitorId }).then((res) => {
       if (cancelled) return;
@@ -5588,7 +5592,7 @@ function Panel(props2) {
   const { options, onClose } = props2;
   const s = options.strings;
   const containerRef = useRef6(null);
-  useEffect10(() => {
+  useEffect9(() => {
     const el = containerRef.current;
     if (!el) return;
     const dispose = trapFocus(el);
@@ -6060,7 +6064,7 @@ var topScreen = (s) => activeStack(s).at(-1);
 var atTabRoot = (s) => activeStack(s).length === 0;
 
 // src/ui/messenger-home.tsx
-import { useCallback as useCallback4, useEffect as useEffect15, useRef as useRef8 } from "preact/hooks";
+import { useCallback as useCallback4, useEffect as useEffect14, useRef as useRef8 } from "preact/hooks";
 import { useComputed as useComputed6 } from "@preact/signals";
 
 // src/ui/modules/chat.tsx
@@ -6070,7 +6074,7 @@ var chatLayout = {
 };
 
 // src/ui/modules/help.tsx
-import { useEffect as useEffect11, useMemo as useMemo2, useState as useState8 } from "preact/hooks";
+import { useEffect as useEffect10, useMemo as useMemo2, useState as useState8 } from "preact/hooks";
 
 // src/ui/back-header.tsx
 import { jsx as jsx23, jsxs as jsxs19 } from "preact/jsx-runtime";
@@ -6192,7 +6196,7 @@ function HelpRoot({ transport, strings, config, nav, bus, panelProps }) {
   const [items, setItems] = useState8([]);
   const [query, setQuery] = useState8("");
   const [reloadKey, setReloadKey] = useState8(0);
-  useEffect11(() => {
+  useEffect10(() => {
     let cancelled = false;
     setState("loading");
     transport.listContent({ tags, sortBy: "order", limit: 100 }).then((res) => {
@@ -6212,7 +6216,7 @@ function HelpRoot({ transport, strings, config, nav, bus, panelProps }) {
     };
   }, [transport, tags, reloadKey, bus]);
   const results = useMemo2(() => fuzzySearch(items, query), [items, query]);
-  useEffect11(() => {
+  useEffect10(() => {
     const q = query.trim();
     if (!q) return;
     const timer = setTimeout(() => bus.emit("contentSearch", { queryLength: q.length, hitCount: results.length }), 600);
@@ -6245,7 +6249,7 @@ var helpLayout = {
 };
 
 // src/ui/modules/home.tsx
-import { useEffect as useEffect12, useState as useState9 } from "preact/hooks";
+import { useEffect as useEffect11, useState as useState9 } from "preact/hooks";
 
 // src/ui/home-card.tsx
 import { jsx as jsx28 } from "preact/jsx-runtime";
@@ -6276,7 +6280,7 @@ function HomeRoot(props2) {
   const [recent, setRecent] = useState9(null);
   const [content, setContent] = useState9([]);
   const tagsKey = config.contentTags?.join(",");
-  useEffect12(() => {
+  useEffect11(() => {
     if (!config.showRecentConversations) return;
     let cancelled = false;
     transport.listConversations({ limit: 1 }).then((res) => !cancelled && setRecent(res.conversations?.[0] ?? null)).catch((err) => !cancelled && log13.warn("listConversations (home) failed", { err }));
@@ -6284,7 +6288,7 @@ function HomeRoot(props2) {
       cancelled = true;
     };
   }, [transport, config.showRecentConversations]);
-  useEffect12(() => {
+  useEffect11(() => {
     if (!config.contentTags?.length) return;
     let cancelled = false;
     transport.listContent({ tags: config.contentTags, limit: 6 }).then((res) => {
@@ -6364,7 +6368,7 @@ var homeLayout = {
 };
 
 // src/ui/modules/news.tsx
-import { useEffect as useEffect13, useState as useState10 } from "preact/hooks";
+import { useEffect as useEffect12, useState as useState10 } from "preact/hooks";
 import { jsx as jsx30, jsxs as jsxs25 } from "preact/jsx-runtime";
 var p26 = BRAND.cssPrefix;
 var log14 = logger.scope("news");
@@ -6374,7 +6378,7 @@ function NewsRoot({ transport, strings, config, nav, bus, panelProps }) {
   const [errorMsg, setErrorMsg] = useState10(strings.errorGeneric);
   const [items, setItems] = useState10([]);
   const [reloadKey, setReloadKey] = useState10(0);
-  useEffect13(() => {
+  useEffect12(() => {
     let cancelled = false;
     setState("loading");
     transport.listContent({ tags, sortBy: "publishedAt", sortOrder: "desc" }).then((res) => {
@@ -6496,7 +6500,7 @@ function IframeView({ url, title, strings, onBack, actions }) {
 }
 
 // src/ui/content-view.tsx
-import { useCallback as useCallback3, useEffect as useEffect14, useState as useState11 } from "preact/hooks";
+import { useCallback as useCallback3, useEffect as useEffect13, useState as useState11 } from "preact/hooks";
 import { jsx as jsx33, jsxs as jsxs28 } from "preact/jsx-runtime";
 var p29 = BRAND.cssPrefix;
 var log15 = logger.scope("content");
@@ -6510,7 +6514,7 @@ function ContentView({ id, title, transport, strings, bus, onBack, actions }) {
     setItem(null);
     setReloadKey((k) => k + 1);
   }, []);
-  useEffect14(() => {
+  useEffect13(() => {
     let cancelled = false;
     transport.listContent({ ids: [id], limit: 1 }).then((res) => {
       if (cancelled) return;
@@ -6528,7 +6532,7 @@ function ContentView({ id, title, transport, strings, bus, onBack, actions }) {
       cancelled = true;
     };
   }, [transport, id, reloadKey, bus]);
-  useEffect14(() => {
+  useEffect13(() => {
     if (!item) return;
     const timer = setTimeout(() => bus.emit("contentRead", { contentId: id }), READ_DWELL_MS);
     return () => clearTimeout(timer);
@@ -6581,7 +6585,7 @@ function MessengerHome({
   const options = panelProps.options;
   const strings = options.strings;
   const containerRef = useRef8(null);
-  useEffect15(() => {
+  useEffect14(() => {
     const el = containerRef.current;
     if (!el) return;
     const dispose = trapFocus(el);
@@ -6606,7 +6610,7 @@ function MessengerHome({
   const isReader = top?.kind === "iframe" || top?.kind === "content";
   const showTabBar = enabledModules.length > 1 && (atTabRoot(navState) || !isReader);
   const savedSize = useRef8(null);
-  useEffect15(() => {
+  useEffect14(() => {
     if (isReader && savedSize.current === null) {
       savedSize.current = panelProps.panelSize;
       if (panelProps.panelSize === "normal") onSetPanelSize("expanded");
@@ -6739,12 +6743,12 @@ function ModulesEmpty({ strings, onClose }) {
 }
 
 // src/ui/use-launcher-callout.ts
-import { useCallback as useCallback5, useEffect as useEffect16, useState as useState12 } from "preact/hooks";
+import { useCallback as useCallback5, useEffect as useEffect15, useState as useState12 } from "preact/hooks";
 function useLauncherCallout({ callout, persistence }) {
   const textKey = callout?.text ?? "";
   const persistent = callout?.persistent ?? true;
   const [dismissed, setDismissed] = useState12(() => persistent ? false : persistence.loadCalloutDismissed(textKey));
-  useEffect16(() => {
+  useEffect15(() => {
     setDismissed(persistent ? false : persistence.loadCalloutDismissed(textKey));
   }, [textKey, persistent, persistence]);
   const dismissCallout = useCallback5(() => {
@@ -6808,7 +6812,7 @@ function App({ options, hostElement, bus }) {
   activatedRef.current = activated;
   const pendingThreadRef = useRef9(false);
   const welcomeRef = useRef9(void 0);
-  useEffect17(() => {
+  useEffect16(() => {
     if (isOpen) setActivated(true);
   }, [isOpen]);
   const initialPanelApplied = useRef9(false);
@@ -6859,20 +6863,20 @@ function App({ options, hostElement, bus }) {
     },
     [persistence, transport]
   );
-  useEffect17(() => {
+  useEffect16(() => {
     if (initialSettings.soundMuted !== void 0) feedback.setMuted(initialSettings.soundMuted);
   }, []);
-  useEffect17(() => {
+  useEffect16(() => {
     hostElement.dataset.theme = activeThemeMode;
   }, [hostElement, activeThemeMode, options]);
-  useEffect17(() => {
+  useEffect16(() => {
     hostElement.dataset.textSize = activeTextSize;
   }, [hostElement, activeTextSize, options]);
-  useEffect17(() => {
+  useEffect16(() => {
     feedback.update(options.sound, options.haptics);
   }, [feedback, options.sound, options.haptics]);
-  useEffect17(() => () => feedback.destroy(), [feedback]);
-  useEffect17(() => {
+  useEffect16(() => () => feedback.destroy(), [feedback]);
+  useEffect16(() => {
     let firstRun = true;
     return feedback.mutedSig.subscribe((muted) => {
       if (firstRun) {
@@ -6882,13 +6886,13 @@ function App({ options, hostElement, bus }) {
       patchAndSync({ soundMuted: muted });
     });
   }, [feedback, patchAndSync]);
-  useEffect17(() => {
+  useEffect16(() => {
     if (initialSizeApplied.current || !options.size.initialSize) return;
     initialSizeApplied.current = true;
     if (persistence.loadPanelSize()) return;
     setPanelSize(pickInitialPanelSize(options.mode, options.size, currentViewportWidth()));
   }, [options.mode, options.size, persistence]);
-  useEffect17(() => {
+  useEffect16(() => {
     if (!conversationReady || initialPanelApplied.current) return;
     initialPanelApplied.current = true;
     const state = resolveInitialPanelState(
@@ -6903,7 +6907,7 @@ function App({ options, hostElement, bus }) {
   const homeNavSeeded = useRef9(false);
   const resumeActiveRef = useRef9(false);
   const resumeBubbleRef = useRef9(null);
-  useEffect17(() => {
+  useEffect16(() => {
     if (!conversationReady || homeNavSeeded.current) return;
     homeNavSeeded.current = true;
     if (resumeActiveRef.current) {
@@ -7088,18 +7092,18 @@ function App({ options, hostElement, bus }) {
   const userSig = JSON.stringify(options.userContext ?? null);
   const pageSig = JSON.stringify(options.pageContext ?? null);
   const formCtxSig = JSON.stringify(formContext);
-  useEffect17(() => {
+  useEffect16(() => {
     const merged = Object.keys(formContext).length ? { ...formContext, ...options.userContext } : options.userContext;
     transport.setContext(merged, toWirePageContext(options.pageContext));
   }, [transport, userSig, pageSig, formCtxSig]);
   const effectiveLocale = clampLocale(activeLocale, options.availableLocales, options.defaultLocale);
-  useEffect17(() => {
+  useEffect16(() => {
     transport.setLocale(effectiveLocale);
   }, [transport, effectiveLocale]);
-  useEffect17(() => {
+  useEffect16(() => {
     hostElement.dir = isRtlLocale(effectiveLocale) ? "rtl" : "ltr";
   }, [hostElement, effectiveLocale]);
-  useEffect17(() => {
+  useEffect16(() => {
     if (effectiveLocale !== activeLocale) setActiveLocale(effectiveLocale);
   }, [effectiveLocale, activeLocale]);
   const runResume = useCallback6(
@@ -7147,7 +7151,7 @@ function App({ options, hostElement, bus }) {
     [reducer, messagesSig, feedback, bus, options, homeNav]
   );
   const resumeHandleRef = useRef9(null);
-  useEffect17(() => {
+  useEffect16(() => {
     const persistedConversation = conversationIdSig.value;
     if (persistedConversation) transport.primeIdentity(visitorId, persistedConversation);
     void runHandshake({ newConversation: false });
@@ -7156,7 +7160,7 @@ function App({ options, hostElement, bus }) {
       resumeHandleRef.current?.cancel();
     };
   }, []);
-  useEffect17(() => {
+  useEffect16(() => {
     if (!activated) return;
     dataBootRef.current = transport.bootstrap();
     void (async () => {
@@ -7181,7 +7185,7 @@ function App({ options, hostElement, bus }) {
     }
   }, [activated]);
   const formsLocaleRef = useRef9(null);
-  useEffect17(() => {
+  useEffect16(() => {
     if (!activated) return;
     if (formsLocaleRef.current === null) {
       formsLocaleRef.current = effectiveLocale;
@@ -7198,15 +7202,15 @@ function App({ options, hostElement, bus }) {
     };
   }, [activated, effectiveLocale, transport]);
   const lastUserSig = useRef9(userSig);
-  useEffect17(() => {
+  useEffect16(() => {
     if (!conversationReady || lastUserSig.current === userSig) return;
     lastUserSig.current = userSig;
     void runHandshake({ newConversation: false });
   }, [userSig, conversationReady, runHandshake]);
-  useEffect17(() => {
+  useEffect16(() => {
     applyMode(hostElement, computeHostMode(options.mode, panelSize, isOpen));
   }, [hostElement, isOpen, panelSize, options.mode]);
-  useEffect17(() => {
+  useEffect16(() => {
     if (options.mode !== "modal" || !isOpen) return;
     const onClick = (e) => {
       const path = e.composedPath();
@@ -7218,7 +7222,7 @@ function App({ options, hostElement, bus }) {
     hostElement.addEventListener("click", onClick);
     return () => hostElement.removeEventListener("click", onClick);
   }, [hostElement, isOpen, options.mode]);
-  useEffect17(() => {
+  useEffect16(() => {
     if (options.mode !== "drawer" || !isOpen) return;
     const onKey = (e) => {
       if (e.key === "Escape") setIsOpen(false);
@@ -7353,25 +7357,25 @@ function App({ options, hostElement, bus }) {
     }
   });
   const activeForm = useComputed7(() => forms.activeForm.value);
-  useEffect17(() => {
+  useEffect16(() => {
     forms.refresh();
   }, [effectiveForms, forms]);
   const pageArea = options.pageContext?.area ? String(options.pageContext.area) : void 0;
   const msgCount = useComputed7(() => messagesSig.value.length);
-  useEffect17(() => {
+  useEffect16(() => {
     if (conversationReady && formsReady) forms.fire("pre-chat");
   }, [conversationReady, formsReady, forms]);
-  useEffect17(() => {
+  useEffect16(() => {
     if (formsReady && !canSend) forms.fire("conversation-closed");
   }, [formsReady, canSend, forms]);
-  useEffect17(() => {
+  useEffect16(() => {
     if (conversationReady && formsReady && pageArea) forms.fire("page-area");
   }, [conversationReady, formsReady, pageArea, forms]);
   const idleMs = useMemo3(() => {
     const secs = effectiveForms.list.flatMap((f) => f.triggers).filter((t) => t.kind === "idle").map((t) => Number(t.param));
     return secs.length ? Math.min(...secs) * 1e3 : 0;
   }, [effectiveForms]);
-  useEffect17(() => {
+  useEffect16(() => {
     if (!idleMs || !isOpen) return;
     const id = setTimeout(() => forms.fire("idle"), idleMs);
     return () => clearTimeout(id);
@@ -7431,7 +7435,7 @@ function App({ options, hostElement, bus }) {
     }).catch((err) => log16.debug("refreshUnread failed (non-fatal)", { err }));
   }, [transport, options.modules, unreadCountSig]);
   const unreadSeeded = useRef9(false);
-  useEffect17(() => {
+  useEffect16(() => {
     if (!activated || !conversationReady || unreadSeeded.current) return;
     unreadSeeded.current = true;
     refreshUnread();
@@ -7589,12 +7593,12 @@ function App({ options, hostElement, bus }) {
     },
     [formsReady, forms]
   );
-  useEffect17(() => {
+  useEffect16(() => {
     if (!formsReady || !pendingOpenFormRef.current) return;
     forms.fire("manual", pendingOpenFormRef.current);
     pendingOpenFormRef.current = null;
   }, [formsReady, forms]);
-  useEffect17(() => {
+  useEffect16(() => {
     const unsub = bindHostCommands(hostElement, {
       open: handleOpen,
       close: handleClose,
@@ -7861,6 +7865,7 @@ function createTracker(bus, deps) {
     if (++windowHits > MAX_HITS_PER_MINUTE) return;
     const params = new URLSearchParams();
     params.set("v", PROTOCOL_VERSION);
+    params.set(ELEMENTS_VERSION_PARAM, ELEMENTS_VERSION);
     params.set("e", event);
     if (tracking.token) params.set("tk", tracking.token);
     if (publicKey) params.set("pk", publicKey);