@yourgpt/copilot-sdk 0.1.0 → 0.1.1

package/dist/ui/index.d.cts

@@ -5,6 +5,7 @@ import { Components } from 'react-markdown';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
 import * as use_stick_to_bottom from 'use-stick-to-bottom';
+import { T as ToolDefinition } from '../tools-eeJ5iEC4.cjs';
 import { ClassValue } from 'clsx';
 
 interface LoaderProps {
@@ -821,6 +822,8 @@ interface ToolExecutionData {
     approvalStatus?: ToolApprovalStatus;
     /** Message shown in approval UI */
     approvalMessage?: string;
+    /** Data passed from user's approval action (e.g., selected item) */
+    approvalData?: Record<string, unknown>;
 }
 
 /**
@@ -865,6 +868,21 @@ type ChatMessage = {
     }>;
 };
 
+/**
+ * Approval callbacks for custom tool renderers.
+ * Only provided when approvalStatus is 'required'.
+ */
+interface ToolApprovalCallbacks {
+    /**
+     * Approve execution with optional extra data.
+     * The extraData is passed to the tool handler via context.approvalData.
+     */
+    onApprove: (extraData?: Record<string, unknown>) => void;
+    /** Reject the execution with optional reason */
+    onReject: (reason?: string) => void;
+    /** Custom message from tool config */
+    message?: string;
+}
 /**
  * Props passed to custom tool renderer components
  *
@@ -879,6 +897,19 @@ type ChatMessage = {
  *   const { city, temperature } = execution.result;
  *   return <div>{city}: {temperature}°</div>;
  * }
+ *
+ * // With approval callbacks for interactive tools
+ * function EscalationCard({ execution, approval }: ToolRendererProps) {
+ *   if (execution.approvalStatus === 'required' && approval) {
+ *     return (
+ *       <SelectionCard
+ *         onSelect={(item) => approval.onApprove({ selectedItem: item })}
+ *         onCancel={() => approval.onReject('Cancelled')}
+ *       />
+ *     );
+ *   }
+ *   // ... other states
+ * }
  * ```
  */
 interface ToolRendererProps {
@@ -897,7 +928,14 @@ interface ToolRendererProps {
         error?: string;
         /** Approval status for tools requiring confirmation */
         approvalStatus?: ToolApprovalStatus;
+        /** Data passed from user's approval action */
+        approvalData?: Record<string, unknown>;
     };
+    /**
+     * Approval callbacks - only provided when approvalStatus is 'required'.
+     * Use these to create custom approval UIs.
+     */
+    approval?: ToolApprovalCallbacks;
 }
 /**
  * Map of tool names to their custom renderer components
@@ -979,12 +1017,21 @@ type ChatProps = {
     followUpButtonClassName?: string;
     /** Whether waiting for server after tool completion (shows "Continuing..." loader) */
     isProcessing?: boolean;
+    /**
+     * Registered tools for accessing tool's render function.
+     * Passed automatically by CopilotChat from context.
+     *
+     * Priority: toolRenderers > tool.render > default ToolSteps
+     */
+    registeredTools?: ToolDefinition[];
     /**
      * Custom renderers for tool results (Generative UI)
      *
      * Map tool names to React components that render their results.
      * When a tool execution matches a key, the custom component is rendered
-     * instead of the default ToolSteps display.
+     * instead of tool's render function or default ToolSteps display.
+     *
+     * Higher priority than tool's built-in render function.
      *
      * @example
      * ```tsx
@@ -997,8 +1044,13 @@ type ChatProps = {
      * ```
      */
     toolRenderers?: ToolRenderers;
-    /** Called when user approves a tool execution */
-    onApproveToolExecution?: (executionId: string, permissionLevel?: PermissionLevel) => void;
+    /**
+     * Called when user approves a tool execution.
+     * @param executionId - The tool execution ID
+     * @param extraData - Optional data from user's action (e.g., selected item)
+     * @param permissionLevel - Optional permission level for persistence
+     */
+    onApproveToolExecution?: (executionId: string, extraData?: Record<string, unknown>, permissionLevel?: PermissionLevel) => void;
     /** Called when user rejects a tool execution */
     onRejectToolExecution?: (executionId: string, reason?: string, permissionLevel?: PermissionLevel) => void;
     /** Custom message renderer */
@@ -1023,7 +1075,7 @@ type ChatProps = {
     };
 };
 
