@helpai/elements 0.60.1 → 0.60.2

package/index.d.ts

@@ -1,4 +1,4 @@
-export { A as Asset, B as BlocksConfig, C as ConnectionConfig, a as ConnectionConfigPartial, H as HandshakeResponse, L as Link, S as ServerConfig, b as SiteConfig, W as WidgetConfig, c as WidgetConfigPartial, d as WidgetSettings, e as WidgetSettingsPartial } from './deployment-Bqqyxer1.js';
+export { A as Asset, B as BlocksConfig, C as ConnectionConfig, a as ConnectionConfigPartial, H as HandshakeResponse, L as Link, S as ServerConfig, b as SiteConfig, W as WidgetConfig, c as WidgetConfigPartial, d as WidgetSettings, e as WidgetSettingsPartial } from './deployment-DrAIrNYP.js';
 import 'zod';
 
 /**

package/index.mjs

@@ -29,7 +29,7 @@ var BRAND = {
 };
 
 // src/core/version.ts
-var ELEMENTS_VERSION = true ? "0.60.1" : "0.0.0-dev";
+var ELEMENTS_VERSION = true ? "0.60.2" : "0.0.0-dev";
 var ELEMENTS_VERSION_PARAM = "_ev";
 
 // src/i18n/strings.ts
@@ -8116,6 +8116,12 @@ function App({ options, hostElement, bus }) {
   function chatTabId() {
     return options.modules.list.find((m) => m.layout === "chat")?.id;
   }
+  function isChatSurfaceActive() {
+    const chatId = chatTabId();
+    if (!chatId) return false;
+    if (options.modules.list.length === 1) return true;
+    return homeNav.sig.value.activeTab === chatId;
+  }
   const homeNavRef = useRef9();
   if (!homeNavRef.current) {
     const ids = options.modules.list.map((m) => m.id);
@@ -8235,6 +8241,7 @@ function App({ options, hostElement, bus }) {
   const resumeBubbleRef = useRef9(null);
   const regenerateDanglingRef = useRef9(null);
   const regenInFlightRef = useRef9(false);
+  const markActiveReadRef = useRef9(null);
   useEffect16(() => {
     if (!conversationReady || homeNavSeeded.current) return;
     homeNavSeeded.current = true;
@@ -8520,6 +8527,7 @@ function App({ options, hostElement, bus }) {
           setActiveCancel(null);
           setActiveDetach(null);
           messagesSig.value = [...messagesSig.value];
+          markActiveReadRef.current?.();
         }
       }
     },
@@ -8680,6 +8688,7 @@ function App({ options, hostElement, bus }) {
         setActiveCancel(null);
         setActiveDetach(null);
         messagesSig.value = [...messagesSig.value];
+        markActiveReadRef.current?.();
       }
     },
     [
@@ -8909,9 +8918,19 @@ function App({ options, hostElement, bus }) {
   const refreshUnread = useCallback6(() => {
     if (!options.modules.list.some((m) => m.layout === "chat")) return;
     transport.listConversations({ limit: 50 }).then((res) => {
-      hasUnreadSig.value = res.conversations.some((c) => c.hasUnread);
+      const viewing = isChatSurfaceActive() ? conversationIdSig.value : void 0;
+      hasUnreadSig.value = res.conversations.some((c) => c.hasUnread && c.conversationId !== viewing);
     }).catch((err) => log17.debug("refreshUnread failed (non-fatal)", { err }));
-  }, [transport, options.modules, hasUnreadSig]);
+  }, [transport, options.modules, hasUnreadSig, conversationIdSig]);
+  const markActiveReadIfViewing = useCallback6(() => {
+    if (!isChatSurfaceActive()) return;
+    const id = conversationIdSig.value;
+    if (!id) return;
+    void transport.markRead(id).then(refreshUnread);
+  }, [transport, conversationIdSig, refreshUnread]);
+  useEffect16(() => {
+    markActiveReadRef.current = markActiveReadIfViewing;
+  }, [markActiveReadIfViewing]);
   const unreadSeeded = useRef9(false);
   useEffect16(() => {
     if (!activated || !conversationReady || unreadSeeded.current) return;

package/package.json

@@ -80,5 +80,5 @@
   ],
   "type": "module",
   "types": "./index.d.ts",
-  "version": "0.60.1"
+  "version": "0.60.2"
 }

package/schema.d.ts

@@ -1,4 +1,4 @@
-export { A as Asset, B as BlocksConfig, C as ConnectionConfig, a as ConnectionConfigPartial, E as Endpoints, H as HandshakeResponse, L as Link, P as PAGE_AREA_SUGGESTIONS, f as PageContext, S as ServerConfig, b as SiteConfig, U as UserContext, W as WidgetConfig, c as WidgetConfigPartial, d as WidgetSettings, e as WidgetSettingsPartial, g as assetSchema, h as blocksConfigSchema, i as connectionConfigPartialSchema, j as connectionConfigSchema, k as cssColorSchema, l as cssLengthSchema, m as endpointsSchema, n as handshakeResponseSchema, o as linkSchema, p as localeSchema, q as pageContextSchema, s as serverConfigSchema, r as siteConfigSchema, u as userContextSchema, t as uuid7Schema, w as widgetConfigPartialSchema, v as widgetConfigSchema, x as widgetSettingsPartialSchema, y as widgetSettingsSchema } from './deployment-Bqqyxer1.js';
+export { A as Asset, B as BlocksConfig, C as ConnectionConfig, a as ConnectionConfigPartial, E as Endpoints, H as HandshakeResponse, L as Link, P as PAGE_AREA_SUGGESTIONS, f as PageContext, S as ServerConfig, b as SiteConfig, U as UserContext, W as WidgetConfig, c as WidgetConfigPartial, d as WidgetSettings, e as WidgetSettingsPartial, g as assetSchema, h as blocksConfigSchema, i as connectionConfigPartialSchema, j as connectionConfigSchema, k as cssColorSchema, l as cssLengthSchema, m as endpointsSchema, n as handshakeResponseSchema, o as linkSchema, p as localeSchema, q as pageContextSchema, s as serverConfigSchema, r as siteConfigSchema, u as userContextSchema, t as uuid7Schema, w as widgetConfigPartialSchema, v as widgetConfigSchema, x as widgetSettingsPartialSchema, y as widgetSettingsSchema } from './deployment-DrAIrNYP.js';
 import { z } from 'zod';
 
 /**
@@ -56,9 +56,9 @@ declare const presentationSchema: z.ZodObject<{
         inset: z.ZodOptional<z.ZodString>;
         initialSize: z.ZodDefault<z.ZodEnum<{
             fullscreen: "fullscreen";
+            normal: "normal";
             expanded: "expanded";
             auto: "auto";
-            normal: "normal";
         }>>;
         autoSizeBreakpoint: z.ZodDefault<z.ZodNumber>;
     }, z.core.$loose>>;
@@ -241,9 +241,9 @@ type LauncherOptions = z.infer<typeof launcherOptionsSchema>;
 
 declare const initialSizeSchema: z.ZodEnum<{
     fullscreen: "fullscreen";
+    normal: "normal";
     expanded: "expanded";
     auto: "auto";
-    normal: "normal";
 }>;
 declare const resizeOptionsSchema: z.ZodObject<{
     enabled: z.ZodDefault<z.ZodBoolean>;
@@ -270,9 +270,9 @@ declare const sizeOptionsSchema: z.ZodObject<{
     inset: z.ZodOptional<z.ZodString>;
     initialSize: z.ZodDefault<z.ZodEnum<{
         fullscreen: "fullscreen";
+        normal: "normal";
         expanded: "expanded";
         auto: "auto";
-        normal: "normal";
     }>>;
     autoSizeBreakpoint: z.ZodDefault<z.ZodNumber>;
 }, z.core.$loose>;
@@ -324,40 +324,40 @@ type FeatureFlags = z.infer<typeof featureFlagsSchema>;
  */
 
 declare const actionNameSchema: z.ZodEnum<{
-    close: "close";
     expand: "expand";
     fullscreen: "fullscreen";
-    clear: "clear";
-    theme: "theme";
+    close: "close";
     language: "language";
+    theme: "theme";
     textSize: "textSize";
     history: "history";
+    clear: "clear";
     sound: "sound";
 }>;
 type ActionName = z.infer<typeof actionNameSchema>;
 declare const headerActionsSchema: z.ZodArray<z.ZodEnum<{
-    close: "close";
     expand: "expand";
     fullscreen: "fullscreen";
-    clear: "clear";
-    theme: "theme";
+    close: "close";
     language: "language";
+    theme: "theme";
     textSize: "textSize";
     history: "history";
+    clear: "clear";
     sound: "sound";
 }>>;
 type HeaderActions = z.infer<typeof headerActionsSchema>;
 /** Section wrapper — `actions` list wrapped under `header` in the dashboard form. */
 declare const headerSchema: z.ZodObject<{
     actions: z.ZodOptional<z.ZodArray<z.ZodEnum<{
-        close: "close";
         expand: "expand";
         fullscreen: "fullscreen";
-        clear: "clear";
-        theme: "theme";
+        close: "close";
         language: "language";
+        theme: "theme";
         textSize: "textSize";
         history: "history";
+        clear: "clear";
         sound: "sound";
     }>>>;
 }, z.core.$loose>;
