vanilla-agent 1.13.0 → 1.14.0

package/dist/widget.css

@@ -861,3 +861,80 @@ form:focus-within textarea {
   color: inherit;
   text-decoration: underline;
 }
+
+/* Markdown paragraph styles */
+.vanilla-message-bubble p {
+  margin: 0;
+}
+
+.vanilla-message-bubble p + p {
+  margin-top: 0.75rem;
+}
+
+/* Markdown list styles */
+.vanilla-message-bubble ul,
+.vanilla-message-bubble ol {
+  margin: 0.5rem 0;
+  padding-left: 1.5rem;
+}
+
+.vanilla-message-bubble ul {
+  list-style-type: disc;
+}
+
+.vanilla-message-bubble ol {
+  list-style-type: decimal;
+}
+
+.vanilla-message-bubble li {
+  margin: 0.25rem 0;
+  padding-left: 0.25rem;
+}
+
+/* Nested lists */
+.vanilla-message-bubble ul ul,
+.vanilla-message-bubble ol ul {
+  list-style-type: circle;
+  margin: 0.25rem 0;
+}
+
+.vanilla-message-bubble ul ul ul,
+.vanilla-message-bubble ol ul ul,
+.vanilla-message-bubble ul ol ul,
+.vanilla-message-bubble ol ol ul {
+  list-style-type: square;
+}
+
+.vanilla-message-bubble ul ol,
+.vanilla-message-bubble ol ol {
+  list-style-type: lower-alpha;
+  margin: 0.25rem 0;
+}
+
+/* Ensure user message paragraphs and lists have proper styling too */
+.vanilla-message-user-bubble p {
+  margin: 0;
+}
+
+.vanilla-message-user-bubble p + p {
+  margin-top: 0.75rem;
+}
+
+.vanilla-message-user-bubble ul,
+.vanilla-message-user-bubble ol {
+  margin: 0.5rem 0;
+  padding-left: 1.5rem;
+}
+
+.vanilla-message-user-bubble ul {
+  list-style-type: disc;
+}
+
+.vanilla-message-user-bubble ol {
+  list-style-type: decimal;
+}
+
+.vanilla-message-user-bubble li {
+  margin: 0.25rem 0;
+  padding-left: 0.25rem;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vanilla-agent",
-  "version": "1.13.0",
+  "version": "1.14.0",
   "description": "Themeable, plugable streaming agent widget for websites, in plain JS with support for voice input and reasoning / tool output.",
   "type": "module",
   "main": "dist/index.cjs",

package/src/styles/widget.css

@@ -861,3 +861,80 @@ form:focus-within textarea {
   color: inherit;
   text-decoration: underline;
 }
+
+/* Markdown paragraph styles */
+.vanilla-message-bubble p {
+  margin: 0;
+}
+
+.vanilla-message-bubble p + p {
+  margin-top: 0.75rem;
+}
+
+/* Markdown list styles */
+.vanilla-message-bubble ul,
+.vanilla-message-bubble ol {
+  margin: 0.5rem 0;
+  padding-left: 1.5rem;
+}
+
+.vanilla-message-bubble ul {
+  list-style-type: disc;
+}
+
+.vanilla-message-bubble ol {
+  list-style-type: decimal;
+}
+
+.vanilla-message-bubble li {
+  margin: 0.25rem 0;
+  padding-left: 0.25rem;
+}
+
+/* Nested lists */
+.vanilla-message-bubble ul ul,
+.vanilla-message-bubble ol ul {
+  list-style-type: circle;
+  margin: 0.25rem 0;
+}
+
+.vanilla-message-bubble ul ul ul,
+.vanilla-message-bubble ol ul ul,
+.vanilla-message-bubble ul ol ul,
+.vanilla-message-bubble ol ol ul {
+  list-style-type: square;
+}
+
+.vanilla-message-bubble ul ol,
+.vanilla-message-bubble ol ol {
+  list-style-type: lower-alpha;
+  margin: 0.25rem 0;
+}
+
+/* Ensure user message paragraphs and lists have proper styling too */
+.vanilla-message-user-bubble p {
+  margin: 0;
+}
+
+.vanilla-message-user-bubble p + p {
+  margin-top: 0.75rem;
+}
+
+.vanilla-message-user-bubble ul,
+.vanilla-message-user-bubble ol {
+  margin: 0.5rem 0;
+  padding-left: 1.5rem;
+}
+
+.vanilla-message-user-bubble ul {
+  list-style-type: disc;
+}
+
+.vanilla-message-user-bubble ol {
+  list-style-type: decimal;
+}
+
+.vanilla-message-user-bubble li {
+  margin: 0.25rem 0;
+  padding-left: 0.25rem;
+}

package/src/ui.ts

@@ -1025,7 +1025,8 @@ export const createAgentExperience = (
   };
 
   const setComposerDisabled = (disabled: boolean) => {
-    textarea.disabled = disabled;
+    // Keep textarea always enabled so users can type while streaming
+    // Only disable submit controls to prevent sending during streaming
     sendButton.disabled = disabled;
     if (micButton) {
       micButton.disabled = disabled;