-declare function Chat({ messages, onSendMessage, onStop, isLoading, placeholder, welcomeMessage, title, showHeader, onClose, showPoweredBy, showUserAvatar, userAvatar, assistantAvatar, loaderVariant, fontSize, maxFileSize, allowedFileTypes, attachmentsEnabled, attachmentsDisabledTooltip, processAttachment: processAttachmentProp, suggestions, onSuggestionClick, isProcessing, toolRenderers, onApproveToolExecution, onRejectToolExecution, showFollowUps, followUpClassName, followUpButtonClassName, renderMessage, renderInput, renderHeader, className, classNames, }: ChatProps): react_jsx_runtime.JSX.Element;
+declare function Chat({ messages, onSendMessage, onStop, isLoading, placeholder, welcomeMessage, title, showHeader, onClose, showPoweredBy, showUserAvatar, userAvatar, assistantAvatar, loaderVariant, fontSize, maxFileSize, allowedFileTypes, attachmentsEnabled, attachmentsDisabledTooltip, processAttachment: processAttachmentProp, suggestions, onSuggestionClick, isProcessing, registeredTools, toolRenderers, onApproveToolExecution, onRejectToolExecution, showFollowUps, followUpClassName, followUpButtonClassName, renderMessage, renderInput, renderHeader, className, classNames, }: ChatProps): react_jsx_runtime.JSX.Element;
 
 interface ToolExecutionMessageProps {
     executions: ToolExecutionData[];
@@ -1031,15 +1083,25 @@ interface ToolExecutionMessageProps {
         src?: string;
         fallback?: string;
     };
-    onApprove?: (executionId: string, permissionLevel?: PermissionLevel) => void;
+    /** Called when user approves with optional extraData from custom UI */
+    onApprove?: (executionId: string, extraData?: Record<string, unknown>, permissionLevel?: PermissionLevel) => void;
     onReject?: (executionId: string, reason?: string, permissionLevel?: PermissionLevel) => void;
+    /** Custom tool renderers that can handle approval UI */
+    toolRenderers?: Record<string, React$1.ComponentType<{
+        execution: ToolExecutionData;
+        approval?: {
+            onApprove: (extraData?: Record<string, unknown>) => void;
+            onReject: (reason?: string) => void;
+            message?: string;
+        };
+    }>>;
     className?: string;
 }
 /**
  * Standalone tool execution message shown during agentic loop
  * Displays tool calls with status, progress, and approval UI
  */
-declare function ToolExecutionMessage({ executions, assistantAvatar, onApprove, onReject, className, }: ToolExecutionMessageProps): react_jsx_runtime.JSX.Element | null;
+declare function ToolExecutionMessage({ executions, assistantAvatar, onApprove, onReject, toolRenderers, className, }: ToolExecutionMessageProps): react_jsx_runtime.JSX.Element | null;
 
 /**
  * Props for CopilotChat - auto-connects to CopilotProvider context

package/dist/ui/index.d.ts

@@ -5,6 +5,7 @@ import { Components } from 'react-markdown';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
 import * as use_stick_to_bottom from 'use-stick-to-bottom';
+import { T as ToolDefinition } from '../tools-eeJ5iEC4.js';
 import { ClassValue } from 'clsx';
 
 interface LoaderProps {
@@ -821,6 +822,8 @@ interface ToolExecutionData {
     approvalStatus?: ToolApprovalStatus;
     /** Message shown in approval UI */
     approvalMessage?: string;
