@djangocfg/ui-tools 2.1.377 → 2.1.379

package/src/tools/Chat/components/ToolCalls.tsx

@@ -24,6 +24,25 @@ export interface ToolCallsProps {
   renderStreaming?: (text: string, call: ChatToolCall) => ReactNode;
   /** Single override for all three; specific renderers above take precedence. */
   renderPayload?: (value: unknown, kind: ToolPayloadKind, call: ChatToolCall) => ReactNode;
+  /**
+   * Rendered once **after** all tool-call panels — always visible, outside
+   * the collapsible panels. Use for rich UI derived from tool outputs (e.g.
+   * vehicle cards, map pins, tax breakdowns). Receives the full calls array
+   * so the renderer can aggregate across multiple tool calls.
+   */
+  renderAfterCalls?: (calls: ChatToolCall[]) => ReactNode;
+  /**
+   * Custom renderer for each individual tool-call panel. When provided,
+   * replaces the default collapsible `<ToolCallItem>`. Return `null` to
+   * suppress a specific call while still letting others render.
+   */
+  renderToolCall?: (call: ChatToolCall) => ReactNode;
+  /**
+   * When `true`, the collapsible tool-call panels are not rendered at all.
+   * `renderAfterCalls` still runs — use together to show only rich UI with
+   * no raw accordion panels visible.
+   */
+  hideToolCalls?: boolean;
   className?: string;
 }
 
@@ -35,23 +54,31 @@ export function ToolCalls({
   renderOutput,
   renderStreaming,
   renderPayload,
+  renderAfterCalls,
+  renderToolCall,
+  hideToolCalls = false,
   className,
 }: ToolCallsProps) {
   if (!calls?.length) return null;
   return (
     <div className={cn('mt-2 space-y-1.5', className)}>
-      {calls.map((call) => (
-        <ToolCallItem
-          key={call.id}
-          call={call}
-          defaultExpanded={defaultExpanded}
-          expandWhileStreaming={expandWhileStreaming}
-          renderInput={renderInput}
-          renderOutput={renderOutput}
-          renderStreaming={renderStreaming}
-          renderPayload={renderPayload}
-        />
-      ))}
+      {!hideToolCalls && calls.map((call) =>
+        renderToolCall
+          ? <div key={call.id}>{renderToolCall(call)}</div>
+          : (
+              <ToolCallItem
+                key={call.id}
+                call={call}
+                defaultExpanded={defaultExpanded}
+                expandWhileStreaming={expandWhileStreaming}
+                renderInput={renderInput}
+                renderOutput={renderOutput}
+                renderStreaming={renderStreaming}
+                renderPayload={renderPayload}
+              />
+            ),
+      )}
+      {renderAfterCalls ? renderAfterCalls(calls) : null}
     </div>
   );
 }

package/dist/ChatRoot-AWNBBBH7.cjs

@@ -1,14 +0,0 @@
-'use strict';
-
-var chunkTUZZROQU_cjs = require('./chunk-TUZZROQU.cjs');
-require('./chunk-XACCHZH2.cjs');
-require('./chunk-OLISEQHS.cjs');
-
-
-
-Object.defineProperty(exports, "ChatRoot", {
-  enumerable: true,
-  get: function () { return chunkTUZZROQU_cjs.ChatRoot; }
-});
-//# sourceMappingURL=ChatRoot-AWNBBBH7.cjs.map
-//# sourceMappingURL=ChatRoot-AWNBBBH7.cjs.map

package/dist/ChatRoot-VJKOAVPQ.mjs

@@ -1,5 +0,0 @@
-export { ChatRoot } from './chunk-BDWVCSM5.mjs';
-import './chunk-NWUT327A.mjs';
-import './chunk-N2XQF2OL.mjs';
-//# sourceMappingURL=ChatRoot-VJKOAVPQ.mjs.map
-//# sourceMappingURL=ChatRoot-VJKOAVPQ.mjs.map