@@ -373,33 +373,33 @@ type HeaderOptions = z.infer<typeof headerSchema>;
  */
 
 declare const feedbackEventSchema: z.ZodEnum<{
-    voiceStart: "voiceStart";
-    voiceStop: "voiceStop";
     error: "error";
     messageReceived: "messageReceived";
     messageSent: "messageSent";
+    voiceStart: "voiceStart";
+    voiceStop: "voiceStop";
 }>;
 type FeedbackEvent = z.infer<typeof feedbackEventSchema>;
 declare const soundOptionsSchema: z.ZodObject<{
     enabled: z.ZodDefault<z.ZodBoolean>;
     volume: z.ZodDefault<z.ZodNumber>;
     events: z.ZodOptional<z.ZodRecord<z.ZodEnum<{
-        voiceStart: "voiceStart";
-        voiceStop: "voiceStop";
         error: "error";
         messageReceived: "messageReceived";
         messageSent: "messageSent";
+        voiceStart: "voiceStart";
+        voiceStop: "voiceStop";
     }> & z.core.$partial, z.ZodUnion<readonly [z.ZodBoolean, z.ZodString]>>>;
 }, z.core.$loose>;
 type SoundOptions = z.infer<typeof soundOptionsSchema>;
 declare const hapticsOptionsSchema: z.ZodObject<{
     enabled: z.ZodDefault<z.ZodBoolean>;
     events: z.ZodOptional<z.ZodRecord<z.ZodEnum<{
-        voiceStart: "voiceStart";
-        voiceStop: "voiceStop";
         error: "error";
         messageReceived: "messageReceived";
         messageSent: "messageSent";
+        voiceStart: "voiceStart";
+        voiceStop: "voiceStop";
     }> & z.core.$partial, z.ZodUnion<readonly [z.ZodBoolean, z.ZodNumber, z.ZodArray<z.ZodNumber>]>>>;
 }, z.core.$loose>;
 type HapticsOptions = z.infer<typeof hapticsOptionsSchema>;