+    /** Data passed from user's approval action (e.g., selected item) */
+    approvalData?: Record<string, unknown>;
 }
 
 /**
@@ -865,6 +868,21 @@ type ChatMessage = {
     }>;
 };
 
+/**
+ * Approval callbacks for custom tool renderers.
+ * Only provided when approvalStatus is 'required'.
+ */
+interface ToolApprovalCallbacks {
+    /**
+     * Approve execution with optional extra data.
+     * The extraData is passed to the tool handler via context.approvalData.
+     */
+    onApprove: (extraData?: Record<string, unknown>) => void;
+    /** Reject the execution with optional reason */
+    onReject: (reason?: string) => void;
+    /** Custom message from tool config */
+    message?: string;
+}
 /**
  * Props passed to custom tool renderer components
  *
@@ -879,6 +897,19 @@ type ChatMessage = {
  *   const { city, temperature } = execution.result;
  *   return <div>{city}: {temperature}°</div>;
  * }
+ *
+ * // With approval callbacks for interactive tools
+ * function EscalationCard({ execution, approval }: ToolRendererProps) {
+ *   if (execution.approvalStatus === 'required' && approval) {
+ *     return (
+ *       <SelectionCard
+ *         onSelect={(item) => approval.onApprove({ selectedItem: item })}
+ *         onCancel={() => approval.onReject('Cancelled')}
+ *       />
+ *     );
+ *   }
+ *   // ... other states
+ * }
  * ```
  */
 interface ToolRendererProps {
@@ -897,7 +928,14 @@ interface ToolRendererProps {
         error?: string;
         /** Approval status for tools requiring confirmation */
         approvalStatus?: ToolApprovalStatus;
+        /** Data passed from user's approval action */
+        approvalData?: Record<string, unknown>;
     };
+    /**
+     * Approval callbacks - only provided when approvalStatus is 'required'.
+     * Use these to create custom approval UIs.
+     */
+    approval?: ToolApprovalCallbacks;
 }
 /**
  * Map of tool names to their custom renderer components
@@ -979,12 +1017,21 @@ type ChatProps = {
     followUpButtonClassName?: string;
     /** Whether waiting for server after tool completion (shows "Continuing..." loader) */
     isProcessing?: boolean;
+    /**
+     * Registered tools for accessing tool's render function.
+     * Passed automatically by CopilotChat from context.
+     *
+     * Priority: toolRenderers > tool.render > default ToolSteps
+     */
+    registeredTools?: ToolDefinition[];
     /**
      * Custom renderers for tool results (Generative UI)
      *
      * Map tool names to React components that render their results.
      * When a tool execution matches a key, the custom component is rendered
-     * instead of the default ToolSteps display.
+     * instead of tool's render function or default ToolSteps display.
+     *
+     * Higher priority than tool's built-in render function.
      *
      * @example
      * ```tsx
@@ -997,8 +1044,13 @@ type ChatProps = {
      * ```
      */
     toolRenderers?: ToolRenderers;
-    /** Called when user approves a tool execution */
-    onApproveToolExecution?: (executionId: string, permissionLevel?: PermissionLevel) => void;
+    /**
+     * Called when user approves a tool execution.
+     * @param executionId - The tool execution ID
+     * @param extraData - Optional data from user's action (e.g., selected item)
+     * @param permissionLevel - Optional permission level for persistence
+     */
+    onApproveToolExecution?: (executionId: string, extraData?: Record<string, unknown>, permissionLevel?: PermissionLevel) => void;
     /** Called when user rejects a tool execution */
     onRejectToolExecution?: (executionId: string, reason?: string, permissionLevel?: PermissionLevel) => void;
     /** Custom message renderer */
@@ -1023,7 +1075,7 @@ type ChatProps = {
     };
 };
 
