@agent-native/core 0.120.0 → 0.120.1

package/corpus/templates/forms/app/pages/FormBuilderPage.tsx

@@ -295,6 +295,18 @@ export function FormBuilderPage() {
     [updateForm],
   );
 
+  const saveImmediately = useCallback(
+    async (data: Parameters<typeof updateForm.mutate>[0]) => {
+      clearTimeout(saveTimeout.current);
+      try {
+        await updateForm.mutateAsync(data);
+      } finally {
+        fieldsDirty.current = false;
+      }
+    },
+    [updateForm],
+  );
+
   // Debounced field-op save — uses patch-form-fields (server-side merge) so
   // concurrent edits to different fields both survive.
   const fieldOpTimeout = useRef<ReturnType<typeof setTimeout>>(undefined);
@@ -853,8 +865,17 @@ export function FormBuilderPage() {
               key={JSON.stringify(form.settings)}
               form={form}
               onSave={(settings) => {
-                save({ id: form.id, settings });
-                toast.success(t("builder.settingsSaved"));
+                void saveImmediately({ id: form.id, settings })
+                  .then(() => toast.success(t("builder.settingsSaved")))
+                  .catch((error: unknown) => {
+                    toast.error(
+                      error instanceof Error && error.message
+                        ? error.message
+                        : t("builder.saveFailed", {
+                            defaultValue: "Failed to save changes",
+                          }),
+                    );
+                  });
               }}
             />
           </div>
@@ -868,8 +889,17 @@ export function FormBuilderPage() {
               key={JSON.stringify(form.settings?.integrations)}
               form={form}
               onSave={(settings) => {
-                save({ id: form.id, settings });
-                toast.success(t("builder.integrationsSaved"));
+                void saveImmediately({ id: form.id, settings })
+                  .then(() => toast.success(t("builder.integrationsSaved")))
+                  .catch((error: unknown) => {
+                    toast.error(
+                      error instanceof Error && error.message
+                        ? error.message
+                        : t("builder.saveFailed", {
+                            defaultValue: "Failed to save changes",
+                          }),
+                    );
+                  });
               }}
             />
           </div>
@@ -1054,6 +1084,7 @@ function BuilderContent({
                   >
                     <FieldPropertiesPanel
                       field={field}
+                      fields={fields}
                       onChange={onUpdateField}
                       onDelete={() => onDeleteField(field.id)}
                     />

package/corpus/templates/forms/app/pages/FormFillPage.tsx

@@ -1,5 +1,6 @@
 import { useT } from "@agent-native/core/client/i18n";
 import { Turnstile, PoweredByBadge } from "@agent-native/core/client/ui";
+import { isConditionalFieldVisible } from "@shared/conditional";
 import type { FormField, FormSettings } from "@shared/types";
 import { IconCircleCheck, IconRefresh } from "@tabler/icons-react";
 import { useState, useMemo, useEffect } from "react";
@@ -88,21 +89,7 @@ export function FormFillPage() {
 
   // Evaluate conditional visibility
   const visibleFields = useMemo(() => {
-    return fields.filter((field) => {
-      if (!field.conditional) return true;
-      const { fieldId, operator, value: condValue } = field.conditional;
-      const fieldVal = String(values[fieldId] ?? "");
-      switch (operator) {
-        case "equals":
-          return fieldVal === condValue;
-        case "not_equals":
-          return fieldVal !== condValue;
-        case "contains":
-          return fieldVal.includes(condValue);
-        default:
-          return true;
-      }
-    });
+    return fields.filter((field) => isConditionalFieldVisible(field, values));
   }, [fields, values]);
 
   function handleChange(fieldId: string, value: unknown) {
@@ -166,7 +153,11 @@ export function FormFillPage() {
     submitForm.mutate(
       {
         formId: form.id,
-        data: values,
+        data: Object.fromEntries(
+          visibleFields
+            .filter((field) => values[field.id] !== undefined)
+            .map((field) => [field.id, values[field.id]]),
+        ),
         captchaToken,
         _hp: honeypot,
         _t: pageLoadTime,

package/corpus/templates/forms/changelog/2026-07-23-forms-can-branch-into-follow-up-questions-and-route-response.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-07-23
+---
+
+Forms can branch into follow-up questions and route responses to configured destinations.

package/corpus/templates/forms/server/handlers/submissions.ts

@@ -17,6 +17,10 @@ import {
 } from "h3";
 import { nanoid } from "nanoid";
 
+import {
+  isConditionalFieldVisible,
+  sanitizeConditionalValues as sanitizeVisibleValues,
+} from "../../shared/conditional.js";
 import {
   cleanSubmitterEmail,
   publicSubmitterEmail,
@@ -158,43 +162,26 @@ export const submitForm = defineEventHandler(async (event: H3Event) => {
   // Parse form fields and build whitelist of valid field IDs
   const fields: FormField[] = JSON.parse(form.fields);
   const fieldMap = new Map(fields.map((f) => [f.id, f]));
-  const rawData =
+  const submittedData =
     body.data && typeof body.data === "object" && !Array.isArray(body.data)
       ? (body.data as Record<string, unknown>)
       : {};
 
   // Whitelist: only accept keys matching form field IDs
-  const data: Record<string, unknown> = {};
-  for (const [key, value] of Object.entries(rawData)) {
+  const whitelistedData: Record<string, unknown> = {};
+  for (const [key, value] of Object.entries(submittedData)) {
     const field = fieldMap.get(key);
     if (!field) continue; // Strip unknown fields
-    data[key] = value;
+    whitelistedData[key] = value;
   }
 
+  const data = sanitizeVisibleValues(fields, whitelistedData);
+
   // Validate required fields and field-specific constraints. Recompute
   // conditional visibility on the server so direct POSTs cannot submit hidden
   // field values or bypass client-side validation.
-  function isFieldVisible(field: FormField): boolean {
-    if (!field.conditional) return true;
-    const { fieldId, operator, value: condValue } = field.conditional;
-    const fieldVal = String(data[fieldId] ?? "");
-    switch (operator) {
-      case "equals":
-        return fieldVal === condValue;
-      case "not_equals":
-        return fieldVal !== condValue;
-      case "contains":
-        return fieldVal.includes(condValue);
-      default:
-        return true;
-    }
-  }
-
   for (const field of fields) {
-    if (!isFieldVisible(field)) {
-      delete data[field.id];
-      continue;
-    }
+    if (field.conditional && !isConditionalFieldVisible(field, data)) continue;
 
     const val = data[field.id];
     if (field.required && isEmptySubmissionValue(val)) {
@@ -268,13 +255,17 @@ export const submitForm = defineEventHandler(async (event: H3Event) => {
 
   if (settings.emailOnNewResponses === true && form.ownerEmail) {
     try {
-      await sendNewResponseEmail({
-        to: form.ownerEmail,
-        formTitle: form.title,
-        fields,
-        data,
-        submittedAt: now,
-      });
+      await runWithRequestContext(
+        { userEmail: form.ownerEmail, orgId: form.orgId ?? undefined },
+        () =>
+          sendNewResponseEmail({
+            to: form.ownerEmail!,
+            formTitle: form.title,
+            fields,
+            data,
+            submittedAt: now,
+          }),
+      );
     } catch (error) {
       // Email is best-effort — a provider outage must not reject a public
       // submission that was already persisted successfully.

package/corpus/templates/forms/server/lib/integrations.ts

@@ -118,9 +118,14 @@ function formatFields(
   data: Record<string, unknown>,
 ): Record<string, unknown> {
   const out: Record<string, unknown> = {};
+  const usedLabels = new Set<string>();
   for (const field of fields) {
     if (data[field.id] !== undefined) {
-      out[field.label] = data[field.id];
+      const label = field.label.trim() || field.id;
+      let key = label;
+      if (usedLabels.has(key)) key = `${label} (${field.id})`;
+      usedLabels.add(key);
+      out[key] = data[field.id];
     }
   }
   return out;
@@ -258,9 +263,13 @@ function buildDiscordPayload(submission: SubmissionPayload) {
 }
 
 /** Google Sheets (Apps Script web app) — flat key/value pairs */
-function buildGoogleSheetsPayload(submission: SubmissionPayload) {
+export function buildGoogleSheetsPayload(submission: SubmissionPayload) {
   return {
+    event: "form_submission",
+    eventVersion: 1,
+    formId: submission.formId,
     formTitle: submission.formTitle,
+    responseId: submission.responseId,
     submittedAt: submission.submittedAt,
     submitterEmail: publicSubmitterEmail(submission.submitterEmail) ?? "",
     chatSessionIds: (submission.chatSessionIds ?? []).join(", "),

package/corpus/templates/forms/server/lib/public-form-ssr.ts

@@ -510,19 +510,40 @@ function renderFormPage(
       var condVal = el.dataset.condVal;
       var depVal = getFieldValue(depId);
       var show = true;
-      if (op === "equals") show = depVal === condVal;
+      if (Array.isArray(depVal)) {
+        if (op === "equals") show = depVal.length === 1 && depVal[0] === condVal;
+        else if (op === "not_equals") show = depVal.indexOf(condVal) < 0;
+        else if (op === "contains") show = depVal.indexOf(condVal) >= 0;
+      } else if (op === "equals") show = depVal === condVal;
       else if (op === "not_equals") show = depVal !== condVal;
       else if (op === "contains") show = depVal.indexOf(condVal) >= 0;
       el.style.display = show ? "" : "none";
       el.dataset.hidden = show ? "" : "1";
+      el.querySelectorAll("input, textarea, select, button").forEach(function(control) {
+        control.disabled = !show;
+      });
     });
   }
 
   function getFieldValue(id) {
-    var el = document.querySelector('[name="' + id + '"]');
-    if (!el) return "";
-    if (el.type === "checkbox" && !el.closest(".ms-group")) return el.checked ? "true" : "";
-    return el.value || "";
+    var controls = document.getElementsByName(id);
+    if (!controls.length) return "";
+    var first = controls[0];
+    if (first.type === "checkbox") {
+      if (controls.length > 1) {
+        return Array.prototype.map.call(controls, function(control) {
+          return control.checked ? control.value : "";
+        }).filter(Boolean);
+      }
+      return first.checked ? "true" : "false";
+    }
+    if (first.type === "radio") {
+      for (var i = 0; i < controls.length; i++) {
+        if (controls[i].checked) return controls[i].value || "";
+      }
+      return "";
+    }
+    return first.value || "";
   }
 
   document.getElementById("mainForm").addEventListener("input", updateVisibility);

package/corpus/templates/forms/server/lib/validate-fields.ts

@@ -4,6 +4,7 @@
 // runtime — an unrestricted id like `x" onfocus="alert(1)` would otherwise
 // stored-XSS every anonymous submitter of a published form.
 export const FIELD_ID_PATTERN = /^[A-Za-z0-9_-]+$/;
+const CONDITIONAL_OPERATORS = new Set(["equals", "not_equals", "contains"]);
 
 export function assertValidFields(fields: unknown): void {
   if (!Array.isArray(fields)) {
@@ -28,17 +29,30 @@ export function assertValidFields(fields: unknown): void {
     seenIds.add(id);
 
     const cond = f.conditional;
-    if (cond && typeof cond === "object") {
-      const condFieldId = (cond as Record<string, unknown>).fieldId;
-      if (condFieldId !== undefined) {
-        if (
-          typeof condFieldId !== "string" ||
-          !FIELD_ID_PATTERN.test(condFieldId)
-        ) {
-          throw new Error(
-            `field #${idx + 1} conditional.fieldId ${JSON.stringify(condFieldId)} is invalid — must match ${FIELD_ID_PATTERN.source}`,
-          );
-        }
+    if (cond !== undefined) {
+      if (cond == null || typeof cond !== "object") {
+        throw new Error(`field #${idx + 1} conditional must be an object`);
+      }
+      const condition = cond as Record<string, unknown>;
+      const condFieldId = condition.fieldId;
+      if (
+        typeof condFieldId !== "string" ||
+        !FIELD_ID_PATTERN.test(condFieldId)
+      ) {
+        throw new Error(
+          `field #${idx + 1} conditional.fieldId ${JSON.stringify(condFieldId)} is invalid — must match ${FIELD_ID_PATTERN.source}`,
+        );
+      }
+      if (
+        typeof condition.operator !== "string" ||
+        !CONDITIONAL_OPERATORS.has(condition.operator)
+      ) {
+        throw new Error(
+          `field #${idx + 1} conditional.operator must be equals, not_equals, or contains`,
+        );
+      }
+      if (typeof condition.value !== "string") {
+        throw new Error(`field #${idx + 1} conditional.value must be a string`);
       }
     }
 
@@ -69,4 +83,27 @@ export function assertValidFields(fields: unknown): void {
       }
     }
   }
+
+  const fieldIndexes = new Map(
+    fields.map((field, index) => [
+      (field as Record<string, unknown>).id,
+      index,
+    ]),
+  );
+  for (const [idx, field] of fields.entries()) {
+    const condition = (field as Record<string, unknown>).conditional;
+    if (!condition || typeof condition !== "object") continue;
+    const condFieldId = (condition as Record<string, unknown>).fieldId;
+    const sourceIndex = fieldIndexes.get(condFieldId);
+    if (sourceIndex === undefined) {
+      throw new Error(
+        `field #${idx + 1} conditional.fieldId ${JSON.stringify(condFieldId)} does not reference a field in this form`,
+      );
+    }
+    if (sourceIndex >= idx) {
+      throw new Error(
+        `field #${idx + 1} conditional.fieldId must reference an earlier field`,
+      );
+    }
+  }
 }

package/corpus/templates/forms/server/plugins/agent-chat.ts

@@ -18,6 +18,7 @@ Core rules:
 - When the user asks for an anonymous feedback form or survey, create the complete form atomically with \`status: "published"\`, then return the exact public response URL from the successful action result. Do not return only the private editor link, and do not claim it is live without verifying the saved status and fields.
 - Use \`preview-form\` when the user asks about a form's setup, fields, configuration, publish state, or response count. It renders a native chat summary.
 - When the user wants email notifications for new responses, set \`settings.emailOnNewResponses: true\` with \`create-form\` or \`update-form\`; notifications go to the form owner's account email.
+- When the user wants Slack, Discord, Google Sheets, or webhook notifications, explain that Forms already supports them from the form builder's Integrations tab and navigate there with \`tab: "integrations"\`. Slack uses an Incoming Webhook URL; Google Sheets uses a deployed Apps Script \`/exec\` URL that parses \`e.postData.contents\`. Do not redirect users to the managed Messaging integration for these form destinations.
 - Use \`response-insights\` for response analytics. Do not invent SQL or fake chart data. Pass \`displayMode: "chart"\` for chart-only requests, \`displayMode: "table"\` only when the user asks for a table/rows, and \`displayMode: "insights"\` only for combined dashboards or reports.
 - Use \`list-responses\` and \`export-responses\` for response data review and export. When the user asks to see, open, or view all responses for a form, call \`navigate\` with \`view: "responses"\` instead of listing rows in chat.
 - Use \`navigate\` to open focused workspace views such as the forms list, builder, published preview, responses, response insights, extensions, or team/settings views. For builder sub-tabs, pass \`view=form\`, the form ID, and \`tab=edit|responses|settings|integrations\`.

package/corpus/templates/forms/shared/conditional.ts

@@ -0,0 +1,67 @@
+import type { FormField } from "./types.js";
+
+export function conditionalValue(value: unknown): string {
+  if (Array.isArray(value)) return value.map(conditionalValue).join(",");
+  if (value === true) return "true";
+  if (value === false) return "false";
+  if (value == null) return "";
+  return String(value);
+}
+
+export function isConditionalFieldVisible(
+  field: Pick<FormField, "conditional">,
+  values: Record<string, unknown>,
+): boolean {
+  const condition = field.conditional;
+  if (!condition) return true;
+
+  if (
+    typeof condition.fieldId !== "string" ||
+    typeof condition.value !== "string"
+  ) {
+    return false;
+  }
+
+  const rawValue = values[condition.fieldId];
+  if (Array.isArray(rawValue)) {
+    const selectedValues = rawValue.map(conditionalValue);
+    switch (condition.operator) {
+      case "equals":
+        return (
+          selectedValues.length === 1 && selectedValues[0] === condition.value
+        );
+      case "not_equals":
+        return !selectedValues.includes(condition.value);
+      case "contains":
+        return selectedValues.includes(condition.value);
+      default:
+        return false;
+    }
+  }
+
+  const currentValue = conditionalValue(rawValue);
+  switch (condition.operator) {
+    case "equals":
+      return currentValue === condition.value;
+    case "not_equals":
+      return currentValue !== condition.value;
+    case "contains":
+      return currentValue.includes(condition.value);
+    default:
+      return false;
+  }
+}
+
+export function sanitizeConditionalValues(
+  fields: FormField[],
+  values: Record<string, unknown>,
+): Record<string, unknown> {
+  const visibleValues: Record<string, unknown> = {};
+  for (const field of fields) {
+    if (!isConditionalFieldVisible(field, visibleValues)) continue;
+    if (Object.prototype.hasOwnProperty.call(values, field.id)) {
+      visibleValues[field.id] = values[field.id];
+    }
+  }
+  return visibleValues;
+}

package/dist/client/MultiTabAssistantChat.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MultiTabAssistantChat.d.ts","sourceRoot":"","sources":["../../src/client/MultiTabAssistantChat.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmD,MAAM,OAAO,CAAC;AA4BxE,OAAO,EAEL,KAAK,kBAAkB,EAExB,MAAM,oBAAoB,CAAC;AAyB5B,OAAO,EAEL,KAAK,eAAe,EAErB,MAAM,uBAAuB,CAAC;AAoa/B,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,WAAW,CAAC;IACzC,uDAAuD;IACvD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qEAAqE;IACrE,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAsGD,MAAM,WAAW,wBAAwB;IACvC,iFAAiF;IACjF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,8EAA8E;IAC9E,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,KAAK,MAAM,CAAC;IAC9C,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE;QAAE,OAAO,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;CACpE;AAyED,MAAM,WAAW,gCAAgC;IAC/C,IAAI,EAAE,OAAO,EAAE,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,qBAAqB,EAAE,MAAM,CAAC;IAC9B,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,+BAA+B;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,6EAA6E;IAC7E,QAAQ,EAAE,MAAM,CAAC;CAClB;AAID,MAAM,MAAM,0BAA0B,GAAG,IAAI,CAC3C,kBAAkB,EAClB,OAAO,GAAG,UAAU,CACrB,GAAG;IACF,sCAAsC;IACtC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iDAAiD;IACjD,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,gCAAgC,KAAK,KAAK,CAAC,SAAS,CAAC;IAC5E,uEAAuE;IACvE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,gCAAgC,KAAK,KAAK,CAAC,SAAS,CAAC;IAC7E,sGAAsG;IACtG,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,yFAAyF;IACzF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4EAA4E;IAC5E,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,mEAAmE;IACnE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,GAAG,wBAAwB,CAAC;IACnD,2DAA2D;IAC3D,KAAK,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;IAC/B,iEAAiE;IACjE,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,EACpC,UAAiB,EACjB,YAAY,EACZ,aAAa,EACb,aAAqB,EACrB,MAAqD,EACrD,UAAU,EACV,mBAA0B,EAC1B,YAAY,EACZ,aAAqB,EACrB,KAAY,EACZ,GAAG,KAAK,EACT,EAAE,0BAA0B,qBA2yD5B"}
+{"version":3,"file":"MultiTabAssistantChat.d.ts","sourceRoot":"","sources":["../../src/client/MultiTabAssistantChat.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmD,MAAM,OAAO,CAAC;AA4BxE,OAAO,EAEL,KAAK,kBAAkB,EAExB,MAAM,oBAAoB,CAAC;AA0B5B,OAAO,EAEL,KAAK,eAAe,EAErB,MAAM,uBAAuB,CAAC;AA2a/B,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,WAAW,CAAC;IACzC,uDAAuD;IACvD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qEAAqE;IACrE,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAsGD,MAAM,WAAW,wBAAwB;IACvC,iFAAiF;IACjF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,8EAA8E;IAC9E,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,KAAK,MAAM,CAAC;IAC9C,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE;QAAE,OAAO,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;CACpE;AAyED,MAAM,WAAW,gCAAgC;IAC/C,IAAI,EAAE,OAAO,EAAE,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,qBAAqB,EAAE,MAAM,CAAC;IAC9B,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,+BAA+B;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,6EAA6E;IAC7E,QAAQ,EAAE,MAAM,CAAC;CAClB;AAID,MAAM,MAAM,0BAA0B,GAAG,IAAI,CAC3C,kBAAkB,EAClB,OAAO,GAAG,UAAU,CACrB,GAAG;IACF,sCAAsC;IACtC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iDAAiD;IACjD,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,gCAAgC,KAAK,KAAK,CAAC,SAAS,CAAC;IAC5E,uEAAuE;IACvE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,gCAAgC,KAAK,KAAK,CAAC,SAAS,CAAC;IAC7E,sGAAsG;IACtG,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,yFAAyF;IACzF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4EAA4E;IAC5E,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,mEAAmE;IACnE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,GAAG,wBAAwB,CAAC;IACnD,2DAA2D;IAC3D,KAAK,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;IAC/B,iEAAiE;IACjE,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,EACpC,UAAiB,EACjB,YAAY,EACZ,aAAa,EACb,aAAqB,EACrB,MAAqD,EACrD,UAAU,EACV,mBAA0B,EAC1B,YAAY,EACZ,aAAqB,EACrB,KAAY,EACZ,GAAG,KAAK,EACT,EAAE,0BAA0B,qBAg1D5B"}

package/dist/client/MultiTabAssistantChat.js

@@ -14,6 +14,7 @@ import { isTrustedFrameMessage } from "./frame.js";
 import { RunStuckBanner } from "./RunStuckBanner.js";
 import { callAction } from "./use-action.js";
 import { useChangeVersion } from "./use-change-version.js";
+import { CHAT_MODEL_SELECTION_CHANGED_EVENT } from "./use-chat-models.js";
 import { useChatThreads, } from "./use-chat-threads.js";
 import { cn } from "./utils.js";
 /** The single path that hands a queued send to a mounted chat ref. */
@@ -66,6 +67,11 @@ function writeStoredModelSelection(key, selection) {
         return;
     try {
         window.localStorage.setItem(key, JSON.stringify(selection));
+        queueMicrotask(() => {
+            window.dispatchEvent(new CustomEvent(CHAT_MODEL_SELECTION_CHANGED_EVENT, {
+                detail: { key },
+            }));
+        });
     }
     catch { }
 }
@@ -520,6 +526,35 @@ export function MultiTabAssistantChat({ showTabBar = true, renderHeader, renderO
     const bumpModelSelectionVersion = useCallback(() => {
         setModelSelectionVersion((version) => version + 1);
     }, []);
+    useEffect(() => {
+        if (typeof window === "undefined")
+            return;
+        const syncPersistedSelection = (event) => {
+            const detail = event
+                ?.detail;
+            if (detail?.key && detail.key !== modelSelectionKey)
+                return;
+            const next = readStoredModelSelection(modelSelectionKey);
+            if (!next)
+                return;
+            const activeThreadId = activeThreadIdRef.current;
+            if (activeThreadId) {
+                threadModelRef.current.set(activeThreadId, next);
+            }
+            setPersistedModelSelection(next);
+            bumpModelSelectionVersion();
+        };
+        const handleStorage = (event) => {
+            if (event.key === modelSelectionKey)
+                syncPersistedSelection();
+        };
+        window.addEventListener(CHAT_MODEL_SELECTION_CHANGED_EVENT, syncPersistedSelection);
+        window.addEventListener("storage", handleStorage);
+        return () => {
+            window.removeEventListener(CHAT_MODEL_SELECTION_CHANGED_EVENT, syncPersistedSelection);
+            window.removeEventListener("storage", handleStorage);
+        };
+    }, [bumpModelSelectionVersion, modelSelectionKey]);
     const postMessageSubmissionsDisabled = props.composerDisabled === true;
     const setContextInTab = useCallback((threadId, item, options) => {
         const ref = chatRefs.current.get(threadId);