@@ -408,21 +408,21 @@ declare const feedbackSchema: z.ZodObject<{
         enabled: z.ZodDefault<z.ZodBoolean>;
         volume: z.ZodDefault<z.ZodNumber>;
         events: z.ZodOptional<z.ZodRecord<z.ZodEnum<{
-            voiceStart: "voiceStart";
-            voiceStop: "voiceStop";
             error: "error";
             messageReceived: "messageReceived";
             messageSent: "messageSent";
+            voiceStart: "voiceStart";
+            voiceStop: "voiceStop";
         }> & z.core.$partial, z.ZodUnion<readonly [z.ZodBoolean, z.ZodString]>>>;
     }, z.core.$loose>>;
     haptics: z.ZodOptional<z.ZodObject<{
         enabled: z.ZodDefault<z.ZodBoolean>;
         events: z.ZodOptional<z.ZodRecord<z.ZodEnum<{
-            voiceStart: "voiceStart";
-            voiceStop: "voiceStop";
             error: "error";
             messageReceived: "messageReceived";
             messageSent: "messageSent";
+            voiceStart: "voiceStart";
+            voiceStop: "voiceStop";
         }> & z.core.$partial, z.ZodUnion<readonly [z.ZodBoolean, z.ZodNumber, z.ZodArray<z.ZodNumber>]>>>;
     }, z.core.$loose>>;
 }, z.core.$loose>;
