@helpai/elements 0.24.0 → 0.26.0

package/README.md

@@ -85,7 +85,7 @@ re-resolves at runtime.
 | `index.mjs` / `web-component.mjs` | ESM    | Bundlers (Vite, webpack, esbuild) — bare imports kept       |
 | `elements.cjs.js`                 | CJS    | `require()` from Node / legacy tooling         |
 | `style.css`                       | CSS    | `<link rel="stylesheet">`                      |
-| `schema.json`                     | JSON Schema | Dashboard config UIs, backend start-conversation validation, 3rd-party tooling |
+| `schema.json`                     | JSON Schema | Dashboard config UIs, backend handshake validation, 3rd-party tooling |
 | `schema.mjs`                      | ESM    | Zod runtime schemas: `import { widgetConfigSchema } from "@helpai/elements/schema"` |
 
 Every bundle exposes the same surface (`mount`, `init`, `hook`, types).
@@ -323,7 +323,7 @@ attribute. See [https://help.ai/docs/elements/modes](https://help.ai/docs/elemen
 ## Configuration
 
 The element reads its per-deployment configuration from your
-Help AI workspace at start-conversation time — colors, launcher
+Help AI workspace at handshake time — colors, launcher
 chrome, strings, action layout, model defaults, history visibility
 all flow through `StartConversationResponse.settings`. You don't recompile
 per-customer.
@@ -335,7 +335,7 @@ mount({
   publicKey: "agent_pk_...",
   aiAgentDeploymentId: "...",
   presentation: { mode: "floating" },
-  baseUrl: "https://help.ai/api",    // omit to use the brand default
+  baseUrl: "https://help.ai",    // omit to use the brand default
   user: { id: "u_123", email: "alice@help.ai" },
   theme: "dark",                   // "auto" | "light" | "dark" | overrides object
   i18n: { defaultLocale: "en" },

package/configurator.mjs

@@ -132,7 +132,7 @@ var behaviorSchema = z4.object({
     "Show tool/function calls the model makes (e.g. search) as inline chips in the transcript. `false` (default) hides them."
   ),
   popOutUrl: z4.string().min(1).max(2048).optional().describe(
-    "URL the `popOut` action opens in a new tab (carries `?conversation=<id>&widgetId=<id>` query params). Falls back to the brand's build-time default. Set this to point at your own dedicated chat page (e.g. `https://app.acme.com/chat`). Server-pushable on `/start-conversation.widget.behavior.popOutUrl`."
+    "URL the `popOut` action opens in a new tab (carries `?conversation=<id>&widgetId=<id>` query params). Falls back to the brand's build-time default. Set this to point at your own dedicated chat page (e.g. `https://app.acme.com/chat`). Server-pushable on `/handshake.widget.behavior.popOutUrl`."
   )
 }).loose().describe("Lifecycle + streaming behaviour. Doesn't affect visual presentation.").meta({
   examples: [
@@ -520,7 +520,7 @@ var moduleSchema = z14.object({
     "UI layout that renders this tab: `chat` (the conversation), `home`, `help`, or `news`."
   ),
   contentTags: z14.array(z14.string().max(60)).max(20).optional().describe(
-    "Content tags this tab scopes to \u2014 the `tags` filter on `GET /ai/agent/content` (matches content tagged with ANY of them). Omit for the `chat` layout."
+    "Content tags this tab scopes to \u2014 the `tags` filter on `GET /content` (matches content tagged with ANY of them). Omit for the `chat` layout."
   ),
   id: z14.string().max(60).optional().describe(
     "Stable id for navigation + last-tab persistence. Defaults to the first `contentTags` entry, else `layout`."
@@ -573,10 +573,12 @@ var modulesSchema = z14.array(moduleSchema).max(4).describe(
 import { z as z15 } from "zod";
 var trackingSchema = z15.object({
   enabled: z15.boolean().optional().describe("Master switch. Default `false` \u2014 no hits are sent until the deployment turns tracking on."),
-  endpoint: z15.url().max(2048).optional().describe("Pixel collector URL. Default: `https://t.<brand domain>/api/ai-elements/px.gif`. Must be a full URL."),
+  endpoint: z15.url().max(2048).optional().describe(
+    "Pixel collector URL. Default: `${dataBaseUrl}/elements/px.gif` (e.g. `https://help.ai/api/data/elements/px.gif`). Must be a full URL."
+  ),
   sampleRate: z15.number().min(0).max(1).optional().describe("Per-visitor sampling 0..1 (decided once per page load, keeping funnels intact). Default `1`."),
   token: z15.string().max(512).optional().describe(
-    "Anti-forgery token, echoed as `tk=` on every hit. Server-issued in the `/start-conversation` response \u2014 never set by hand (see `docs/api/tracking-collector.md`)."
+    "Anti-forgery token, echoed as `tk=` on every hit. Server-issued in the `/handshake` response \u2014 never set by hand (see `docs/api/tracking-collector.md`)."
   )
 }).loose().describe(
   "Anonymous usage tracking for the widget owner \u2014 GA-style pixel events (open, send, form submit, \u2026) with page / device / locale dimensions. Never includes message content; visitors are identified only by the widget's anonymous visitorId."
@@ -586,14 +588,16 @@ var trackingSchema = z15.object({
 
 // src/schema/widget.ts
 var endpointsSchema = z16.object({
-  upload: z16.string().min(1).max(2048).default("/ai/agent/upload-file"),
-  transcribe: z16.string().min(1).max(2048).default("/ai/agent/transcribe-audio"),
-  submitForm: z16.string().min(1).max(2048).default("/ai/agent/submit-form").describe(
+  upload: z16.string().min(1).max(2048).default("/ai-agent/upload-file"),
+  transcribe: z16.string().min(1).max(2048).default("/ai-agent/transcribe-audio"),
+  submitForm: z16.string().min(1).max(2048).default("/submit-form").describe(
     "Form submission endpoint. The widget POSTs each completed form's values here (fire-and-forget), keyed by the same visitorId + conversationId as the conversation; the payload carries `formId` + `trigger` so the backend can route. Optional \u2014 a 404 is ignored."
   )
-}).loose().describe("HTTP endpoint overrides. Paths are appended to baseUrl; absolute URLs are accepted too.").meta({
+}).loose().describe(
+  "HTTP endpoint overrides. `upload` / `transcribe` paths are appended to the agent base (`${baseUrl}/api/agent`), `submitForm` to the data base (`dataBaseUrl`); absolute URLs are accepted too."
+).meta({
   examples: [
-    { upload: "/ai/agent/upload-file", transcribe: "/ai/agent/transcribe-audio" },
+    { upload: "/ai-agent/upload-file", transcribe: "/ai-agent/transcribe-audio" },
     { upload: "https://help.ai/uploads/presign" },
     { submitForm: "https://crm.acme.com/leads" }
   ]
@@ -640,7 +644,13 @@ var connectionConfigSchema = z16.object({
     "Deployment UUID from the dashboard. Picks which agent / settings bundle answers this mount. Sent as `x-ai-agent-deployment-id`."
   ),
   baseUrl: z16.string().min(1).max(2048).optional().describe(
-    "Full backend origin (e.g. `https://help.ai/api`). Set this to point at your staging / self-hosted / custom backend. Default: the brand's `defaultBaseUrl` baked at build time."
+    "MAIN site origin (e.g. `https://help.ai`) \u2014 the API modules derive from it: agent API at `${baseUrl}/api/agent`, data API at `${baseUrl}/api/data`. Set this to point at your staging / self-hosted / custom backend. Default: the brand's `defaultBaseUrl` baked at build time."
+  ),
+  agentBaseUrl: z16.string().min(1).max(2048).optional().describe(
+    "Full agent-API base \u2014 set it to reach a STANDALONE `module-help-ai-agent-api` directly (local module on its own port, e.g. `http://localhost:3087`; routes attach as-is: `/ai-agent/handshake`). Precedence: this option > derived from the main origin (`${baseUrl}/api/agent`). Not server-pushable."
+  ),
+  dataBaseUrl: z16.string().min(1).max(2048).optional().describe(
+    "Full data-API base (e.g. `https://help.ai/api/data`, or a standalone local module like `http://localhost:3106`) \u2014 the service serving content, form definitions (`GET /forms`), and form submissions at root-level paths. Precedence: this option > server-pushed `config.dataBaseUrl` > derived from the main origin (`${baseUrl}/api/data`)."
   ),
   userContext: userContextSchema.optional(),
   pageContext: pageContextSchema.optional(),
@@ -680,7 +690,7 @@ var widgetSettingsSchema = z16.object({
   modules: modulesSchema.optional(),
   tracking: trackingSchema.optional()
 }).loose().describe(
-  "Portal-configurable widget settings \u2014 fourteen sections, one per dashboard tab. The backend pushes this same shape on `/ai/agent/start-conversation` under `config`."
+  "Portal-configurable widget settings \u2014 fourteen sections, one per dashboard tab. The backend pushes this same shape on `/ai-agent/handshake` under `config`."
 ).meta({
   examples: [
     { presentation: { mode: "floating", position: "bottom-right" }, theme: "auto" },
@@ -698,10 +708,8 @@ var widgetSettingsSchema = z16.object({
 });
 var widgetConfigSchema = connectionConfigSchema.extend({
   ...widgetSettingsSchema.shape,
-  site: z16.unknown().optional().describe(
-    'Site config \u2014 applies in `mode: "page"`. Comes from the start-conversation response, not user-edited.'
-  ),
-  blocks: z16.unknown().optional().describe('Blocks (nav + link cards) \u2014 applies in `mode: "page"`. Comes from the start-conversation response.')
+  site: z16.unknown().optional().describe('Site config \u2014 applies in `mode: "page"`. Comes from the handshake response, not user-edited.'),
+  blocks: z16.unknown().optional().describe('Blocks (nav + link cards) \u2014 applies in `mode: "page"`. Comes from the handshake response.')
 }).describe(
   "Full client widget config \u2014 connection (where + auth) + widget settings (look + behaviour) + page-mode extras. This is what the runtime parses on `mount()` / `init()`. Mode-specific constraints (e.g. `position` only meaningful in `floating`) are NOT enforced here \u2014 the runtime silently ignores irrelevant fields rather than rejecting them so the same object can flow across mode changes."
 ).meta({
@@ -725,7 +733,9 @@ var connectionConfigPartialSchema = connectionConfigSchema.partial();
 
 // src/schema/deployment.ts
 import { z as z17 } from "zod";
-var serverConfigSchema = widgetSettingsSchema.partial();
+var serverConfigSchema = widgetSettingsSchema.partial().omit({ forms: true }).extend({
+  dataBaseUrl: z17.string().min(1).max(2048).optional()
+});
 var siteConfigSchema = z17.object({
   title: z17.string().min(1).max(120).optional().describe("Brand / site name. Used as the logo's alt-text fallback."),
   logo: assetSchema.optional().describe("Brand logo shown at the top of the page-mode sidebar."),
@@ -748,7 +758,7 @@ var handshakeWelcomeSuggestionSchema = z17.object({
   text: z17.string().optional()
 }).loose();
 var rebindReasonSchema = z17.enum(["conflict", "expired", "invalid"]);
-var startConversationResponseSchema = z17.object({
+var handshakeResponseSchema = z17.object({
   deployment: z17.object({
     id: z17.string(),
     name: z17.string(),
@@ -782,22 +792,6 @@ var startConversationResponseSchema = z17.object({
   }).loose().optional(),
   visitorId: z17.string(),
   conversationId: z17.string(),
-  canContinue: z17.boolean(),
-  messages: z17.array(z17.unknown()),
-  /**
-   * Form submissions recorded for this conversation — echoed like
-   * `messages` so the widget reconstructs the collapsed "form submitted"
-   * timeline markers on resume. `createdAt` is ISO-8601 (a serialized
-   * Mongo ISODate — same format as message `createdAt`).
-   */
-  formSubmissions: z17.array(
-    z17.object({
-      formId: z17.string(),
-      trigger: z17.string(),
-      skipped: z17.boolean().optional(),
-      createdAt: z17.iso.datetime().optional()
-    }).loose()
-  ).optional(),
   /**
    * Per-visitor preferences (locale picker, theme picker, sound
    * mute, dragged panel size). Distinct from `config` — this is