@helpai/elements 0.6.0 → 0.7.0

package/index.d.ts

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

package/index.mjs

@@ -2169,6 +2169,12 @@ var FeedbackBus = class {
   }
 };
 
+// src/ui/error-message.ts
+function errorMessageFor(error, strings) {
+  if (error instanceof StreamError && error.status === 429) return strings.errorRateLimited;
+  return strings.errorGeneric;
+}
+
 // src/ui/launcher.tsx
 import { useEffect, useState } from "preact/hooks";
 
@@ -4585,6 +4591,7 @@ function ArticleRow({ article, nav }) {
 function HelpRoot({ transport, strings, config, nav, panelProps }) {
   const tags = config.contentTags;
   const [state, setState] = useState6("loading");
+  const [errorMsg, setErrorMsg] = useState6(strings.errorGeneric);
   const [items, setItems] = useState6([]);
   const [query, setQuery] = useState6("");
   const [reloadKey, setReloadKey] = useState6(0);
@@ -4598,6 +4605,7 @@ function HelpRoot({ transport, strings, config, nav, panelProps }) {
     }).catch((err) => {
       if (cancelled) return;
       log12.warn("listContent (help) failed", { err });
+      setErrorMsg(errorMessageFor(err, strings));
       setState("error");
     });
     return () => {
@@ -4612,15 +4620,7 @@ function HelpRoot({ transport, strings, config, nav, panelProps }) {
     }
     if (state === "loading") return /* @__PURE__ */ jsx25(ModuleState, { message: strings.helpLoading, strings });
     if (state === "error") {
-      return /* @__PURE__ */ jsx25(
-        ModuleState,
-        {
-          tone: "error",
-          message: strings.errorGeneric,
-          onRetry: () => setReloadKey((k) => k + 1),
-          strings
-        }
-      );
+      return /* @__PURE__ */ jsx25(ModuleState, { tone: "error", message: errorMsg, onRetry: () => setReloadKey((k) => k + 1), strings });
     }
     if (items.length === 0) return /* @__PURE__ */ jsx25(ModuleState, { message: strings.helpEmpty, strings });
     return groupByCategory(items).map(([category, rows]) => /* @__PURE__ */ jsxs20("section", { class: `${p18}-help-group`, children: [
@@ -4770,6 +4770,7 @@ var log14 = logger.scope("news");
 function NewsRoot({ transport, strings, config, nav, panelProps }) {
   const tags = config.contentTags;
   const [state, setState] = useState8("loading");
+  const [errorMsg, setErrorMsg] = useState8(strings.errorGeneric);
   const [items, setItems] = useState8([]);
   const [reloadKey, setReloadKey] = useState8(0);
   useEffect13(() => {
@@ -4782,6 +4783,7 @@ function NewsRoot({ transport, strings, config, nav, panelProps }) {
     }).catch((err) => {
       if (cancelled) return;
       log14.warn("listContent (news) failed", { err });
+      setErrorMsg(errorMessageFor(err, strings));
       setState("error");
     });
     return () => {
@@ -4791,15 +4793,7 @@ function NewsRoot({ transport, strings, config, nav, panelProps }) {
   function renderBody() {
     if (state === "loading") return /* @__PURE__ */ jsx28(ModuleState, { message: strings.newsLoading, strings });
     if (state === "error") {
-      return /* @__PURE__ */ jsx28(
-        ModuleState,
-        {
-          tone: "error",
-          message: strings.errorGeneric,
-          onRetry: () => setReloadKey((k) => k + 1),
-          strings
-        }
-      );
+      return /* @__PURE__ */ jsx28(ModuleState, { tone: "error", message: errorMsg, onRetry: () => setReloadKey((k) => k + 1), strings });
     }
     if (items.length === 0) return /* @__PURE__ */ jsx28(ModuleState, { message: strings.newsEmpty, strings });
     return /* @__PURE__ */ jsx28("div", { class: `${p21}-news-list`, children: items.map((item) => /* @__PURE__ */ jsxs22(
@@ -5506,7 +5500,7 @@ function App({ options, hostElement, bus }) {
         emitMessage(bus, options, "assistant", assistantText(assistantMsg));
       } catch (error) {
         assistantMsg.status = "error";
-        assistantMsg.errorText = error instanceof StreamError && error.status === 429 ? options.strings.errorRateLimited : options.strings.errorGeneric;
+        assistantMsg.errorText = errorMessageFor(error, options.strings);
         feedback.play("error");
         bus.emit("error", error);
         options.onError?.(error);

package/package.json

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

package/schema.d.ts

@@ -1,4 +1,4 @@
-export { A as Asset, B as BlocksConfig, C as ConnectionConfig, a as ConnectionConfigPartial, E as Endpoints, L as Link, P as PAGE_AREA_SUGGESTIONS, g as PageContext, S as ServerConfig, b as SiteConfig, c as StartSessionResponse, U as UserContext, W as WidgetConfig, d as WidgetConfigPartial, e as WidgetSettings, f as WidgetSettingsPartial, h as assetSchema, i as blocksConfigSchema, j as connectionConfigPartialSchema, k as connectionConfigSchema, l as cssColorSchema, m as cssLengthSchema, n as endpointsSchema, o as linkSchema, p as localeSchema, q as pageContextSchema, s as serverConfigSchema, r as siteConfigSchema, t as startSessionResponseSchema, u as userContextSchema, v as uuid7Schema, w as widgetConfigPartialSchema, x as widgetConfigSchema, y as widgetSettingsPartialSchema, z as widgetSettingsSchema } from './deployment-DKyrRSGL.js';
+export { A as Asset, B as BlocksConfig, C as ConnectionConfig, a as ConnectionConfigPartial, E as Endpoints, L as Link, P as PAGE_AREA_SUGGESTIONS, g as PageContext, S as ServerConfig, b as SiteConfig, c as StartSessionResponse, U as UserContext, W as WidgetConfig, d as WidgetConfigPartial, e as WidgetSettings, f as WidgetSettingsPartial, h as assetSchema, i as blocksConfigSchema, j as connectionConfigPartialSchema, k as connectionConfigSchema, l as cssColorSchema, m as cssLengthSchema, n as endpointsSchema, o as linkSchema, p as localeSchema, q as pageContextSchema, s as serverConfigSchema, r as siteConfigSchema, t as startSessionResponseSchema, u as userContextSchema, v as uuid7Schema, w as widgetConfigPartialSchema, x as widgetConfigSchema, y as widgetSettingsPartialSchema, z as widgetSettingsSchema } from './deployment-DhWwzofY.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";
+            expanded: "expanded";
             auto: "auto";
             normal: "normal";
-            expanded: "expanded";
         }>>;
         autoSizeBreakpoint: z.ZodDefault<z.ZodNumber>;
     }, z.core.$loose>>;
@@ -148,9 +148,9 @@ declare const launcherSizeSchema: z.ZodEnum<{
 }>;
 type LauncherSize = z.infer<typeof launcherSizeSchema>;
 declare const calloutShapeSchema: z.ZodEnum<{
+    callout: "callout";
     pill: "pill";
     bubble: "bubble";
-    callout: "callout";
 }>;
 type CalloutShape = z.infer<typeof calloutShapeSchema>;
 declare const calloutPositionSchema: z.ZodEnum<{
@@ -162,9 +162,9 @@ type CalloutPosition = z.infer<typeof calloutPositionSchema>;
 declare const launcherCalloutSchema: z.ZodObject<{
     text: z.ZodDefault<z.ZodString>;
     shape: z.ZodDefault<z.ZodEnum<{
+        callout: "callout";
         pill: "pill";
         bubble: "bubble";
-        callout: "callout";
     }>>;
     position: z.ZodDefault<z.ZodEnum<{
         auto: "auto";
@@ -195,9 +195,9 @@ declare const launcherOptionsSchema: z.ZodObject<{
     callout: z.ZodOptional<z.ZodObject<{
         text: z.ZodDefault<z.ZodString>;
         shape: z.ZodDefault<z.ZodEnum<{
+            callout: "callout";
             pill: "pill";
             bubble: "bubble";
-            callout: "callout";
         }>>;
         position: z.ZodDefault<z.ZodEnum<{
             auto: "auto";
@@ -240,9 +240,9 @@ type LauncherOptions = z.infer<typeof launcherOptionsSchema>;
 
 declare const initialSizeSchema: z.ZodEnum<{
     fullscreen: "fullscreen";
+    expanded: "expanded";
     auto: "auto";
     normal: "normal";
-    expanded: "expanded";
 }>;
 declare const resizeOptionsSchema: z.ZodObject<{
     enabled: z.ZodDefault<z.ZodBoolean>;
@@ -269,9 +269,9 @@ declare const sizeOptionsSchema: z.ZodObject<{
     inset: z.ZodOptional<z.ZodString>;
     initialSize: z.ZodDefault<z.ZodEnum<{
         fullscreen: "fullscreen";
+        expanded: "expanded";
         auto: "auto";
         normal: "normal";
-        expanded: "expanded";
     }>>;
     autoSizeBreakpoint: z.ZodDefault<z.ZodNumber>;
 }, z.core.$loose>;
@@ -321,38 +321,38 @@ type FeatureFlags = z.infer<typeof featureFlagsSchema>;
  */
 
 declare const actionNameSchema: z.ZodEnum<{
+    close: "close";
     expand: "expand";
     fullscreen: "fullscreen";
     popOut: "popOut";
-    close: "close";
-    language: "language";
+    clear: "clear";
     theme: "theme";
+    language: "language";
     history: "history";
-    clear: "clear";
     sound: "sound";
 }>;
 type ActionName = z.infer<typeof actionNameSchema>;
 declare const headerActionsSchema: z.ZodObject<{
     main: z.ZodDefault<z.ZodArray<z.ZodEnum<{
+        close: "close";
         expand: "expand";
         fullscreen: "fullscreen";
         popOut: "popOut";
-        close: "close";
-        language: "language";
+        clear: "clear";
         theme: "theme";
+        language: "language";
         history: "history";
-        clear: "clear";
         sound: "sound";
     }>>>;
     overflow: z.ZodDefault<z.ZodArray<z.ZodEnum<{
+        close: "close";
         expand: "expand";
         fullscreen: "fullscreen";
         popOut: "popOut";
-        close: "close";
-        language: "language";
+        clear: "clear";
         theme: "theme";
+        language: "language";
         history: "history";
-        clear: "clear";
         sound: "sound";
     }>>>;
 }, z.core.$loose>;
@@ -361,25 +361,25 @@ type HeaderActions = z.infer<typeof headerActionsSchema>;
 declare const headerSchema: z.ZodObject<{
     actions: z.ZodOptional<z.ZodObject<{
         main: z.ZodDefault<z.ZodArray<z.ZodEnum<{
+            close: "close";
             expand: "expand";
             fullscreen: "fullscreen";
             popOut: "popOut";
-            close: "close";
-            language: "language";
+            clear: "clear";
             theme: "theme";
+            language: "language";
             history: "history";
-            clear: "clear";
             sound: "sound";
         }>>>;
         overflow: z.ZodDefault<z.ZodArray<z.ZodEnum<{
+            close: "close";
             expand: "expand";
             fullscreen: "fullscreen";
             popOut: "popOut";
-            close: "close";
-            language: "language";
+            clear: "clear";
             theme: "theme";
+            language: "language";
             history: "history";
-            clear: "clear";
             sound: "sound";
         }>>>;
     }, z.core.$loose>>;
@@ -396,33 +396,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>;
@@ -431,21 +431,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>;
@@ -607,18 +607,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>>;
@@ -644,9 +644,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

@@ -2233,6 +2233,12 @@ var FeedbackBus = class {
   }
 };
 
+// src/ui/error-message.ts
+function errorMessageFor(error, strings) {
+  if (error instanceof StreamError && error.status === 429) return strings.errorRateLimited;
+  return strings.errorGeneric;
+}
+
 // src/ui/launcher.tsx
 import { useEffect, useState } from "preact/hooks";
 
@@ -4649,6 +4655,7 @@ function ArticleRow({ article, nav }) {
 function HelpRoot({ transport, strings, config, nav, panelProps }) {
   const tags = config.contentTags;
   const [state, setState] = useState6("loading");
+  const [errorMsg, setErrorMsg] = useState6(strings.errorGeneric);
   const [items, setItems] = useState6([]);
   const [query, setQuery] = useState6("");
   const [reloadKey, setReloadKey] = useState6(0);
@@ -4662,6 +4669,7 @@ function HelpRoot({ transport, strings, config, nav, panelProps }) {
     }).catch((err) => {
       if (cancelled) return;
       log12.warn("listContent (help) failed", { err });
+      setErrorMsg(errorMessageFor(err, strings));
       setState("error");
     });
     return () => {
@@ -4676,15 +4684,7 @@ function HelpRoot({ transport, strings, config, nav, panelProps }) {
     }
     if (state === "loading") return /* @__PURE__ */ jsx25(ModuleState, { message: strings.helpLoading, strings });
     if (state === "error") {
-      return /* @__PURE__ */ jsx25(
-        ModuleState,
-        {
-          tone: "error",
-          message: strings.errorGeneric,
-          onRetry: () => setReloadKey((k) => k + 1),
-          strings
-        }
-      );
+      return /* @__PURE__ */ jsx25(ModuleState, { tone: "error", message: errorMsg, onRetry: () => setReloadKey((k) => k + 1), strings });
     }
     if (items.length === 0) return /* @__PURE__ */ jsx25(ModuleState, { message: strings.helpEmpty, strings });
     return groupByCategory(items).map(([category, rows]) => /* @__PURE__ */ jsxs20("section", { class: `${p18}-help-group`, children: [
@@ -4834,6 +4834,7 @@ var log14 = logger.scope("news");
 function NewsRoot({ transport, strings, config, nav, panelProps }) {
   const tags = config.contentTags;
   const [state, setState] = useState8("loading");
+  const [errorMsg, setErrorMsg] = useState8(strings.errorGeneric);
   const [items, setItems] = useState8([]);
   const [reloadKey, setReloadKey] = useState8(0);
   useEffect13(() => {
@@ -4846,6 +4847,7 @@ function NewsRoot({ transport, strings, config, nav, panelProps }) {
     }).catch((err) => {
       if (cancelled) return;
       log14.warn("listContent (news) failed", { err });
+      setErrorMsg(errorMessageFor(err, strings));
       setState("error");
     });
     return () => {
@@ -4855,15 +4857,7 @@ function NewsRoot({ transport, strings, config, nav, panelProps }) {
   function renderBody() {
     if (state === "loading") return /* @__PURE__ */ jsx28(ModuleState, { message: strings.newsLoading, strings });
     if (state === "error") {
-      return /* @__PURE__ */ jsx28(
-        ModuleState,
-        {
-          tone: "error",
-          message: strings.errorGeneric,
-          onRetry: () => setReloadKey((k) => k + 1),
-          strings
-        }
-      );
+      return /* @__PURE__ */ jsx28(ModuleState, { tone: "error", message: errorMsg, onRetry: () => setReloadKey((k) => k + 1), strings });
     }
     if (items.length === 0) return /* @__PURE__ */ jsx28(ModuleState, { message: strings.newsEmpty, strings });
     return /* @__PURE__ */ jsx28("div", { class: `${p21}-news-list`, children: items.map((item) => /* @__PURE__ */ jsxs22(
@@ -5570,7 +5564,7 @@ function App({ options, hostElement, bus }) {
         emitMessage(bus, options, "assistant", assistantText(assistantMsg));
       } catch (error) {
         assistantMsg.status = "error";
-        assistantMsg.errorText = error instanceof StreamError && error.status === 429 ? options.strings.errorRateLimited : options.strings.errorGeneric;
+        assistantMsg.errorText = errorMessageFor(error, options.strings);
         feedback.play("error");
         bus.emit("error", error);
         options.onError?.(error);