@streamoid/chat-components 0.2.4 → 0.2.6

package/dist/index.d.ts

@@ -57,10 +57,7 @@ declare const dynamicFormManifest: {
     readonly service: "common";
     readonly description: "Server-driven dynamic form supporting text, textarea, number, select, multiselect, checkbox, radio, approval, todo_list, and file upload fields";
     readonly containerStyle: {
-        readonly overflow: "auto";
         readonly display: "flex";
-        readonly marginTop: "8px";
-        readonly paddingBottom: "16px";
         readonly position: "relative";
         readonly width: "100%";
     };

package/dist/index.js

@@ -472,6 +472,11 @@ function DynamicForm(props) {
       mo.disconnect();
     };
   }, [checkScroll, isSubmitted, isLoading]);
+  useEffect(() => {
+    if (error && scrollRef.current) {
+      scrollRef.current.scrollTo({ top: scrollRef.current.scrollHeight, behavior: "smooth" });
+    }
+  }, [error]);
   const handleFieldChange = (fieldId, value) => {
     setFormValues((prev) => ({ ...prev, [fieldId]: value }));
     setError(null);
@@ -643,7 +648,25 @@ function DynamicForm(props) {
       form_title: title,
       values
     };
-    const messageText = `User clicked "${userAction}" on form "${title}"`;
+    const valueSummaryParts = [];
+    for (const [fieldId, val] of Object.entries(values)) {
+      const field = fields.find((f) => f.id === fieldId);
+      const fieldLabel = field?.label || fieldId;
+      let displayVal;
+      if (field?.options && typeof val === "string") {
+        const opt = field.options.find((o) => o.id === val);
+        displayVal = opt?.label || val;
+      } else if (field?.options && Array.isArray(val)) {
+        displayVal = val.map((v) => field.options.find((o) => o.id === v)?.label || v).join(", ");
+      } else {
+        displayVal = String(val ?? "");
+      }
+      valueSummaryParts.push(`${fieldLabel}: ${displayVal}`);
+    }
+    const valueSummary = valueSummaryParts.length > 0 ? `
+Submitted values:
+${valueSummaryParts.join("\n")}` : "";
+    const messageText = `User clicked "${userAction}" on form "${title}"${valueSummary}`;
     try {
       await onSubmit(resumePayload, messageText);
       setSubmittedData({ user_action: userAction, values });
@@ -1092,10 +1115,7 @@ var dynamicFormManifest = {
   service: "common",
   description: "Server-driven dynamic form supporting text, textarea, number, select, multiselect, checkbox, radio, approval, todo_list, and file upload fields",
   containerStyle: {
-    overflow: "auto",
     display: "flex",
-    marginTop: "8px",
-    paddingBottom: "16px",
     position: "relative",
     width: "100%"
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamoid/chat-components",
-  "version": "0.2.4",
+  "version": "0.2.6",
   "description": "Shared chat UI components for the Streamoid chat host — DynamicForm and other cross-service components",
   "type": "module",
   "main": "./dist/index.js",