@assistant-ui/react-generative-ui 0.0.18 → 0.0.19

package/dist/vocabulary/list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"list.d.ts","names":[],"sources":["../../src/vocabulary/list.tsx"],"mappings":";;cAOa"}
+{"version":3,"file":"list.d.ts","names":[],"sources":["../../src/vocabulary/list.tsx"],"mappings":";;qBAOa"}

package/dist/vocabulary/media.d.ts

@@ -1,6 +1,6 @@
 import { z } from "zod";
 //#region src/vocabulary/media.d.ts
-declare const mediaVocabulary: {
+export declare const mediaVocabulary: {
   Image: {
     description: string;
     properties: z.ZodObject<{
@@ -24,5 +24,4 @@ declare const mediaVocabulary: {
   };
 };
 //#endregion
-export { mediaVocabulary };
 //# sourceMappingURL=media.d.ts.map

package/dist/vocabulary/media.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"media.d.ts","names":[],"sources":["../../src/vocabulary/media.tsx"],"mappings":";;cAKa"}
+{"version":3,"file":"media.d.ts","names":[],"sources":["../../src/vocabulary/media.tsx"],"mappings":";;qBAKa"}

package/dist/vocabulary/text.d.ts

@@ -1,6 +1,6 @@
 import { z } from "zod";
 //#region src/vocabulary/text.d.ts
-declare const textVocabulary: {
+export declare const textVocabulary: {
   Header: {
     description: string;
     properties: z.ZodObject<{
@@ -35,8 +35,8 @@ declare const textVocabulary: {
         semibold: "semibold";
       }>>;
       color: z.ZodOptional<z.ZodEnum<{
-        emphasis: "emphasis";
         secondary: "secondary";
+        emphasis: "emphasis";
         "alpha-70": "alpha-70";
         white: "white";
         "white-70": "white-70";
@@ -56,5 +56,4 @@ declare const textVocabulary: {
   };
 };
 //#endregion
-export { textVocabulary };
 //# sourceMappingURL=text.d.ts.map

package/dist/vocabulary/text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text.d.ts","names":[],"sources":["../../src/vocabulary/text.tsx"],"mappings":";;cAKa"}
+{"version":3,"file":"text.d.ts","names":[],"sources":["../../src/vocabulary/text.tsx"],"mappings":";;qBAKa"}

package/dist/vocabulary/toTextContent.d.ts

@@ -1,5 +1,4 @@
 //#region src/vocabulary/toTextContent.d.ts
-declare const toTextContent: (value: unknown) => string | number | null;
+export declare const toTextContent: (value: unknown) => string | number | null;
 //#endregion
-export { toTextContent };
 //# sourceMappingURL=toTextContent.d.ts.map

package/dist/vocabulary/toTextContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toTextContent.d.ts","names":[],"sources":["../../src/vocabulary/toTextContent.ts"],"mappings":";cAAa,gBAAiB"}
+{"version":3,"file":"toTextContent.d.ts","names":[],"sources":["../../src/vocabulary/toTextContent.ts"],"mappings":";qBAAa,gBAAiB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@assistant-ui/react-generative-ui",
-  "version": "0.0.18",
+  "version": "0.0.19",
   "description": "Generative UI components for assistant-ui",
   "keywords": [
     "generative-ui",
@@ -50,7 +50,8 @@
   ],
   "sideEffects": false,
   "dependencies": {
-    "assistant-stream": "^0.3.42"
+    "@types/json-schema": "^7.0.15",
+    "assistant-stream": "^0.3.44"
   },
   "peerDependencies": {
     "@assistant-ui/react": "^0.15.0",
@@ -64,14 +65,14 @@
     }
   },
   "devDependencies": {
-    "@assistant-ui/react": "0.15.19",
-    "@assistant-ui/x-buildutils": "0.0.26",
-    "@types/json-schema": "^7.0.15",
-    "@types/react": "^19.2.18",
-    "react": "^19.2.8",
-    "react-dom": "^19.2.8",
-    "vitest": "^4.1.11",
-    "zod": "^4.5.4"
+    "@assistant-ui/react": "0.15.21",
+    "@assistant-ui/x-buildutils": "0.0.28",
+    "@types/react": "^19.3.0",
+    "jsdom": "^30.0.1",
+    "react": "^19.3.0",
+    "react-dom": "^19.3.0",
+    "vitest": "^5.0.1",
+    "zod": "^4.6.5"
   },
   "publishConfig": {
     "access": "public",
@@ -89,6 +90,7 @@
   "scripts": {
     "build": "aui-build",
     "test": "vitest run",
+    "typecheck": "tsc --noEmit",
     "test:watch": "vitest"
   }
 }

package/src/constants.ts

@@ -8,3 +8,5 @@
  * convention used by JSON polymorphism elsewhere.
  */
 export const TYPE_KEY = "$type";
+
+export const GENERATED_NAME_ATTR = "data-aui-generated-name";

package/src/slack/fromSlackBlocks.test.ts

@@ -1107,7 +1107,10 @@ describe("fromSlackBlocks checkbox and radio caps", () => {
         ],
       },
     ]);
-    const radio = nodes[0] as { options: unknown[] };
+    const radio = nodes[0];
+    if (radio?.$type !== "RadioGroup" || !Array.isArray(radio.options)) {
+      throw new Error("Expected a RadioGroup with options.");
+    }
     expect(radio.options).toHaveLength(10);
     expect(
       warnings.some(

package/src/slack/toSlackBlocks.test.ts

@@ -2346,9 +2346,10 @@ describe("toSlackBlocks data_table integrity", () => {
       columns: [{ label: "A" }, { label: "B" }],
       rows: [[{ nested: true }, "kept"]],
     });
-    const table = blocks[0] as {
-      rows: { type: string; text: string }[][];
-    };
+    const table = blocks[0];
+    if (table?.type !== "data_table") {
+      throw new Error("Expected a data table block.");
+    }
     expect(table.rows[1]).toEqual([
       { type: "raw_text", text: "" },
       { type: "raw_text", text: "kept" },
@@ -2361,7 +2362,10 @@ describe("toSlackBlocks data_table integrity", () => {
       columns: [{ label: "A" }, { label: "B" }, { label: "C" }],
       rows: [["x"], ["x", "y", "z"]],
     });
-    const table = blocks[0] as { rows: unknown[][] };
+    const table = blocks[0];
+    if (table?.type !== "data_table") {
+      throw new Error("Expected a data table block.");
+    }
     expect(new Set(table.rows.map((row) => row.length))).toEqual(new Set([3]));
   });
 

package/src/teams/toAdaptiveCard.test.ts

@@ -1038,9 +1038,11 @@ describe("toAdaptiveCard", () => {
         name: "s",
         options: [{ label: "ok", value: "a" }, { label: "bad" }, "nope"],
       });
-      expect((card.body[0] as { choices: unknown[] }).choices).toEqual([
-        { title: "ok", value: "a" },
-      ]);
+      const select = card.body[0];
+      if (select?.type !== "Input.ChoiceSet") {
+        throw new Error("Expected an input choice set.");
+      }
+      expect(select.choices).toEqual([{ title: "ok", value: "a" }]);
       expect(warnings).toContainEqual({
         code: "dropped",
         component: "Select",

package/src/vocabulary/collectFormValues.test.ts

@@ -1,8 +1,11 @@
+// @vitest-environment jsdom
+
 import { describe, it, expect } from "vitest";
 import {
   collectFormValues,
   type FormControlElementLike,
 } from "./collectFormValues";
+import { GENERATED_NAME_ATTR } from "../constants";
 
 const el = (
   partial: Partial<FormControlElementLike>,
@@ -11,6 +14,7 @@ const el = (
   type: "text",
   value: "",
   disabled: false,
+  hasAttribute: () => false,
   ...partial,
 });
 
@@ -82,6 +86,20 @@ describe("collectFormValues", () => {
     ).toEqual({ kept: "yes" });
   });
 
+  it("skips radio groups whose name is generated only for native grouping", () => {
+    expect(
+      collectFormValues([
+        el({
+          name: "_R_1_",
+          type: "radio",
+          value: "sm",
+          checked: true,
+          hasAttribute: (name) => name === GENERATED_NAME_ATTR,
+        }),
+      ]),
+    ).toEqual({});
+  });
+
   it("skips disabled controls", () => {
     expect(
       collectFormValues([
@@ -106,6 +124,26 @@ describe("collectFormValues", () => {
     ).toEqual({ size: undefined });
   });
 
+  it("skips controls disabled by a fieldset while preserving its first legend", () => {
+    const form = document.createElement("form");
+    form.innerHTML = `
+      <fieldset disabled>
+        <legend><input name="legend" value="kept" /></legend>
+        <input name="blocked" value="old" />
+      </fieldset>
+      <input name="enabled" value="yes" />
+    `;
+    const blocked = form.elements.namedItem("blocked") as HTMLInputElement;
+
+    expect(blocked.disabled).toBe(false);
+
+    expect(
+      collectFormValues(
+        form.elements as unknown as ArrayLike<FormControlElementLike>,
+      ),
+    ).toEqual({ legend: "kept", enabled: "yes" });
+  });
+
   it("returns an empty object for no elements", () => {
     expect(collectFormValues([])).toEqual({});
   });

package/src/vocabulary/collectFormValues.ts

@@ -1,4 +1,5 @@
 import type { FormEvent } from "react";
+import { GENERATED_NAME_ATTR } from "../constants";
 
 /**
  * The subset of `HTMLInputElement`/`HTMLSelectElement`/`HTMLTextAreaElement` that {@link collectFormValues} reads. A structural type rather than the DOM interfaces themselves, so a plain object can stand in for a form control in tests.
@@ -9,10 +10,12 @@ export type FormControlElementLike = {
   readonly value: string;
   readonly checked?: boolean;
   readonly disabled: boolean;
+  readonly hasAttribute: (name: string) => boolean;
+  readonly matches?: ((selector: string) => boolean) | undefined;
 };
 
 /**
- * Collects a submitted form's named control values into a plain object, keyed by `name`, in document order. Reads each control's live DOM state rather than `FormData`, so a checkbox resolves to its `checked` boolean instead of an on/off string. A radio group resolves to its checked option's `value`, or `undefined` if none is checked. Any other repeated `name` resolves to an array of its controls' values, in document order. Controls without a `name`, or that are `disabled`, are skipped entirely.
+ * Collects a submitted form's named control values into a plain object, keyed by `name`, in document order. Reads each control's live DOM state rather than `FormData`, so a checkbox resolves to its `checked` boolean instead of an on/off string. A radio group resolves to its checked option's `value`, or `undefined` if none is checked. Any other repeated `name` resolves to an array of its controls' values, in document order. Controls without a `name`, that carry `data-aui-generated-name`, or that are effectively disabled, including through an ancestor disabled fieldset outside its first legend, are skipped entirely.
  */
 export function collectFormValues(
   elements: ArrayLike<FormControlElementLike>,
@@ -21,7 +24,13 @@ export function collectFormValues(
 
   for (const element of Array.from(elements)) {
     const { name, disabled } = element;
-    if (!name || disabled) continue;
+    if (
+      !name ||
+      disabled ||
+      element.hasAttribute(GENERATED_NAME_ATTR) ||
+      element.matches?.(":disabled")
+    )
+      continue;
 
     if (element.type === "radio") {
       if (element.checked) values[name] = element.value;

package/src/vocabulary/form.test.tsx

@@ -16,6 +16,7 @@ const el = (
   type: "text",
   value: "",
   disabled: false,
+  hasAttribute: () => false,
   ...partial,
 });
 

package/src/vocabulary/interactive.test.tsx

@@ -1,5 +1,6 @@
 import { describe, it, expect } from "vitest";
 import { renderToStaticMarkup } from "react-dom/server";
+import { GENERATED_NAME_ATTR } from "../constants";
 import { renderGenerativeUI } from "../renderGenerativeUI";
 import { interactiveVocabulary } from "./interactive";
 
@@ -232,6 +233,7 @@ describe("interactiveVocabulary", () => {
       ],
     });
     expect((html.match(/name="size"/g) ?? []).length).toBe(2);
+    expect(html).not.toContain(GENERATED_NAME_ATTR);
   });
 
   it("RadioGroup falls back to a generated shared name when name is omitted", () => {
@@ -242,10 +244,21 @@ describe("interactiveVocabulary", () => {
         { label: "Large", value: "lg" },
       ],
     });
-    const names = [...html.matchAll(/name="([^"]*)"/g)].map((m) => m[1]);
+    const names = [...html.matchAll(/ name="([^"]*)"/g)].map((m) => m[1]);
     expect(names.length).toBe(2);
     expect(names[0]).toBe(names[1]);
     expect(names[0]).toBeTruthy();
+    expect(html.split(`${GENERATED_NAME_ATTR}=""`).length - 1).toBe(2);
+  });
+
+  it("RadioGroup marks a generated shared name when name is null", () => {
+    const html = render({
+      $type: "RadioGroup",
+      name: null,
+      options: [{ label: "Small", value: "sm" }],
+    });
+
+    expect(html).toContain(`${GENERATED_NAME_ATTR}=""`);
   });
 
   it("RadioGroup marks the option matching defaultValue as checked", () => {

package/src/vocabulary/interactive.tsx

@@ -1,8 +1,13 @@
 import { useId } from "react";
 import { z } from "zod";
+import { GENERATED_NAME_ATTR } from "../constants";
 import type { Action } from "../ir";
 import { BUTTON_STYLES } from "../ir";
-import type { GenerativeUIDispatch, GenerativeUILibrary } from "../types";
+import type {
+  GenerativeUIDispatch,
+  GenerativeUILibrary,
+  GenerativeUIStatus,
+} from "../types";
 import { actionAttr, fire } from "./dispatch";
 import { toTextContent } from "./toTextContent";
 
@@ -26,6 +31,7 @@ type RadioGroupRenderProps = {
   name?: string;
   label?: string;
   defaultValue?: string;
+  $status: GenerativeUIStatus;
   $action?: Action;
   $dispatch?: GenerativeUIDispatch;
 };
@@ -53,6 +59,7 @@ function RadioGroupRender({
             <input
               type="radio"
               name={fieldName}
+              {...(name == null ? { [GENERATED_NAME_ATTR]: "" } : {})}
               value={option.value}
               defaultChecked={defaultValue === option.value}
               onChange={() => fire($action, $dispatch, option.value)}

package/src/vocabulary/layout.test.tsx

@@ -16,6 +16,7 @@ const el = (
   type: "text",
   value: "",
   disabled: false,
+  hasAttribute: () => false,
   ...partial,
 });
 

package/src/vocabulary/list.test.tsx

@@ -3,6 +3,7 @@ import type { ReactElement } from "react";
 import { renderToStaticMarkup } from "react-dom/server";
 import { renderGenerativeUI } from "../renderGenerativeUI";
 import { createActionRegistry } from "../actionRegistry";
+import type { GenerativeUIDispatch } from "../types";
 import { listVocabulary } from "./list";
 
 const render = (node: unknown) =>
@@ -55,13 +56,13 @@ describe("listVocabulary", () => {
 });
 
 describe("listVocabulary $action dispatch", () => {
-  const rowOut = (dispatch: (a: unknown) => unknown) =>
+  const rowOut = (dispatch: GenerativeUIDispatch) =>
     listVocabulary.ListViewItem.render({
       $status: "done",
       $action: { type: "open" },
       $dispatch: dispatch,
       children: "row",
-    }) as ReactElement;
+    }) as ReactElement<{ children: ReactElement }>;
 
   it("clicking the trigger fires $action with no $input", () => {
     const handler = vi.fn();
@@ -83,8 +84,8 @@ describe("listVocabulary $action dispatch", () => {
     preventDefault: () => void;
   };
 
-  const getOnKeyDown = (dispatch: (a: unknown) => unknown) => {
-    const trigger = rowOut(dispatch).props.children as ReactElement;
+  const getOnKeyDown = (dispatch: GenerativeUIDispatch) => {
+    const trigger = rowOut(dispatch).props.children;
     return (trigger.props as { onKeyDown: (e: KeyDownEvent) => void })
       .onKeyDown;
   };

package/dist/node_modules/.pnpm/@types_json-schema@7.0.15/node_modules/@types/json-schema/index.d.ts

@@ -1,141 +0,0 @@
-//#region ../../node_modules/.pnpm/@types+json-schema@7.0.15/node_modules/@types/json-schema/index.d.ts
-// ==================================================================================================
-// JSON Schema Draft 07
-// ==================================================================================================
-// https://tools.ietf.org/html/draft-handrews-json-schema-validation-01
-// --------------------------------------------------------------------------------------------------
-/**
- * Primitive type
- * @see https://tools.ietf.org/html/draft-handrews-json-schema-validation-01#section-6.1.1
- */
-type JSONSchema7TypeName = "string" //
- | "number" | "integer" | "boolean" | "object" | "array" | "null";
-/**
- * Primitive type
- * @see https://tools.ietf.org/html/draft-handrews-json-schema-validation-01#section-6.1.1
- */
-type JSONSchema7Type = string //
- | number | boolean | JSONSchema7Object | JSONSchema7Array | null;
-// Workaround for infinite type recursion
-interface JSONSchema7Object {
-  [key: string]: JSONSchema7Type;
-}
-// Workaround for infinite type recursion
-// https://github.com/Microsoft/TypeScript/issues/3496#issuecomment-128553540
-interface JSONSchema7Array extends Array<JSONSchema7Type> {}
-/**
- * Meta schema
- *
- * Recommended values:
- * - 'http://json-schema.org/schema#'
- * - 'http://json-schema.org/hyper-schema#'
- * - 'http://json-schema.org/draft-07/schema#'
- * - 'http://json-schema.org/draft-07/hyper-schema#'
- *
- * @see https://tools.ietf.org/html/draft-handrews-json-schema-validation-01#section-5
- */
-type JSONSchema7Version = string;
-/**
- * JSON Schema v7
- * @see https://tools.ietf.org/html/draft-handrews-json-schema-validation-01
- */
-type JSONSchema7Definition = JSONSchema7 | boolean;
-interface JSONSchema7 {
-  $id?: string | undefined;
-  $ref?: string | undefined;
-  $schema?: JSONSchema7Version | undefined;
-  $comment?: string | undefined;
-  /**
-   * @see https://datatracker.ietf.org/doc/html/draft-bhutton-json-schema-00#section-8.2.4
-   * @see https://datatracker.ietf.org/doc/html/draft-bhutton-json-schema-validation-00#appendix-A
-   */
-  $defs?: {
-    [key: string]: JSONSchema7Definition;
-  } | undefined;
-  /**
-   * @see https://tools.ietf.org/html/draft-handrews-json-schema-validation-01#section-6.1
-   */
-  type?: JSONSchema7TypeName | JSONSchema7TypeName[] | undefined;
-  enum?: JSONSchema7Type[] | undefined;
-  const?: JSONSchema7Type | undefined;
-  /**
-   * @see https://tools.ietf.org/html/draft-handrews-json-schema-validation-01#section-6.2
-   */
-  multipleOf?: number | undefined;
-  maximum?: number | undefined;
-  exclusiveMaximum?: number | undefined;
-  minimum?: number | undefined;
-  exclusiveMinimum?: number | undefined;
-  /**
-   * @see https://tools.ietf.org/html/draft-handrews-json-schema-validation-01#section-6.3
-   */
-  maxLength?: number | undefined;
-  minLength?: number | undefined;
-  pattern?: string | undefined;
-  /**
-   * @see https://tools.ietf.org/html/draft-handrews-json-schema-validation-01#section-6.4
-   */
-  items?: JSONSchema7Definition | JSONSchema7Definition[] | undefined;
-  additionalItems?: JSONSchema7Definition | undefined;
-  maxItems?: number | undefined;
-  minItems?: number | undefined;
-  uniqueItems?: boolean | undefined;
-  contains?: JSONSchema7Definition | undefined;
-  /**
-   * @see https://tools.ietf.org/html/draft-handrews-json-schema-validation-01#section-6.5
-   */
-  maxProperties?: number | undefined;
-  minProperties?: number | undefined;
-  required?: string[] | undefined;
-  properties?: {
-    [key: string]: JSONSchema7Definition;
-  } | undefined;
-  patternProperties?: {
-    [key: string]: JSONSchema7Definition;
-  } | undefined;
-  additionalProperties?: JSONSchema7Definition | undefined;
-  dependencies?: {
-    [key: string]: JSONSchema7Definition | string[];
-  } | undefined;
-  propertyNames?: JSONSchema7Definition | undefined;
-  /**
-   * @see https://tools.ietf.org/html/draft-handrews-json-schema-validation-01#section-6.6
-   */
-  if?: JSONSchema7Definition | undefined;
-  then?: JSONSchema7Definition | undefined;
-  else?: JSONSchema7Definition | undefined;
-  /**
-   * @see https://tools.ietf.org/html/draft-handrews-json-schema-validation-01#section-6.7
-   */
-  allOf?: JSONSchema7Definition[] | undefined;
-  anyOf?: JSONSchema7Definition[] | undefined;
-  oneOf?: JSONSchema7Definition[] | undefined;
-  not?: JSONSchema7Definition | undefined;
-  /**
-   * @see https://tools.ietf.org/html/draft-handrews-json-schema-validation-01#section-7
-   */
-  format?: string | undefined;
-  /**
-   * @see https://tools.ietf.org/html/draft-handrews-json-schema-validation-01#section-8
-   */
-  contentMediaType?: string | undefined;
-  contentEncoding?: string | undefined;
-  /**
-   * @see https://tools.ietf.org/html/draft-handrews-json-schema-validation-01#section-9
-   */
-  definitions?: {
-    [key: string]: JSONSchema7Definition;
-  } | undefined;
-  /**
-   * @see https://tools.ietf.org/html/draft-handrews-json-schema-validation-01#section-10
-   */
-  title?: string | undefined;
-  description?: string | undefined;
-  default?: JSONSchema7Type | undefined;
-  readOnly?: boolean | undefined;
-  writeOnly?: boolean | undefined;
-  examples?: JSONSchema7Type | undefined;
-}
-//#endregion
-export { JSONSchema7, JSONSchema7Array, JSONSchema7Definition, JSONSchema7Object, JSONSchema7Type, JSONSchema7TypeName, JSONSchema7Version };
-//# sourceMappingURL=index.d.ts.map

package/dist/node_modules/.pnpm/@types_json-schema@7.0.15/node_modules/@types/json-schema/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../../../../../../node_modules/.pnpm/@types+json-schema@7.0.15/node_modules/@types/json-schema/index.d.ts"],"x_google_ignoreList":[0],"mappings":";;;;;;;;;;KA+iBY;;;;;;KAaA;sBAIN,oBACA;;UAIW;GACZ,cAAc;;;;UAKF,yBAAyB,MAAM;;;;;;;;;;;;KAapC;;;;;KAMA,wBAAwB;UACnB;EACb;EACA;EACA,UAAU;EACV;;;;;EAMA;KACK,cAAc;;;;;EAMnB,OAAO,sBAAsB;EAC7B,OAAO;EACP,QAAQ;;;;EAKR;EACA;EACA;EACA;EACA;;;;EAKA;EACA;EACA;;;;EAKA,QAAQ,wBAAwB;EAChC,kBAAkB;EAClB;EACA;EACA;EACA,WAAW;;;;EAKX;EACA;EACA;EACA;KACK,cAAc;;EAEnB;KACK,cAAc;;EAEnB,uBAAuB;EACvB;KACK,cAAc;;EAEnB,gBAAgB;;;;EAKhB,KAAK;EACL,OAAO;EACP,OAAO;;;;EAKP,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,MAAM;;;;EAKN;;;;EAKA;EACA;;;;EAKA;KACK,cAAc;;;;;EAMnB;EACA;EACA,UAAU;EACV;EACA;EACA,WAAW"}