-declare function Chat({ messages, onSendMessage, onStop, isLoading, placeholder, welcomeMessage, title, showHeader, onClose, showPoweredBy, showUserAvatar, userAvatar, assistantAvatar, loaderVariant, fontSize, maxFileSize, allowedFileTypes, attachmentsEnabled, attachmentsDisabledTooltip, processAttachment: processAttachmentProp, suggestions, onSuggestionClick, isProcessing, toolRenderers, onApproveToolExecution, onRejectToolExecution, showFollowUps, followUpClassName, followUpButtonClassName, renderMessage, renderInput, renderHeader, className, classNames, }: ChatProps): react_jsx_runtime.JSX.Element;
+declare function Chat({ messages, onSendMessage, onStop, isLoading, placeholder, welcomeMessage, title, showHeader, onClose, showPoweredBy, showUserAvatar, userAvatar, assistantAvatar, loaderVariant, fontSize, maxFileSize, allowedFileTypes, attachmentsEnabled, attachmentsDisabledTooltip, processAttachment: processAttachmentProp, suggestions, onSuggestionClick, isProcessing, registeredTools, toolRenderers, onApproveToolExecution, onRejectToolExecution, showFollowUps, followUpClassName, followUpButtonClassName, renderMessage, renderInput, renderHeader, className, classNames, }: ChatProps): react_jsx_runtime.JSX.Element;
 
 interface ToolExecutionMessageProps {
     executions: ToolExecutionData[];
@@ -1031,15 +1083,25 @@ interface ToolExecutionMessageProps {
         src?: string;
         fallback?: string;
     };
-    onApprove?: (executionId: string, permissionLevel?: PermissionLevel) => void;
+    /** Called when user approves with optional extraData from custom UI */
+    onApprove?: (executionId: string, extraData?: Record<string, unknown>, permissionLevel?: PermissionLevel) => void;
     onReject?: (executionId: string, reason?: string, permissionLevel?: PermissionLevel) => void;
+    /** Custom tool renderers that can handle approval UI */
+    toolRenderers?: Record<string, React$1.ComponentType<{
+        execution: ToolExecutionData;
+        approval?: {
+            onApprove: (extraData?: Record<string, unknown>) => void;
+            onReject: (reason?: string) => void;
+            message?: string;
+        };
+    }>>;
     className?: string;
 }
 /**
  * Standalone tool execution message shown during agentic loop
  * Displays tool calls with status, progress, and approval UI
  */
