@agent-native/toolkit 0.228.1 → 0.228.2-nightly-20261113032548

package/dist/app/agentkit/react/styles.css

@@ -2587,6 +2587,7 @@
    card's corner. */
   .agentkit-question-footer {
     display: flex;
+    flex-wrap: wrap;
     min-inline-size: 0;
     align-items: center;
     gap: 0.5rem;
@@ -2603,10 +2604,12 @@
     border-color: var(--agentkit-composer-focus-border);
   }
 
+  /* The field keeps room to type; the actions drop to their own row only
+     when the card is too narrow for both. */
   .agentkit-question-other,
   .agentkit-question-spacer {
     display: flex;
-    flex: 1 1 auto;
+    flex: 1 1 8rem;
     min-inline-size: 0;
     align-items: center;
     gap: 0.5rem;
@@ -2639,7 +2642,10 @@
 
   .agentkit-question-actions {
     display: flex;
-    flex: none;
+    flex: 0 1 auto;
+    flex-wrap: wrap;
+    justify-content: flex-end;
+    margin-inline-start: auto;
     align-items: center;
     gap: 0.25rem;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agent-native/toolkit",
-  "version": "0.228.1",
+  "version": "0.228.2-nightly-20261113032548",
   "description": "Reusable app-building UI and helpers for Agent-Native apps.",
   "homepage": "https://github.com/BuilderIO/agent-native#readme",
   "bugs": {
@@ -716,7 +716,7 @@
     "y-protocols": "^1.0.7",
     "yjs": "^13.6.33",
     "zod": "^4.3.6",
-    "@agent-native/agentkit": "^0.228.1"
+    "@agent-native/agentkit": "^0.228.2-nightly-20261113032548"
   },
   "devDependencies": {
     "@excalidraw/excalidraw": "0.18.1",
@@ -740,10 +740,10 @@
     "typescript-7": "npm:typescript@^7.0.2",
     "vite": "8.1.0",
     "vitest": "^4.1.5",
-    "@agent-native/core": "^0.228.1"
+    "@agent-native/core": "^0.228.2-nightly-20261113032548"
   },
   "peerDependencies": {
-    "@agent-native/core": ">=0.228.1-0",
+    "@agent-native/core": "0.228.2-nightly-20261113032548",
     "@excalidraw/excalidraw": ">=0.18",
     "@excalidraw/mermaid-to-excalidraw": ">=2",
     "@tanstack/react-query": "^5.99.2",

package/src/app/agentkit/react/styles.css

@@ -2587,6 +2587,7 @@
    card's corner. */
   .agentkit-question-footer {
     display: flex;
+    flex-wrap: wrap;
     min-inline-size: 0;
     align-items: center;
     gap: 0.5rem;
@@ -2603,10 +2604,12 @@
     border-color: var(--agentkit-composer-focus-border);
   }
 
+  /* The field keeps room to type; the actions drop to their own row only
+     when the card is too narrow for both. */
   .agentkit-question-other,
   .agentkit-question-spacer {
     display: flex;
-    flex: 1 1 auto;
+    flex: 1 1 8rem;
     min-inline-size: 0;
     align-items: center;
     gap: 0.5rem;
@@ -2639,7 +2642,10 @@
 
   .agentkit-question-actions {
     display: flex;
-    flex: none;
+    flex: 0 1 auto;
+    flex-wrap: wrap;
+    justify-content: flex-end;
+    margin-inline-start: auto;
     align-items: center;
     gap: 0.25rem;
   }