@agent-native/toolkit 0.218.0 → 0.219.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (43) hide show
  1. package/dist/app/agentkit/react/styles.css +13 -6
  2. package/dist/app/chat/AgentKitAssistantChat.d.ts.map +1 -1
  3. package/dist/app/chat/AgentKitAssistantChat.js +1 -1
  4. package/dist/app/chat/AgentKitAssistantChat.js.map +1 -1
  5. package/dist/app/chat/AgentPanel.js +6 -6
  6. package/dist/app/chat/AgentPanel.js.map +1 -1
  7. package/dist/app/chat/MultiTabAssistantChat.js +2 -2
  8. package/dist/app/chat/MultiTabAssistantChat.js.map +1 -1
  9. package/dist/app/chat/agentkit-chat/action-widget.d.ts.map +1 -1
  10. package/dist/app/chat/agentkit-chat/action-widget.js +1 -0
  11. package/dist/app/chat/agentkit-chat/action-widget.js.map +1 -1
  12. package/dist/app/chat/chat/tool-call-display.d.ts +3 -1
  13. package/dist/app/chat/chat/tool-call-display.d.ts.map +1 -1
  14. package/dist/app/chat/chat/tool-call-display.js +5 -4
  15. package/dist/app/chat/chat/tool-call-display.js.map +1 -1
  16. package/dist/app/chat/chat/tool-render-registry.d.ts +2 -0
  17. package/dist/app/chat/chat/tool-render-registry.d.ts.map +1 -1
  18. package/dist/app/chat/chat/tool-render-registry.js.map +1 -1
  19. package/dist/app/chat/conversation/AgentConversation.d.ts.map +1 -1
  20. package/dist/app/chat/conversation/AgentConversation.js +6 -1
  21. package/dist/app/chat/conversation/AgentConversation.js.map +1 -1
  22. package/dist/app/shared/CommandMenu.d.ts +2 -0
  23. package/dist/app/shared/CommandMenu.d.ts.map +1 -1
  24. package/dist/app/shared/CommandMenu.js +11 -6
  25. package/dist/app/shared/CommandMenu.js.map +1 -1
  26. package/dist/composer/TiptapComposer.js +1 -1
  27. package/dist/composer/TiptapComposer.js.map +1 -1
  28. package/package.json +3 -3
  29. package/src/app/agentkit/react/components.spec.tsx +7 -5
  30. package/src/app/agentkit/react/styles.css +13 -6
  31. package/src/app/chat/AgentKitAssistantChat.spec.tsx +201 -27
  32. package/src/app/chat/AgentKitAssistantChat.tsx +1 -0
  33. package/src/app/chat/AgentPanel.tsx +8 -8
  34. package/src/app/chat/MultiTabAssistantChat.tsx +2 -2
  35. package/src/app/chat/agentkit-chat/action-widget.spec.tsx +62 -0
  36. package/src/app/chat/agentkit-chat/action-widget.tsx +1 -0
  37. package/src/app/chat/chat/tool-call-display.tsx +10 -1
  38. package/src/app/chat/chat/tool-render-registry.tsx +2 -0
  39. package/src/app/chat/conversation/AgentConversation.spec.tsx +51 -1
  40. package/src/app/chat/conversation/AgentConversation.tsx +11 -2
  41. package/src/app/shared/CommandMenu.spec.tsx +175 -6
  42. package/src/app/shared/CommandMenu.tsx +24 -7
  43. package/src/composer/TiptapComposer.tsx +1 -1
@@ -104,6 +104,7 @@
104
104
  var(--agent-kit-composer-surface, var(--agentkit-surface))
105
105
  );
106
106
  box-shadow: var(--agentkit-elevation);
107
+ container-type: inline-size;
107
108
  }
108
109
 
109
110
  .agentkit-composer[data-agent-composer-slot="root"]:focus-within {
@@ -161,9 +162,11 @@
161
162
  flex: 1;
162
163
  }
163
164
 
165
+ /* Only the model picker shrinks, so narrow composers never push out send. */
164
166
  .agentkit-composer [data-agent-composer-slot="model-button"] {
165
- flex: none;
167
+ flex: 0 1 auto;
166
168
  max-inline-size: 11rem;
169
+ overflow: hidden;
167
170
  }
