@helpai/elements 0.50.3 → 0.50.5

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-C_jlXJAe.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-oSJ2nv2G.js';
 import 'zod';
 
 /**

package/index.mjs

@@ -29,7 +29,7 @@ var BRAND = {
 };
 
 // src/core/version.ts
-var ELEMENTS_VERSION = true ? "0.50.3" : "0.0.0-dev";
+var ELEMENTS_VERSION = true ? "0.50.5" : "0.0.0-dev";
 var ELEMENTS_VERSION_PARAM = "_ev";
 
 // src/i18n/strings.ts
@@ -1771,7 +1771,7 @@ var EventBus = class {
 import { h, render as renderPreact } from "preact";
 
 // src/ui/app.tsx
-import { useCallback as useCallback6, useEffect as useEffect16, useMemo as useMemo3, useRef as useRef9, useState as useState14 } from "preact/hooks";
+import { useCallback as useCallback6, useEffect as useEffect16, useLayoutEffect as useLayoutEffect3, useMemo as useMemo3, useRef as useRef9, useState as useState14 } from "preact/hooks";
 import { batch, useComputed as useComputed8, useSignal } from "@preact/signals";
 
 // src/core/handshake-shape.ts
@@ -2876,12 +2876,44 @@ var StreamReducer = class {
     __publicField(this, "messagesSig", messagesSig);
     /** Currently-streaming assistant message; null when no stream is active. */
     __publicField(this, "active", null);