@@ -857,18 +857,18 @@ type I18nOptions = z.infer<typeof i18nSchema>;
  */
 
 declare const moduleLayoutSchema: z.ZodEnum<{
-    home: "home";
     chat: "chat";
     help: "help";
+    home: "home";
     news: "news";
 }>;
 type ModuleLayout = z.infer<typeof moduleLayoutSchema>;
 declare const moduleSchema: z.ZodObject<{
     label: z.ZodString;
     layout: z.ZodEnum<{
-        home: "home";
         chat: "chat";
         help: "help";
+        home: "home";
         news: "news";
     }>;
     contentTags: z.ZodOptional<z.ZodArray<z.ZodString>>;
@@ -894,9 +894,9 @@ type ModuleOptions = z.infer<typeof moduleSchema>;
 declare const modulesSchema: z.ZodArray<z.ZodObject<{
     label: z.ZodString;
     layout: z.ZodEnum<{
-        home: "home";
         chat: "chat";
         help: "help";
+        home: "home";
         news: "news";
     }>;
     contentTags: z.ZodOptional<z.ZodArray<z.ZodString>>;

package/web-component.mjs

@@ -1929,7 +1929,7 @@ function createAuth(opts) {
 }
 
 // src/core/version.ts
-var ELEMENTS_VERSION = true ? "0.60.1" : "0.0.0-dev";
+var ELEMENTS_VERSION = true ? "0.60.2" : "0.0.0-dev";
 var ELEMENTS_VERSION_PARAM = "_ev";
 
 // src/stream/types.ts
@@ -8075,6 +8075,12 @@ function App({ options, hostElement, bus }) {
   function chatTabId() {
     return options.modules.list.find((m) => m.layout === "chat")?.id;
   }
+  function isChatSurfaceActive() {
+    const chatId = chatTabId();
+    if (!chatId) return false;
+    if (options.modules.list.length === 1) return true;
+    return homeNav.sig.value.activeTab === chatId;
+  }
   const homeNavRef = useRef9();
   if (!homeNavRef.current) {
     const ids = options.modules.list.map((m) => m.id);
@@ -8194,6 +8200,7 @@ function App({ options, hostElement, bus }) {
   const resumeBubbleRef = useRef9(null);
   const regenerateDanglingRef = useRef9(null);
   const regenInFlightRef = useRef9(false);
+  const markActiveReadRef = useRef9(null);
   useEffect16(() => {
     if (!conversationReady || homeNavSeeded.current) return;
     homeNavSeeded.current = true;
@@ -8479,6 +8486,7 @@ function App({ options, hostElement, bus }) {
           setActiveCancel(null);
           setActiveDetach(null);
           messagesSig.value = [...messagesSig.value];
+          markActiveReadRef.current?.();
         }
       }
     },
@@ -8639,6 +8647,7 @@ function App({ options, hostElement, bus }) {
         setActiveCancel(null);
         setActiveDetach(null);
         messagesSig.value = [...messagesSig.value];
+        markActiveReadRef.current?.();
       }
     },
     [
@@ -8868,9 +8877,19 @@ function App({ options, hostElement, bus }) {
   const refreshUnread = useCallback6(() => {
     if (!options.modules.list.some((m) => m.layout === "chat")) return;
     transport.listConversations({ limit: 50 }).then((res) => {
-      hasUnreadSig.value = res.conversations.some((c) => c.hasUnread);
+      const viewing = isChatSurfaceActive() ? conversationIdSig.value : void 0;
+      hasUnreadSig.value = res.conversations.some((c) => c.hasUnread && c.conversationId !== viewing);
     }).catch((err) => log16.debug("refreshUnread failed (non-fatal)", { err }));
-  }, [transport, options.modules, hasUnreadSig]);
+  }, [transport, options.modules, hasUnreadSig, conversationIdSig]);
+  const markActiveReadIfViewing = useCallback6(() => {
+    if (!isChatSurfaceActive()) return;
+    const id = conversationIdSig.value;
+    if (!id) return;
+    void transport.markRead(id).then(refreshUnread);
+  }, [transport, conversationIdSig, refreshUnread]);
+  useEffect16(() => {
+    markActiveReadRef.current = markActiveReadIfViewing;
+  }, [markActiveReadIfViewing]);
   const unreadSeeded = useRef9(false);
   useEffect16(() => {
     if (!activated || !conversationReady || unreadSeeded.current) return;