168
171
 
169
172
  .agentkit-composer [data-agent-composer-slot="mode-button"] {
@@ -2169,9 +2172,16 @@ button.agentkit-object {
2169
2172
  padding-inline: 0;
2170
2173
  }
2171
2174
 
2175
+ .agentkit-message[data-role="user"] .agentkit-message-content {
2176
+ max-inline-size: min(94%, var(--agentkit-user-bubble-max-width, 38rem));
2177
+ }
2178
+ }
2179
+
2180
+ /* Composer width, not viewport: desktop side panels are as narrow as phones. */
2181
+ @container (max-width: 24rem) {
2172
2182
  .agentkit-composer [data-agent-composer-slot="toolbar"] {
2173
2183
  gap: 0.125rem;
2174
- padding-inline: 0.5rem;
2184
+ padding-inline: 0.375rem;
2175
2185
  }
2176
2186
 
2177
2187
  .agentkit-composer [data-agent-composer-slot="model-button"] {
@@ -2180,14 +2190,11 @@ button.agentkit-object {
2180
2190
  }
2181
2191
 
2182
2192
  .agentkit-composer [data-agent-composer-slot="mode-button"] {
2193
+ min-inline-size: 0;
2183
2194
  padding-inline: 0.375rem;
2184
2195
  }
2185
2196
 
2186
2197
  .agentkit-composer .agent-composer-model-effort {
2187
2198
  display: none;
2188
2199
  }
2189
-
2190
- .agentkit-message[data-role="user"] .agentkit-message-content {
2191
- max-inline-size: min(94%, var(--agentkit-user-bubble-max-width, 38rem));
2192
- }
2193
2200
  }
@@ -1 +1 @@
1
- {"version":3,"file":"AgentKitAssistantChat.d.ts","sourceRoot":"","sources":["../../../src/app/chat/AgentKitAssistantChat.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"AgentKitAssistantChat.d.ts","sourceRoot":"","sources":["../../../src/app/chat/AgentKitAssistantChat.tsx"],"names":[],"mappings":"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"}
@@ -4086,7 +4086,7 @@ function AgentKitTool({ value, active }) {
4086
4086
  : value.output === undefined
4087
4087
  ? undefined
4088
4088
  : JSON.stringify(value.output));
4089
- return (_jsx(ChatRunningContext.Provider, { value: active === true || value.status === "running", children: _jsx(SuppressInlineOpenAppContext.Provider, { value: surface.props.suppressInlineOpenApp === true, children: _jsx(ToolCallDisplay, { toolName: value.name, toolCallId: value.id, args: input, argsText: JSON.stringify(input), result: output, isError: value.status === "failed", isRunning: value.status === "running", structuredMeta: metadata, mcpApp: asRecord(metadata.mcpApp), chatUI: asRecord(metadata.chatUI), activity: metadata.activity === true, isActiveTail: active === true, workedForRowLayout: surface.props.workedForRowLayout, dataChartLayout: surface.props.dataChartLayout, formatWorkedForDuration: surface.props.formatWorkedForDuration }) }) }));
4089
+ return (_jsx(ChatRunningContext.Provider, { value: active === true || value.status === "running", children: _jsx(SuppressInlineOpenAppContext.Provider, { value: surface.props.suppressInlineOpenApp === true, children: _jsx(ToolCallDisplay, { toolName: value.name, toolCallId: value.id, args: input, argsText: JSON.stringify(input), result: output, status: value.status, isError: value.status === "failed", isRunning: value.status === "running", structuredMeta: metadata, mcpApp: asRecord(metadata.mcpApp), chatUI: asRecord(metadata.chatUI), activity: metadata.activity === true, isActiveTail: active === true, workedForRowLayout: surface.props.workedForRowLayout, dataChartLayout: surface.props.dataChartLayout, formatWorkedForDuration: surface.props.formatWorkedForDuration }) }) }));
4090
4090
  }
4091
4091
  function AgentKitApproval({ value, runId, }) {
4092
4092
  const surface = useAgentKitSurface();