-declare function ToolExecutionMessage({ executions, assistantAvatar, onApprove, onReject, className, }: ToolExecutionMessageProps): react_jsx_runtime.JSX.Element | null;
+declare function ToolExecutionMessage({ executions, assistantAvatar, onApprove, onReject, toolRenderers, className, }: ToolExecutionMessageProps): react_jsx_runtime.JSX.Element | null;
 
 /**
  * Props for CopilotChat - auto-connects to CopilotProvider context

package/dist/ui/index.js

@@ -1,5 +1,5 @@
-import { useCopilot } from '../chunk-QUGTRQSS.js';
-import '../chunk-N4OA2J32.js';
+import { useCopilot } from '../chunk-FO75W5UI.js';
+import '../chunk-QWQELTEB.js';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
@@ -3027,6 +3027,7 @@ function DefaultMessage({
   size = "sm",
   isLastMessage = false,
   isLoading = false,
+  registeredTools,
   toolRenderers,
   onApproveToolExecution,
   onRejectToolExecution,
@@ -3086,13 +3087,19 @@ function DefaultMessage({
   const completedTools = message.toolExecutions?.filter(
     (exec) => exec.approvalStatus !== "required"
   );
-  const toolsWithCustomRenderer = completedTools?.filter(
-    (exec) => toolRenderers && toolRenderers[exec.name]
+  const hasCustomRender = (toolName) => {
+    if (toolRenderers?.[toolName]) return true;
+    const toolDef = registeredTools?.find((t) => t.name === toolName);
+    if (toolDef?.render) return true;
+    return false;
+  };
+  const toolsWithCustomRender = completedTools?.filter(
+    (exec) => hasCustomRender(exec.name)
   );
-  const toolsWithoutCustomRenderer = completedTools?.filter(
-    (exec) => !toolRenderers || !toolRenderers[exec.name]
+  const toolsWithoutCustomRender = completedTools?.filter(
+    (exec) => !hasCustomRender(exec.name)
   );
-  const toolSteps = toolsWithoutCustomRenderer?.map((exec) => ({
+  const toolSteps = toolsWithoutCustomRender?.map((exec) => ({
     id: exec.id,
     name: exec.name,
     args: exec.args,
@@ -3131,36 +3138,97 @@ function DefaultMessage({
           children: cleanContent
         }
       ),
-      toolsWithCustomRenderer && toolsWithCustomRenderer.length > 0 && /* @__PURE__ */ jsx("div", { className: "mt-2 space-y-2", children: toolsWithCustomRenderer.map((exec) => {
-        const Renderer = toolRenderers[exec.name];
+      toolsWithCustomRender && toolsWithCustomRender.length > 0 && /* @__PURE__ */ jsx("div", { className: "mt-2 space-y-2", children: toolsWithCustomRender.map((exec) => {
+        const Renderer = toolRenderers?.[exec.name];
+        if (Renderer) {
+          return /* @__PURE__ */ jsx(
+            Renderer,
+            {
+              execution: {
+                id: exec.id,
+                name: exec.name,
+                args: exec.args,
+                status: exec.status,
+                result: exec.result,
+                error: exec.error,
+                approvalStatus: exec.approvalStatus
+              }
+            },
+            exec.id
+          );
+        }
+        const toolDef = registeredTools?.find(
+          (t) => t.name === exec.name
+        );
+        if (toolDef?.render) {
+          let status = "pending";
+          if (exec.status === "executing") status = "executing";
+          else if (exec.status === "completed") status = "completed";
+          else if (exec.status === "error" || exec.status === "failed" || exec.status === "rejected")
+            status = "error";
+          const renderProps = {
+            status,
+            args: exec.args,
+            result: exec.result,
+            error: exec.error,
+            toolCallId: exec.id,
+            toolName: exec.name
+          };
+          const output = toolDef.render(renderProps);
+          return /* @__PURE__ */ jsx(React8.Fragment, { children: output }, exec.id);
+        }
+        return null;
+      }) }),
+      toolSteps && toolSteps.length > 0 && /* @__PURE__ */ jsx("div", { className: "mt-2 rounded-lg bg-muted/50 px-3 py-2", children: /* @__PURE__ */ jsx(ToolSteps, { steps: toolSteps }) }),
+      pendingApprovalTools && pendingApprovalTools.length > 0 && /* @__PURE__ */ jsx("div", { className: "mt-2 space-y-2", children: pendingApprovalTools.map((tool) => {
+        const approvalCallbacks = {
+          onApprove: (extraData) => onApproveToolExecution?.(tool.id, extraData),
+          onReject: (reason) => onRejectToolExecution?.(tool.id, reason),
+          message: tool.approvalMessage
+        };
+        const CustomRenderer = toolRenderers?.[tool.name];
+        if (CustomRenderer) {
+          return /* @__PURE__ */ jsx(
+            CustomRenderer,
+            {
+              execution: tool,
+              approval: approvalCallbacks
+            },
+            tool.id
+          );
+        }
+        const toolDef = registeredTools?.find(
+          (t) => t.name === tool.name
+        );
+        if (toolDef?.render) {
+          const renderProps = {
+            status: "approval-required",
+            args: tool.args,
+            result: tool.result,
+            error: tool.error,
+            toolCallId: tool.id,
+            toolName: tool.name,
+            approval: approvalCallbacks
+          };
+          const output = toolDef.render(renderProps);
+          return /* @__PURE__ */ jsx(React8.Fragment, { children: output }, tool.id);
+        }
         return /* @__PURE__ */ jsx(
-          Renderer,
+          PermissionConfirmation,
           {
-            execution: {
-              id: exec.id,
-              name: exec.name,
-              args: exec.args,
-              status: exec.status,
-              result: exec.result,
-              error: exec.error,
-              approvalStatus: exec.approvalStatus
-            }
+            state: "pending",
+            toolName: tool.name,
+            message: tool.approvalMessage || `This tool wants to execute. Do you approve?`,
+            onApprove: (permissionLevel) => onApproveToolExecution?.(
+              tool.id,
+              void 0,
+              permissionLevel
+            ),
+            onReject: (permissionLevel) => onRejectToolExecution?.(tool.id, void 0, permissionLevel)
           },
-          exec.id
+          tool.id
         );
       }) }),
-      toolSteps && toolSteps.length > 0 && /* @__PURE__ */ jsx("div", { className: "mt-2 rounded-lg bg-muted/50 px-3 py-2", children: /* @__PURE__ */ jsx(ToolSteps, { steps: toolSteps }) }),
-      pendingApprovalTools && pendingApprovalTools.length > 0 && /* @__PURE__ */ jsx("div", { className: "mt-2 space-y-2", children: pendingApprovalTools.map((tool) => /* @__PURE__ */ jsx(
-        PermissionConfirmation,
-        {
-          state: "pending",
-          toolName: tool.name,
-          message: tool.approvalMessage || `This tool wants to execute. Do you approve?`,
-          onApprove: (permissionLevel) => onApproveToolExecution?.(tool.id, permissionLevel),
-          onReject: (permissionLevel) => onRejectToolExecution?.(tool.id, void 0, permissionLevel)
-        },
-        tool.id
-      )) }),
       message.attachments && message.attachments.length > 0 && /* @__PURE__ */ jsx("div", { className: "mt-2 flex flex-wrap gap-2", children: message.attachments.map((attachment, index) => /* @__PURE__ */ jsx(AttachmentPreview, { attachment }, index)) }),
       shouldShowFollowUps && /* @__PURE__ */ jsx(
         FollowUpQuestions,
@@ -3311,6 +3379,7 @@ function Chat({
   onSuggestionClick,
   // Tool Executions
   isProcessing = false,
+  registeredTools,
   toolRenderers,
   onApproveToolExecution,
   onRejectToolExecution,
@@ -3555,6 +3624,7 @@ function Chat({
                           size: fontSize,
                           isLastMessage,
                           isLoading,
+                          registeredTools,
                           toolRenderers,
                           onApproveToolExecution,
                           onRejectToolExecution,
@@ -3733,6 +3803,7 @@ function ToolExecutionMessage({
   assistantAvatar = { fallback: "AI" },
   onApprove,
   onReject,
+  toolRenderers,
   className
 }) {
   if (!executions || executions.length === 0) return null;
@@ -3816,17 +3887,34 @@ function ToolExecutionMessage({
         ),
         /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground", children: hasExecuting ? "Running tools..." : allCompleted ? `${executions.length} tool${executions.length > 1 ? "s" : ""} completed` : "Tools" })
       ] }) }),
-      pendingApprovals.length > 0 && /* @__PURE__ */ jsx("div", { className: "mb-2 space-y-2", children: pendingApprovals.map((tool) => /* @__PURE__ */ jsx(
-        PermissionConfirmation,
-        {
-          state: "pending",
-          toolName: tool.name,
-          message: tool.approvalMessage || `This tool wants to execute. Do you approve?`,
-          onApprove: (permissionLevel) => onApprove?.(tool.id, permissionLevel),
-          onReject: (permissionLevel) => onReject?.(tool.id, void 0, permissionLevel)
-        },
-        tool.id
-      )) }),
+      pendingApprovals.length > 0 && /* @__PURE__ */ jsx("div", { className: "mb-2 space-y-2", children: pendingApprovals.map((tool) => {
+        const CustomRenderer = toolRenderers?.[tool.name];
+        if (CustomRenderer) {
+          return /* @__PURE__ */ jsx(
+            CustomRenderer,
+            {
+              execution: tool,
+              approval: {
+                onApprove: (extraData) => onApprove?.(tool.id, extraData),
+                onReject: (reason) => onReject?.(tool.id, reason),
+                message: tool.approvalMessage
+              }
+            },
+            tool.id
+          );
+        }
+        return /* @__PURE__ */ jsx(
+          PermissionConfirmation,
+          {
+            state: "pending",
+            toolName: tool.name,
+            message: tool.approvalMessage || `This tool wants to execute. Do you approve?`,
+            onApprove: (permissionLevel) => onApprove?.(tool.id, void 0, permissionLevel),
+            onReject: (permissionLevel) => onReject?.(tool.id, void 0, permissionLevel)
+          },
+          tool.id
+        );
+      }) }),
       toolSteps.length > 0 && /* @__PURE__ */ jsx("div", { className: "rounded-lg border bg-card px-3 py-2.5 shadow-sm", children: /* @__PURE__ */ jsx(ToolSteps, { steps: toolSteps }) })
     ] })
   ] });
@@ -3839,7 +3927,8 @@ function CopilotChat(props) {
     stop,
     toolExecutions: rawToolExecutions,
     approveToolExecution,
-    rejectToolExecution
+    rejectToolExecution,
+    registeredTools
   } = useCopilot();
   const toolExecutions = rawToolExecutions.map(
     (exec) => ({
@@ -3963,7 +4052,8 @@ function CopilotChat(props) {
       suggestions,
       isProcessing: isProcessingToolResults,
       onApproveToolExecution: approveToolExecution,
-      onRejectToolExecution: rejectToolExecution
+      onRejectToolExecution: rejectToolExecution,
+      registeredTools
     }
   );
 }