+    /**
+     * Text/reasoning parts still "open" in the CURRENT step, keyed `${kind}:${id}`.
+     * Cleared per stream (`attach`) and per step boundary (`finish-step`) — exactly
+     * like web-www's per-step `activeTextParts`. Lookups go through this map, NOT a
+     * scan of the whole message, so a text id reused in a LATER step or in a resume
+     * stream (e.g. the reply that continues after an approval pause) starts a NEW
+     * part instead of merging into an earlier same-id part. Without it the
+     * continuation text merges into the pre-tool text and renders ABOVE the tool
+     * card (correct only after a reload, when the backend replays ordered parts).
+     */
+    __publicField(this, "openTextParts", /* @__PURE__ */ new Map());
+    /** Monotonic counter for client-unique part ids (the React key). The backend
+     *  reuses chunk ids across steps/streams, so the chunk id alone is NOT a safe
+     *  key — two parts could share `txt-0` and collide. Part ids are client-only
+     *  (text/reasoning ids never ride the wire), so a counter is sufficient. */
+    __publicField(this, "partSeq", 0);
   }
   attach(msg) {
     this.active = msg;
+    this.openTextParts.clear();
   }
   detach() {
     this.active = null;
+    this.openTextParts.clear();
+  }
+  /**
+   * Find-or-create the open text/reasoning part for `id` within the current step.
+   * Scoped to {@link openTextParts} (reset on step/stream boundaries) so parts
+   * never merge across a tool/resume boundary. Mirrors www's `ensureTextPart`.
+   */
+  ensureTextPart(m, kind, id) {
+    const key = `${kind}:${id}`;
+    const existing = this.openTextParts.get(key);
+    if (existing) return existing;
+    const part = { kind, id: `${id}#${this.partSeq++}`, textSig: signal2(""), doneSig: signal2(false) };
+    this.openTextParts.set(key, part);
+    appendPart(m, part);
+    return part;
   }
   apply(chunk) {
     const m = this.active;
@@ -2891,9 +2923,10 @@ var StreamReducer = class {
         if (chunk.messageId) m.serverMessageId = chunk.messageId;
         return;
       case "finish-step":
+        this.openTextParts.clear();
         return;
       case "start-step":
-        appendPart(m, { kind: "step-start", id: `ss${m.partsSig.value.length}` });
+        appendPart(m, { kind: "step-start", id: `ss-${this.partSeq++}` });
         return;
       case "finish":
         log7.debug("finish", { reason: chunk.finishReason, canContinue: chunk.canContinue });
@@ -2908,26 +2941,26 @@ var StreamReducer = class {
         this.bumpDone(m);
         return;
       case "text-start":
-        ensureTextPart(m, "text", chunk.id);
+        this.ensureTextPart(m, "text", chunk.id);
         return;
       case "text-delta": {
-        const p36 = ensureTextPart(m, "text", chunk.id);
+        const p36 = this.ensureTextPart(m, "text", chunk.id);
         p36.textSig.value += chunk.delta;
         return;
       }
       case "text-end":
-        ensureTextPart(m, "text", chunk.id).doneSig.value = true;
+        this.ensureTextPart(m, "text", chunk.id).doneSig.value = true;
         return;
       case "reasoning-start":
-        ensureTextPart(m, "reasoning", chunk.id).doneSig.value = false;
+        this.ensureTextPart(m, "reasoning", chunk.id).doneSig.value = false;
         return;
       case "reasoning-delta": {
-        const p36 = ensureTextPart(m, "reasoning", chunk.id);
+        const p36 = this.ensureTextPart(m, "reasoning", chunk.id);
         p36.textSig.value += chunk.delta;
         return;
       }
       case "reasoning-end":
-        ensureTextPart(m, "reasoning", chunk.id).doneSig.value = true;
+        this.ensureTextPart(m, "reasoning", chunk.id).doneSig.value = true;
         return;
       case "tool-input-start":
       case "tool-input-delta":
@@ -2972,13 +3005,6 @@ var StreamReducer = class {
     this.messagesSig.value = [...this.messagesSig.value];
   }
 };
-function ensureTextPart(m, kind, id) {
-  const existing = m.partsSig.value.find((p36) => p36.kind === kind && p36.id === id);
-  if (existing) return existing;
-  const part = { kind, id, textSig: signal2(""), doneSig: signal2(false) };
-  appendPart(m, part);
-  return part;
-}
 function ensureToolPart(m, toolCallId, toolName2) {
   const existing = m.partsSig.value.find((p36) => p36.kind === "tool" && p36.toolCallId === toolCallId);
   if (existing) return existing;
@@ -7915,7 +7941,7 @@ function App({ options, hostElement, bus }) {
     lastUserSig.current = userSig;
     void runHandshake({ newConversation: false });
   }, [userSig, conversationReady, runHandshake]);
-  useEffect16(() => {
+  useLayoutEffect3(() => {
     applyMode(hostElement, computeHostMode(options.mode, panelSize, isOpen));
   }, [hostElement, isOpen, panelSize, options.mode]);
   useEffect16(() => {

package/package.json

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

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-C_jlXJAe.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-oSJ2nv2G.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>>;
@@ -240,9 +240,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>;
@@ -269,9 +269,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>;
@@ -323,40 +323,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>;
@@ -372,33 +372,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>;
@@ -407,21 +407,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>;
@@ -856,18 +856,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>>;
@@ -893,9 +893,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

@@ -1709,7 +1709,7 @@ function applyHostAttributes(host, resolved) {
 import { h, render as renderPreact } from "preact";
 
 // src/ui/app.tsx
-import { useCallback as useCallback6, useEffect as useEffect16, useMemo as useMemo3, useRef as useRef9, useState as useState14 } from "preact/hooks";
+import { useCallback as useCallback6, useEffect as useEffect16, useLayoutEffect as useLayoutEffect3, useMemo as useMemo3, useRef as useRef9, useState as useState14 } from "preact/hooks";
 import { batch, useComputed as useComputed8, useSignal } from "@preact/signals";
 
 // src/core/handshake-shape.ts
@@ -1794,7 +1794,7 @@ function createAuth(opts) {
 }
 
 // src/core/version.ts
-var ELEMENTS_VERSION = true ? "0.50.3" : "0.0.0-dev";
+var ELEMENTS_VERSION = true ? "0.50.5" : "0.0.0-dev";
 var ELEMENTS_VERSION_PARAM = "_ev";
 
 // src/stream/types.ts
@@ -2835,12 +2835,44 @@ var StreamReducer = class {
     __publicField(this, "messagesSig", messagesSig);
     /** Currently-streaming assistant message; null when no stream is active. */
     __publicField(this, "active", null);
+    /**
+     * Text/reasoning parts still "open" in the CURRENT step, keyed `${kind}:${id}`.
+     * Cleared per stream (`attach`) and per step boundary (`finish-step`) — exactly
+     * like web-www's per-step `activeTextParts`. Lookups go through this map, NOT a
+     * scan of the whole message, so a text id reused in a LATER step or in a resume
+     * stream (e.g. the reply that continues after an approval pause) starts a NEW
+     * part instead of merging into an earlier same-id part. Without it the
+     * continuation text merges into the pre-tool text and renders ABOVE the tool
+     * card (correct only after a reload, when the backend replays ordered parts).
+     */
+    __publicField(this, "openTextParts", /* @__PURE__ */ new Map());
+    /** Monotonic counter for client-unique part ids (the React key). The backend
+     *  reuses chunk ids across steps/streams, so the chunk id alone is NOT a safe
+     *  key — two parts could share `txt-0` and collide. Part ids are client-only
+     *  (text/reasoning ids never ride the wire), so a counter is sufficient. */
+    __publicField(this, "partSeq", 0);
   }
   attach(msg) {
     this.active = msg;
+    this.openTextParts.clear();
   }
   detach() {
     this.active = null;
+    this.openTextParts.clear();
+  }
+  /**
+   * Find-or-create the open text/reasoning part for `id` within the current step.
+   * Scoped to {@link openTextParts} (reset on step/stream boundaries) so parts
+   * never merge across a tool/resume boundary. Mirrors www's `ensureTextPart`.
+   */
+  ensureTextPart(m, kind, id) {
+    const key = `${kind}:${id}`;
+    const existing = this.openTextParts.get(key);
+    if (existing) return existing;
+    const part = { kind, id: `${id}#${this.partSeq++}`, textSig: signal2(""), doneSig: signal2(false) };
+    this.openTextParts.set(key, part);
+    appendPart(m, part);
+    return part;
   }
   apply(chunk) {
     const m = this.active;
@@ -2850,9 +2882,10 @@ var StreamReducer = class {
         if (chunk.messageId) m.serverMessageId = chunk.messageId;
         return;
       case "finish-step":
+        this.openTextParts.clear();
         return;
       case "start-step":
-        appendPart(m, { kind: "step-start", id: `ss${m.partsSig.value.length}` });
+        appendPart(m, { kind: "step-start", id: `ss-${this.partSeq++}` });
         return;
       case "finish":
         log6.debug("finish", { reason: chunk.finishReason, canContinue: chunk.canContinue });
@@ -2867,26 +2900,26 @@ var StreamReducer = class {
         this.bumpDone(m);
         return;
       case "text-start":
-        ensureTextPart(m, "text", chunk.id);
+        this.ensureTextPart(m, "text", chunk.id);
         return;
       case "text-delta": {
-        const p36 = ensureTextPart(m, "text", chunk.id);
+        const p36 = this.ensureTextPart(m, "text", chunk.id);
         p36.textSig.value += chunk.delta;
         return;
       }
       case "text-end":
-        ensureTextPart(m, "text", chunk.id).doneSig.value = true;
+        this.ensureTextPart(m, "text", chunk.id).doneSig.value = true;
         return;
       case "reasoning-start":
-        ensureTextPart(m, "reasoning", chunk.id).doneSig.value = false;
+        this.ensureTextPart(m, "reasoning", chunk.id).doneSig.value = false;
         return;
       case "reasoning-delta": {
-        const p36 = ensureTextPart(m, "reasoning", chunk.id);
+        const p36 = this.ensureTextPart(m, "reasoning", chunk.id);
         p36.textSig.value += chunk.delta;
         return;
       }
       case "reasoning-end":
-        ensureTextPart(m, "reasoning", chunk.id).doneSig.value = true;
+        this.ensureTextPart(m, "reasoning", chunk.id).doneSig.value = true;
         return;
       case "tool-input-start":
       case "tool-input-delta":
@@ -2931,13 +2964,6 @@ var StreamReducer = class {
     this.messagesSig.value = [...this.messagesSig.value];
   }
 };
-function ensureTextPart(m, kind, id) {
-  const existing = m.partsSig.value.find((p36) => p36.kind === kind && p36.id === id);
-  if (existing) return existing;
-  const part = { kind, id, textSig: signal2(""), doneSig: signal2(false) };
-  appendPart(m, part);
-  return part;
-}
 function ensureToolPart(m, toolCallId, toolName2) {
   const existing = m.partsSig.value.find((p36) => p36.kind === "tool" && p36.toolCallId === toolCallId);
   if (existing) return existing;
@@ -7874,7 +7900,7 @@ function App({ options, hostElement, bus }) {
     lastUserSig.current = userSig;
     void runHandshake({ newConversation: false });
   }, [userSig, conversationReady, runHandshake]);
-  useEffect16(() => {
+  useLayoutEffect3(() => {
     applyMode(hostElement, computeHostMode(options.mode, panelSize, isOpen));
   }, [hostElement, isOpen, panelSize, options.mode]);
   useEffect16(() => {