|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
export function new_tool(parameter1, parameter2) { |
|
|
|
|
|
return true; |
|
|
} |
|
|
|
|
|
export default (input, output) => |
|
|
React.createElement( |
|
|
"div", |
|
|
{ className: "bg-amber-50 border border-amber-200 rounded-lg p-4" }, |
|
|
React.createElement( |
|
|
"div", |
|
|
{ className: "flex items-center mb-2" }, |
|
|
React.createElement( |
|
|
"div", |
|
|
{ |
|
|
className: |
|
|
"w-8 h-8 bg-amber-100 rounded-full flex items-center justify-center mr-3", |
|
|
}, |
|
|
"🛠️", |
|
|
), |
|
|
React.createElement( |
|
|
"h3", |
|
|
{ className: "text-amber-900 font-semibold" }, |
|
|
"Tool Name", |
|
|
), |
|
|
), |
|
|
React.createElement( |
|
|
"div", |
|
|
{ className: "text-sm space-y-1" }, |
|
|
React.createElement( |
|
|
"p", |
|
|
{ className: "text-amber-700 font-medium" }, |
|
|
`Input: ${JSON.stringify(input)}`, |
|
|
), |
|
|
React.createElement( |
|
|
"p", |
|
|
{ className: "text-amber-600 text-xs" }, |
|
|
`Output: ${output}`, |
|
|
), |
|
|
), |
|
|
); |
|
|
|