@shuttle-ai/render-react 0.0.5 → 0.0.7

package/dist/cjs/agentWork/agent/toolRender/confirm.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),a=require("react"),s=require("antd"),v=require("@ant-design/icons");function x({toolId:u,result:t,agent:d,getConfirmResult:i,getNewArgs:h,onAfterConfirm:f}){const[r,p]=a.useState(t?.type==="reject"?"reject":"accept"),[c,j]=a.useState(t?.reason||""),[m,y]=a.useState(!1);a.useEffect(()=>{t?.type&&p(t.type==="reject"?"reject":"accept")},[t?.type]),a.useEffect(()=>{t?.reason&&j(t.reason)},[t?.reason]);const o=a.useCallback(async()=>{if(r==="reject"&&!c){s.message.warning("请输入拒绝原因");return}y(!0);try{const e=r==="accept"?{type:"confirm",newArgs:await h?.()}:{type:"reject",reason:c};if(e.type==="confirm"&&i){const l=await i();l&&(e.result=l.result,e.newArgs=l.newArgs,e.type="confirmWithResult")}await d.confirmTool(u,e),f?.()}catch(e){throw e}finally{y(!1)}},[r,c,u,d,i,f]),g=a.useCallback(e=>{e.shiftKey||(e.preventDefault(),o())},[o]);return n.jsxs("div",{className:"fn-tool-confirm",children:[n.jsx("span",{className:"fn-tool-confirm-tip",children:"是否允许执行?"}),n.jsxs("div",{className:"fn-tool-confirm-button-group",children:[n.jsxs(s.Radio.Group,{size:"small",optionType:"button",value:r,disabled:!!t,onChange:e=>p(e.target.value),children:[n.jsx(s.Radio,{value:"accept",children:"接受"}),n.jsx(s.Radio,{value:"reject",children:"拒绝"})]}),n.jsx(s.Button,{disabled:!!t,size:"small",type:"primary",danger:r==="reject",loading:m,onClick:o,icon:n.jsx(v.SendOutlined,{}),children:"提交"})]}),r==="reject"&&n.jsx(s.Input.TextArea,{disabled:!!t,placeholder:"请输入拒绝原因",value:c,onChange:e=>j(e.target.value),rows:3,onPressEnter:g})]})}exports.default=x;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),a=require("react"),s=require("antd"),x=require("@ant-design/icons");function b({toolId:u,result:t,agent:d,getConfirmResult:i,getNewArgs:f,onAfterConfirm:p}){const[r,j]=a.useState(t?.type==="reject"?"reject":"accept"),[c,y]=a.useState(t?.reason||""),[m,h]=a.useState(!1);a.useEffect(()=>{t?.type&&j(t.type==="reject"?"reject":"accept")},[t?.type]),a.useEffect(()=>{t?.reason&&y(t.reason)},[t?.reason]);const o=a.useCallback(async()=>{if(r==="reject"&&!c){s.message.warning("请输入拒绝原因");return}h(!0);try{const e=r==="accept"?{type:"confirm",newArgs:await f?.()}:{type:"reject",reason:c};if(e.type==="confirm"&&i){const l=await i();l&&(e.result=l.result,e.newArgs=l.newArgs,e.type="confirmWithResult")}await d.confirmTool(u,e),p?.()}catch(e){throw e}finally{h(!1)}},[r,c,u,d,i,f,p]),v=a.useCallback(e=>{e.shiftKey||(e.preventDefault(),o())},[o]);return n.jsxs("div",{className:"fn-tool-confirm",children:[n.jsx("span",{className:"fn-tool-confirm-tip",children:"是否允许执行?"}),n.jsxs("div",{className:"fn-tool-confirm-button-group",children:[n.jsxs(s.Radio.Group,{size:"small",optionType:"button",value:r,disabled:!!t,onChange:e=>j(e.target.value),children:[n.jsx(s.Radio,{value:"accept",children:"接受"}),n.jsx(s.Radio,{value:"reject",children:"拒绝"})]}),n.jsx(s.Button,{disabled:!!t,size:"small",type:"primary",danger:r==="reject",loading:m,onClick:o,icon:n.jsx(x.SendOutlined,{}),children:"提交"})]}),r==="reject"&&n.jsx(s.Input.TextArea,{disabled:!!t,placeholder:"请输入拒绝原因",value:c,onChange:e=>y(e.target.value),rows:3,onPressEnter:v})]})}exports.default=b;

package/dist/cjs/agentWork/agent/toolRender/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),o=require("react"),c=require("../../../hooks/useToolMessage.cjs");require("../../../context/agentWork/base.cjs");require("@shuttle-ai/client");const a=require("../../../context/agent/useAgent.cjs");require("../../../context/agent/base.cjs");require("../../../context/tool/base.cjs");const f=require("../../../context/tool/provider.cjs"),d=require("./confirm.cjs");;/* empty css             */function m({toolCall:e}){const n=a.useAgent(),t=c.default(n,e.id),s=o.useMemo(()=>n.options.tools?.find(i=>i.name===e.name),[n,e.name]);return t?r.jsx("div",{className:"agent-work-agent-tool",children:s?.run.type!=="render"?r.jsxs("div",{className:"agent-work-agent-fn-tool",children:[r.jsx("p",{className:"fn-tool-name",children:e.name}),r.jsx("pre",{className:"fn-tool-args",children:u(e.args)}),r.jsx("pre",{className:"fn-tool-result",children:u(t.content||t.confirm?.result)}),r.jsx(d.default,{result:t.confirm,toolId:e.id,agent:n})]}):r.jsx(f.default,{toolId:e.id,agent:n,args:e.args,content:t.content,confirmResult:t.confirm,run:s.run})}):null}function u(e){if(typeof e=="object")return JSON.stringify(e,null,2);try{return JSON.stringify(JSON.parse(e),null,2)}catch{return e}}exports.default=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),o=require("react"),c=require("../../../hooks/useToolMessage.cjs");require("../../../context/agentWork/base.cjs");require("@shuttle-ai/client");const a=require("../../../context/agent/useAgent.cjs");require("../../../context/agent/base.cjs");require("../../../context/tool/base.cjs");const l=require("../../../context/tool/provider.cjs"),d=require("./confirm.cjs");;/* empty css             */function f({toolCall:e}){const n=a.useAgent(),s=c.default(n,e.id),t=o.useMemo(()=>n.options.tools?.find(i=>i.name===e.name),[n,e.name]);return s?r.jsx("div",{className:"agent-work-agent-tool",children:t?.run.type!=="render"?r.jsxs("div",{className:"agent-work-agent-fn-tool",children:[r.jsx("p",{className:"fn-tool-name",children:t?.label||e.name}),r.jsx("pre",{className:"fn-tool-args",children:u(e.args)}),r.jsx("pre",{className:"fn-tool-result",children:u(s.result||s.confirm?.result)}),r.jsx(d.default,{result:s.confirm,toolId:e.id,agent:n})]}):r.jsxs("div",{className:"agent-work-agent-render-tool",children:[r.jsx("p",{className:"render-tool-name",children:t?.label||e.name}),r.jsx(l.default,{toolId:e.id,agent:n,args:e.args,result:s.result,confirmResult:s.confirm,run:t.run})]})}):null}function u(e){if(typeof e=="object")return JSON.stringify(e,null,2);try{return JSON.stringify(JSON.parse(e),null,2)}catch{return e}}exports.default=f;

package/dist/cjs/context/tool/base.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),e=t.createContext({args:{},agent:{},toolId:""});exports.toolContext=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),e=t.createContext({args:{},effectArgs:{},agent:{},toolId:"",updateArg:()=>{}});exports.toolContext=e;

package/dist/cjs/context/tool/provider.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("react/jsx-runtime"),t=require("react"),n=require("./base.cjs");function p({args:r,content:o,toolId:u,confirmResult:i,agent:s,run:e}){const l=t.useCallback(c=>s.confirmTool(u,c),[s,u]),d=t.useMemo(()=>({args:r,agent:s,toolId:u,content:o,confirmResult:i,confirm:l}),[r,s,u,o,i,l]),a=t.useMemo(()=>e.defaultProps?typeof e.defaultProps=="function"?e.defaultProps({args:r,content:o}):e.defaultProps:{},[e.defaultProps,r,o]);return f.jsx(n.toolContext.Provider,{value:d,children:f.jsx(e.Render,{...a})})}exports.default=p;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const A=require("react/jsx-runtime"),r=require("react"),C=require("./base.cjs");function M({args:e,result:s,toolId:f,confirmResult:o,agent:u,run:t}){const i=r.useCallback(n=>u.confirmTool(f,n),[u,f]),[d,a]=r.useState(o?.newArgs||e);r.useEffect(()=>{a(o?.newArgs||e)},[o?.newArgs,e]);const v=r.useCallback((n,w)=>{a(x=>{const p={...x};let l=p;for(let c=0;c<n.length;c++){const P=n[c];c===n.length-1?l[P]=w:l={...l[P]}}return p})},[]),b=r.useMemo(()=>({args:e,effectArgs:d,agent:u,toolId:f,result:s,confirmResult:o,confirm:i,updateArg:v}),[e,u,f,s,o,d,i]),j=r.useMemo(()=>t.defaultProps?typeof t.defaultProps=="function"?t.defaultProps({args:e,result:s}):t.defaultProps:{},[t.defaultProps,e,s]);return A.jsx(C.toolContext.Provider,{value:b,children:A.jsx(t.Render,{...j})})}exports.default=M;

package/dist/cjs/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@shuttle-ai/type");;/* empty css                       */const e=require("./agentWork/render.cjs"),r=require("./agentWork/agent/index.cjs"),t=require("./agentWork/action/index.cjs"),o=require("./agentWork/agent/aiMessage/index.cjs"),u=require("./agentWork/agent/userMessage/index.cjs"),s=require("./agentWork/agent/toolRender/index.cjs"),n=require("./agentWork/agent/toolRender/confirm.cjs"),i=require("./context/agentWork/useWork.cjs"),d=require("./context/agentWork/useWorkContext.cjs"),a=require("./context/agentWork/provider.cjs"),l=require("./context/agent/useAgent.cjs"),c=require("./context/agent/provider.cjs"),g=require("./context/tool/useTool.cjs"),q=require("./context/tool/provider.cjs"),f=require("./hooks/useWorkStatus.cjs"),A=require("./hooks/useWorkAutoRunScope.cjs"),k=require("./hooks/useRootAgent.cjs"),W=require("./hooks/useAgentMessages.cjs"),T=require("./hooks/useAgentStatus.cjs"),x=require("./hooks/useToolMessage.cjs"),M=require("./hooks/useAiMessage.cjs"),R=require("./tools/writeTodos/index.cjs"),S=require("./markdownRender/index.cjs");exports.AgentWorkRender=e.default;exports.AgentWorkAgent=r.default;exports.AgentWorkAction=t.default;exports.AiMessageRender=o.default;exports.UserMessageRender=u.default;exports.ToolRender=s.default;exports.ToolConfirmRender=n.default;exports.useWork=i.useWork;exports.useWorkContext=d.useWorkContext;exports.AgentWorkProvider=a.default;exports.useAgent=l.useAgent;exports.AgentProvider=c.default;exports.useTool=g.useTool;exports.ToolProvider=q.default;exports.useWorkStatus=f.default;exports.useWorkAutoRunScope=A.default;exports.useRootAgent=k.default;exports.useAgentMessages=W.default;exports.useAgentStatus=T.default;exports.useToolMessage=x.default;exports.useAiMessage=M.default;exports.writeTodosTool=R.default;exports.MarkdownRender=S.default;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@shuttle-ai/type");;/* empty css                       */const t=require("./agentWork/render.cjs"),o=require("./agentWork/agent/index.cjs"),u=require("./agentWork/action/index.cjs"),s=require("./agentWork/agent/aiMessage/index.cjs"),n=require("./agentWork/agent/userMessage/index.cjs"),i=require("./agentWork/agent/toolRender/index.cjs"),d=require("./agentWork/agent/toolRender/confirm.cjs"),a=require("./context/agentWork/useWork.cjs"),c=require("./context/agentWork/useWorkContext.cjs"),l=require("./context/agentWork/provider.cjs"),f=require("./context/agent/useAgent.cjs"),g=require("./context/agent/provider.cjs"),q=require("./context/tool/useTool.cjs"),A=require("./context/tool/provider.cjs"),W=require("./hooks/useWorkStatus.cjs"),k=require("./hooks/useWorkAutoRunScope.cjs"),p=require("./hooks/useRootAgent.cjs"),T=require("./hooks/useAgentMessages.cjs"),x=require("./hooks/useAgentStatus.cjs"),M=require("./hooks/useToolMessage.cjs"),R=require("./hooks/useAiMessage.cjs"),S=require("./tools/writeTodos/index.cjs"),$=require("./markdownRender/index.cjs");exports.AgentWorkRender=t.default;exports.AgentWorkAgent=o.default;exports.AgentWorkAction=u.default;exports.AiMessageRender=s.default;exports.UserMessageRender=n.default;exports.ToolRender=i.default;exports.ToolConfirmRender=d.default;exports.useWork=a.useWork;exports.useWorkContext=c.useWorkContext;exports.AgentWorkProvider=l.default;exports.useAgent=f.useAgent;exports.AgentProvider=g.default;exports.useTool=q.useTool;exports.ToolProvider=A.default;exports.useWorkStatus=W.default;exports.useWorkAutoRunScope=k.default;exports.useRootAgent=p.default;exports.useAgentMessages=T.default;exports.useAgentStatus=x.default;exports.useToolMessage=M.default;exports.useAiMessage=R.default;exports.writeTodosTool=S.default;exports.MarkdownRender=$.default;Object.keys(r).forEach(e=>{e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:()=>r[e]})});

package/dist/cjs/index.css

@@ -1 +1 @@
-.agent-work{display:flex;flex-direction:column}.agent-work .agent-work-main{flex:1;overflow-y:auto;padding:12px}.agent-work .agent-work-main .agent-work-agent{display:flex;flex-direction:column;gap:1rem;position:relative}.agent-work .agent-work-main .agent-work-agent:before{content:" ";display:inline-block;position:absolute;top:8px;left:0;width:1px;z-index:-1;height:calc(100% - 8px);background-color:#0000001a}.agent-work .agent-work-main .agent-work-agent-message{padding:0 12px;display:flex;flex-direction:column;gap:1rem}.agent-work-agent-message.user-message{position:relative}.agent-work-agent-message.user-message .agent-work-agent-message-expand-icon{position:absolute;top:8px;left:0;transform:translate(-50%);width:1rem;height:1rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#fff;box-shadow:0 0 4px #0000001a;font-size:12px;cursor:pointer}.agent-work-agent-message.user-message .agent-work-agent-message-content{background-color:#fff;box-shadow:0 0 8px #0000001a;padding:8px 12px;border-radius:8px;margin:0;font-size:1rem}.agent-work-agent-tool{display:flex;flex-direction:column;padding:8px;border-radius:8px;background-color:#1677ff33;box-shadow:0 0 8px #0000001a}.agent-work-agent-tool .agent-work-agent-fn-tool{display:flex;flex-direction:column;gap:8px}.agent-work-agent-tool .agent-work-agent-fn-tool .fn-tool-name{margin:0;font-weight:700}.agent-work-agent-tool .agent-work-agent-fn-tool .fn-tool-args,.agent-work-agent-tool .agent-work-agent-fn-tool .fn-tool-result{margin:0;padding-top:8px;border-top:1px solid #d9d9d9}.agent-work-agent-tool .agent-work-agent-fn-tool .fn-tool-result:empty{display:none}.agent-work-agent-tool .fn-tool-confirm{display:flex;flex-direction:column;gap:4px;padding-top:8px;border-top:1px solid #d9d9d9}.agent-work-agent-tool .fn-tool-confirm .fn-tool-confirm-tip{font-size:14px}.agent-work-agent-tool .fn-tool-confirm .fn-tool-confirm-button-group{display:flex;align-items:center;gap:2rem}.agent-work-agent-message.ai-message .ai-message-content{padding:8px;border-radius:8px;background-color:#aff0b566;box-shadow:0 0 8px #0000001a}.agent-work-agent-message.ai-message .ai-message-content>.markdown-body{background-color:transparent}.agent-work-agent-message.ai-message .agent-work-agent-children,.agent-work-agent-message.ai-message .agent-work-agent-tools{display:flex;flex-direction:column;gap:1rem}.agent-work-action{display:flex;flex-direction:column;border-radius:8px;border:1px solid #d9d9d9}.agent-work-action:has(.agent-work-action-input:focus){border-color:#1677ff;box-shadow:0 0 4px #4096ffaa}.agent-work-action:has(.agent-work-action-input.ant-input-disabled){background-color:#0000000a}.agent-work-action .agent-work-action-input.ant-input-disabled{background-color:transparent}.agent-work-action .agent-work-action-input{border:none;outline:none;box-shadow:none;resize:none}.agent-work-action .agent-work-action-btns{display:flex;align-items:center;justify-content:flex-end;padding:4px 11px;gap:8px}.shuttle-ai-tool-todo{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.shuttle-ai-tool-todo .shuttle-ai-tool-todo-header{font-size:14px;font-weight:500;color:#333}.shuttle-ai-tool-todo .shuttle-ai-tool-todo-item{display:inline-block;width:fit-content;font-size:14px}.shuttle-ai-tool-todo .shuttle-ai-tool-todo-item.status-in_progress{color:transparent;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(90deg,#000 0% 45%,#f5222d 45%,#52c41a,#1677ff 55%,#000 55% 100%);background-size:200% auto;animation:bg-scan 1s linear infinite}.shuttle-ai-tool-todo .shuttle-ai-tool-todo-item.status-completed{text-decoration:line-through;color:#888}@keyframes bg-scan{0%{background-position:100% center}to{background-position:0% center}}
+.agent-work{display:flex;flex-direction:column}.agent-work .agent-work-main{flex:1;overflow-y:auto;padding:12px}.agent-work .agent-work-main .agent-work-agent{display:flex;flex-direction:column;gap:1rem;position:relative}.agent-work .agent-work-main .agent-work-agent:before{content:" ";display:inline-block;position:absolute;top:8px;left:0;width:1px;z-index:-1;height:calc(100% - 8px);background-color:#0000001a}.agent-work .agent-work-main .agent-work-agent-message{padding:0 12px;display:flex;flex-direction:column;gap:1rem}.agent-work-agent-message.user-message{position:relative}.agent-work-agent-message.user-message .agent-work-agent-message-expand-icon{position:absolute;top:8px;left:0;transform:translate(-50%);width:1rem;height:1rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#fff;box-shadow:0 0 4px #0000001a;font-size:12px;cursor:pointer}.agent-work-agent-message.user-message .agent-work-agent-message-content{background-color:#fff;box-shadow:0 0 8px #0000001a;padding:8px 12px;border-radius:8px;margin:0;font-size:1rem}.agent-work-agent-tool{display:flex;flex-direction:column;padding:8px;border-radius:8px;background-color:#1677ff33;box-shadow:0 0 8px #0000001a}.agent-work-agent-tool .agent-work-agent-fn-tool{display:flex;flex-direction:column;gap:8px}.agent-work-agent-tool .agent-work-agent-fn-tool .fn-tool-name{margin:0;font-weight:700}.agent-work-agent-tool .agent-work-agent-fn-tool .fn-tool-args,.agent-work-agent-tool .agent-work-agent-fn-tool .fn-tool-result{margin:0;padding-top:8px;border-top:1px solid #d9d9d9}.agent-work-agent-tool .agent-work-agent-fn-tool .fn-tool-result:empty{display:none}.agent-work-agent-tool .agent-work-agent-render-tool{display:flex;flex-direction:column;gap:8px}.agent-work-agent-tool .agent-work-agent-render-tool .render-tool-name{margin:0;font-weight:700}.agent-work-agent-tool .fn-tool-confirm{display:flex;flex-direction:column;gap:4px;padding-top:8px;border-top:1px solid #d9d9d9}.agent-work-agent-tool .fn-tool-confirm .fn-tool-confirm-tip{font-size:14px}.agent-work-agent-tool .fn-tool-confirm .fn-tool-confirm-button-group{display:flex;align-items:center;gap:2rem}.agent-work-agent-message.ai-message .ai-message-content{padding:8px;border-radius:8px;background-color:#aff0b566;box-shadow:0 0 8px #0000001a}.agent-work-agent-message.ai-message .ai-message-content>.markdown-body{background-color:transparent}.agent-work-agent-message.ai-message .agent-work-agent-children,.agent-work-agent-message.ai-message .agent-work-agent-tools{display:flex;flex-direction:column;gap:1rem}.agent-work-action{display:flex;flex-direction:column;border-radius:8px;border:1px solid #d9d9d9}.agent-work-action:has(.agent-work-action-input:focus){border-color:#1677ff;box-shadow:0 0 4px #4096ffaa}.agent-work-action:has(.agent-work-action-input.ant-input-disabled){background-color:#0000000a}.agent-work-action .agent-work-action-input.ant-input-disabled{background-color:transparent}.agent-work-action .agent-work-action-input{border:none;outline:none;box-shadow:none;resize:none}.agent-work-action .agent-work-action-btns{display:flex;align-items:center;justify-content:flex-end;padding:4px 11px;gap:8px}.shuttle-ai-tool-todo{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.shuttle-ai-tool-todo .shuttle-ai-tool-todo-header{font-size:14px;font-weight:500;color:#333}.shuttle-ai-tool-todo .shuttle-ai-tool-todo-item{display:inline-block;width:fit-content;font-size:14px}.shuttle-ai-tool-todo .shuttle-ai-tool-todo-item.status-in_progress{color:transparent;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(90deg,#000 0% 45%,#f5222d 45%,#52c41a,#1677ff 55%,#000 55% 100%);background-size:200% auto;animation:bg-scan 1s linear infinite}.shuttle-ai-tool-todo .shuttle-ai-tool-todo-item.status-completed{text-decoration:line-through;color:#888}@keyframes bg-scan{0%{background-position:100% center}to{background-position:0% center}}

package/dist/es/agentWork/agent/toolRender/confirm.mjs

@@ -1,33 +1,33 @@
 import { jsxs as s, jsx as r } from "react/jsx-runtime";
-import { useState as l, useEffect as j, useCallback as g } from "react";
-import { message as x, Radio as p, Button as T, Input as A } from "antd";
-import { SendOutlined as E } from "@ant-design/icons";
-function z({
+import { useState as l, useEffect as v, useCallback as g } from "react";
+import { message as x, Radio as p, Button as T, Input as E } from "antd";
+import { SendOutlined as R } from "@ant-design/icons";
+function C({
   toolId: f,
   result: t,
   agent: d,
   getConfirmResult: o,
-  getNewArgs: v,
-  onAfterConfirm: m
+  getNewArgs: m,
+  onAfterConfirm: u
 }) {
-  const [n, u] = l(
+  const [n, y] = l(
     t?.type === "reject" ? "reject" : "accept"
-  ), [a, y] = l(t?.reason || ""), [w, h] = l(!1);
-  j(() => {
-    t?.type && u(t.type === "reject" ? "reject" : "accept");
-  }, [t?.type]), j(() => {
-    t?.reason && y(t.reason);
+  ), [a, h] = l(t?.reason || ""), [w, j] = l(!1);
+  v(() => {
+    t?.type && y(t.type === "reject" ? "reject" : "accept");
+  }, [t?.type]), v(() => {
+    t?.reason && h(t.reason);
   }, [t?.reason]);
   const c = g(async () => {
     if (n === "reject" && !a) {
       x.warning("请输入拒绝原因");
       return;
     }
-    h(!0);
+    j(!0);
     try {
       const e = n === "accept" ? {
         type: "confirm",
-        newArgs: await v?.()
+        newArgs: await m?.()
       } : {
         type: "reject",
         reason: a
@@ -36,13 +36,21 @@ function z({
         const i = await o();
         i && (e.result = i.result, e.newArgs = i.newArgs, e.type = "confirmWithResult");
       }
-      await d.confirmTool(f, e), m?.();
+      await d.confirmTool(f, e), u?.();
     } catch (e) {
       throw e;
     } finally {
-      h(!1);
+      j(!1);
     }
-  }, [n, a, f, d, o, m]), b = g(
+  }, [
+    n,
+    a,
+    f,
+    d,
+    o,
+    m,
+    u
+  ]), b = g(
     (e) => {
       e.shiftKey || (e.preventDefault(), c());
     },
@@ -58,7 +66,7 @@ function z({
           optionType: "button",
           value: n,
           disabled: !!t,
-          onChange: (e) => u(e.target.value),
+          onChange: (e) => y(e.target.value),
           children: [
             /* @__PURE__ */ r(p, { value: "accept", children: "接受" }),
             /* @__PURE__ */ r(p, { value: "reject", children: "拒绝" })
@@ -74,18 +82,18 @@ function z({
           danger: n === "reject",
           loading: w,
           onClick: c,
-          icon: /* @__PURE__ */ r(E, {}),
+          icon: /* @__PURE__ */ r(R, {}),
           children: "提交"
         }
       )
     ] }),
     n === "reject" && /* @__PURE__ */ r(
-      A.TextArea,
+      E.TextArea,
       {
         disabled: !!t,
         placeholder: "请输入拒绝原因",
         value: a,
-        onChange: (e) => y(e.target.value),
+        onChange: (e) => h(e.target.value),
         rows: 3,
         onPressEnter: b
       }
@@ -93,5 +101,5 @@ function z({
   ] });
 }
 export {
-  z as default
+  C as default
 };

package/dist/es/agentWork/agent/toolRender/index.mjs

@@ -1,39 +1,42 @@
-import { jsx as o, jsxs as m } from "react/jsx-runtime";
-import { useMemo as f } from "react";
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import { useMemo as a } from "react";
 import c from "../../../hooks/useToolMessage.mjs";
 import "../../../context/agentWork/base.mjs";
 import "@shuttle-ai/client";
-import { useAgent as u } from "../../../context/agent/useAgent.mjs";
+import { useAgent as f } from "../../../context/agent/useAgent.mjs";
 import "../../../context/agent/base.mjs";
 import "../../../context/tool/base.mjs";
-import p from "../../../context/tool/provider.mjs";
-import a from "./confirm.mjs";
+import u from "../../../context/tool/provider.mjs";
+import l from "./confirm.mjs";
 /* empty css            */
-function R({ toolCall: r }) {
-  const e = u(), n = c(e, r.id), t = f(() => e.options.tools?.find((s) => s.name === r.name), [e, r.name]);
-  return n ? /* @__PURE__ */ o("div", { className: "agent-work-agent-tool", children: t?.run.type !== "render" ? /* @__PURE__ */ m("div", { className: "agent-work-agent-fn-tool", children: [
-    /* @__PURE__ */ o("p", { className: "fn-tool-name", children: r.name }),
-    /* @__PURE__ */ o("pre", { className: "fn-tool-args", children: i(r.args) }),
-    /* @__PURE__ */ o("pre", { className: "fn-tool-result", children: i(n.content || n.confirm?.result) }),
-    /* @__PURE__ */ o(
-      a,
+function w({ toolCall: r }) {
+  const n = f(), o = c(n, r.id), t = a(() => n.options.tools?.find((m) => m.name === r.name), [n, r.name]);
+  return o ? /* @__PURE__ */ e("div", { className: "agent-work-agent-tool", children: t?.run.type !== "render" ? /* @__PURE__ */ s("div", { className: "agent-work-agent-fn-tool", children: [
+    /* @__PURE__ */ e("p", { className: "fn-tool-name", children: t?.label || r.name }),
+    /* @__PURE__ */ e("pre", { className: "fn-tool-args", children: i(r.args) }),
+    /* @__PURE__ */ e("pre", { className: "fn-tool-result", children: i(o.result || o.confirm?.result) }),
+    /* @__PURE__ */ e(
+      l,
       {
-        result: n.confirm,
+        result: o.confirm,
         toolId: r.id,
-        agent: e
+        agent: n
       }
     )
-  ] }) : /* @__PURE__ */ o(
-    p,
-    {
-      toolId: r.id,
-      agent: e,
-      args: r.args,
-      content: n.content,
-      confirmResult: n.confirm,
-      run: t.run
-    }
-  ) }) : null;
+  ] }) : /* @__PURE__ */ s("div", { className: "agent-work-agent-render-tool", children: [
+    /* @__PURE__ */ e("p", { className: "render-tool-name", children: t?.label || r.name }),
+    /* @__PURE__ */ e(
+      u,
+      {
+        toolId: r.id,
+        agent: n,
+        args: r.args,
+        result: o.result,
+        confirmResult: o.confirm,
+        run: t.run
+      }
+    )
+  ] }) }) : null;
 }
 function i(r) {
   if (typeof r == "object")
@@ -45,5 +48,5 @@ function i(r) {
   }
 }
 export {
-  R as default
+  w as default
 };

package/dist/es/context/tool/base.mjs

@@ -1,8 +1,11 @@
 import { createContext as t } from "react";
 const e = t({
   args: {},
+  effectArgs: {},
   agent: {},
-  toolId: ""
+  toolId: "",
+  updateArg: () => {
+  }
 });
 export {
   e as toolContext

package/dist/es/context/tool/provider.mjs

@@ -1,33 +1,49 @@
-import { jsx as t } from "react/jsx-runtime";
-import { useCallback as P, useMemo as u } from "react";
-import { toolContext as a } from "./base.mjs";
-function x({
-  args: r,
-  content: e,
-  toolId: f,
-  confirmResult: l,
-  agent: i,
+import { jsx as A } from "react/jsx-runtime";
+import { useCallback as m, useState as E, useEffect as T, useMemo as a } from "react";
+import { toolContext as b } from "./base.mjs";
+function M({
+  args: e,
+  result: f,
+  toolId: n,
+  confirmResult: t,
+  agent: c,
   run: o
 }) {
-  const p = P(
-    (s) => i.confirmTool(f, s),
-    [i, f]
-  ), d = u(
+  const s = m(
+    (r) => c.confirmTool(n, r),
+    [c, n]
+  ), [d, l] = E(t?.newArgs || e);
+  T(() => {
+    l(t?.newArgs || e);
+  }, [t?.newArgs, e]);
+  const v = m((r, x) => {
+    l((C) => {
+      const u = { ...C };
+      let p = u;
+      for (let i = 0; i < r.length; i++) {
+        const P = r[i];
+        i === r.length - 1 ? p[P] = x : p = { ...p[P] };
+      }
+      return u;
+    });
+  }, []), w = a(
     () => ({
-      args: r,
-      agent: i,
-      toolId: f,
-      content: e,
-      confirmResult: l,
-      confirm: p
+      args: e,
+      effectArgs: d,
+      agent: c,
+      toolId: n,
+      result: f,
+      confirmResult: t,
+      confirm: s,
+      updateArg: v
     }),
-    [r, i, f, e, l, p]
-  ), m = u(() => o.defaultProps ? typeof o.defaultProps == "function" ? o.defaultProps({
-    args: r,
-    content: e
-  }) : o.defaultProps : {}, [o.defaultProps, r, e]);
-  return /* @__PURE__ */ t(a.Provider, { value: d, children: /* @__PURE__ */ t(o.Render, { ...m }) });
+    [e, c, n, f, t, d, s]
+  ), h = a(() => o.defaultProps ? typeof o.defaultProps == "function" ? o.defaultProps({
+    args: e,
+    result: f
+  }) : o.defaultProps : {}, [o.defaultProps, e, f]);
+  return /* @__PURE__ */ A(b.Provider, { value: w, children: /* @__PURE__ */ A(o.Render, { ...h }) });
 }
 export {
-  x as default
+  M as default
 };

package/dist/es/index.css

@@ -1 +1 @@
-.agent-work{display:flex;flex-direction:column}.agent-work .agent-work-main{flex:1;overflow-y:auto;padding:12px}.agent-work .agent-work-main .agent-work-agent{display:flex;flex-direction:column;gap:1rem;position:relative}.agent-work .agent-work-main .agent-work-agent:before{content:" ";display:inline-block;position:absolute;top:8px;left:0;width:1px;z-index:-1;height:calc(100% - 8px);background-color:#0000001a}.agent-work .agent-work-main .agent-work-agent-message{padding:0 12px;display:flex;flex-direction:column;gap:1rem}.agent-work-agent-message.user-message{position:relative}.agent-work-agent-message.user-message .agent-work-agent-message-expand-icon{position:absolute;top:8px;left:0;transform:translate(-50%);width:1rem;height:1rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#fff;box-shadow:0 0 4px #0000001a;font-size:12px;cursor:pointer}.agent-work-agent-message.user-message .agent-work-agent-message-content{background-color:#fff;box-shadow:0 0 8px #0000001a;padding:8px 12px;border-radius:8px;margin:0;font-size:1rem}.agent-work-agent-tool{display:flex;flex-direction:column;padding:8px;border-radius:8px;background-color:#1677ff33;box-shadow:0 0 8px #0000001a}.agent-work-agent-tool .agent-work-agent-fn-tool{display:flex;flex-direction:column;gap:8px}.agent-work-agent-tool .agent-work-agent-fn-tool .fn-tool-name{margin:0;font-weight:700}.agent-work-agent-tool .agent-work-agent-fn-tool .fn-tool-args,.agent-work-agent-tool .agent-work-agent-fn-tool .fn-tool-result{margin:0;padding-top:8px;border-top:1px solid #d9d9d9}.agent-work-agent-tool .agent-work-agent-fn-tool .fn-tool-result:empty{display:none}.agent-work-agent-tool .fn-tool-confirm{display:flex;flex-direction:column;gap:4px;padding-top:8px;border-top:1px solid #d9d9d9}.agent-work-agent-tool .fn-tool-confirm .fn-tool-confirm-tip{font-size:14px}.agent-work-agent-tool .fn-tool-confirm .fn-tool-confirm-button-group{display:flex;align-items:center;gap:2rem}.agent-work-agent-message.ai-message .ai-message-content{padding:8px;border-radius:8px;background-color:#aff0b566;box-shadow:0 0 8px #0000001a}.agent-work-agent-message.ai-message .ai-message-content>.markdown-body{background-color:transparent}.agent-work-agent-message.ai-message .agent-work-agent-children,.agent-work-agent-message.ai-message .agent-work-agent-tools{display:flex;flex-direction:column;gap:1rem}.agent-work-action{display:flex;flex-direction:column;border-radius:8px;border:1px solid #d9d9d9}.agent-work-action:has(.agent-work-action-input:focus){border-color:#1677ff;box-shadow:0 0 4px #4096ffaa}.agent-work-action:has(.agent-work-action-input.ant-input-disabled){background-color:#0000000a}.agent-work-action .agent-work-action-input.ant-input-disabled{background-color:transparent}.agent-work-action .agent-work-action-input{border:none;outline:none;box-shadow:none;resize:none}.agent-work-action .agent-work-action-btns{display:flex;align-items:center;justify-content:flex-end;padding:4px 11px;gap:8px}.shuttle-ai-tool-todo{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.shuttle-ai-tool-todo .shuttle-ai-tool-todo-header{font-size:14px;font-weight:500;color:#333}.shuttle-ai-tool-todo .shuttle-ai-tool-todo-item{display:inline-block;width:fit-content;font-size:14px}.shuttle-ai-tool-todo .shuttle-ai-tool-todo-item.status-in_progress{color:transparent;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(90deg,#000 0% 45%,#f5222d 45%,#52c41a,#1677ff 55%,#000 55% 100%);background-size:200% auto;animation:bg-scan 1s linear infinite}.shuttle-ai-tool-todo .shuttle-ai-tool-todo-item.status-completed{text-decoration:line-through;color:#888}@keyframes bg-scan{0%{background-position:100% center}to{background-position:0% center}}
+.agent-work{display:flex;flex-direction:column}.agent-work .agent-work-main{flex:1;overflow-y:auto;padding:12px}.agent-work .agent-work-main .agent-work-agent{display:flex;flex-direction:column;gap:1rem;position:relative}.agent-work .agent-work-main .agent-work-agent:before{content:" ";display:inline-block;position:absolute;top:8px;left:0;width:1px;z-index:-1;height:calc(100% - 8px);background-color:#0000001a}.agent-work .agent-work-main .agent-work-agent-message{padding:0 12px;display:flex;flex-direction:column;gap:1rem}.agent-work-agent-message.user-message{position:relative}.agent-work-agent-message.user-message .agent-work-agent-message-expand-icon{position:absolute;top:8px;left:0;transform:translate(-50%);width:1rem;height:1rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#fff;box-shadow:0 0 4px #0000001a;font-size:12px;cursor:pointer}.agent-work-agent-message.user-message .agent-work-agent-message-content{background-color:#fff;box-shadow:0 0 8px #0000001a;padding:8px 12px;border-radius:8px;margin:0;font-size:1rem}.agent-work-agent-tool{display:flex;flex-direction:column;padding:8px;border-radius:8px;background-color:#1677ff33;box-shadow:0 0 8px #0000001a}.agent-work-agent-tool .agent-work-agent-fn-tool{display:flex;flex-direction:column;gap:8px}.agent-work-agent-tool .agent-work-agent-fn-tool .fn-tool-name{margin:0;font-weight:700}.agent-work-agent-tool .agent-work-agent-fn-tool .fn-tool-args,.agent-work-agent-tool .agent-work-agent-fn-tool .fn-tool-result{margin:0;padding-top:8px;border-top:1px solid #d9d9d9}.agent-work-agent-tool .agent-work-agent-fn-tool .fn-tool-result:empty{display:none}.agent-work-agent-tool .agent-work-agent-render-tool{display:flex;flex-direction:column;gap:8px}.agent-work-agent-tool .agent-work-agent-render-tool .render-tool-name{margin:0;font-weight:700}.agent-work-agent-tool .fn-tool-confirm{display:flex;flex-direction:column;gap:4px;padding-top:8px;border-top:1px solid #d9d9d9}.agent-work-agent-tool .fn-tool-confirm .fn-tool-confirm-tip{font-size:14px}.agent-work-agent-tool .fn-tool-confirm .fn-tool-confirm-button-group{display:flex;align-items:center;gap:2rem}.agent-work-agent-message.ai-message .ai-message-content{padding:8px;border-radius:8px;background-color:#aff0b566;box-shadow:0 0 8px #0000001a}.agent-work-agent-message.ai-message .ai-message-content>.markdown-body{background-color:transparent}.agent-work-agent-message.ai-message .agent-work-agent-children,.agent-work-agent-message.ai-message .agent-work-agent-tools{display:flex;flex-direction:column;gap:1rem}.agent-work-action{display:flex;flex-direction:column;border-radius:8px;border:1px solid #d9d9d9}.agent-work-action:has(.agent-work-action-input:focus){border-color:#1677ff;box-shadow:0 0 4px #4096ffaa}.agent-work-action:has(.agent-work-action-input.ant-input-disabled){background-color:#0000000a}.agent-work-action .agent-work-action-input.ant-input-disabled{background-color:transparent}.agent-work-action .agent-work-action-input{border:none;outline:none;box-shadow:none;resize:none}.agent-work-action .agent-work-action-btns{display:flex;align-items:center;justify-content:flex-end;padding:4px 11px;gap:8px}.shuttle-ai-tool-todo{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.shuttle-ai-tool-todo .shuttle-ai-tool-todo-header{font-size:14px;font-weight:500;color:#333}.shuttle-ai-tool-todo .shuttle-ai-tool-todo-item{display:inline-block;width:fit-content;font-size:14px}.shuttle-ai-tool-todo .shuttle-ai-tool-todo-item.status-in_progress{color:transparent;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(90deg,#000 0% 45%,#f5222d 45%,#52c41a,#1677ff 55%,#000 55% 100%);background-size:200% auto;animation:bg-scan 1s linear infinite}.shuttle-ai-tool-todo .shuttle-ai-tool-todo-item.status-completed{text-decoration:line-through;color:#888}@keyframes bg-scan{0%{background-position:100% center}to{background-position:0% center}}

package/dist/es/index.mjs

@@ -1,4 +1,4 @@
-import "@shuttle-ai/type";
+export * from "@shuttle-ai/type";
 /* empty css                      */
 import { default as a } from "./agentWork/render.mjs";
 import { default as f } from "./agentWork/agent/index.mjs";

package/dist/types/context/tool/base.d.ts

@@ -2,10 +2,17 @@ import { ShuttleAi } from '@shuttle-ai/type';
 import { Agent } from '@shuttle-ai/client';
 export interface ToolContext<T extends Record<string, any> = Record<string, any>> {
     args: T;
+    effectArgs: T;
     agent: Agent;
     toolId: string;
-    content?: string;
-    confirmResult?: ShuttleAi.Tool.ConfirmResult;
-    confirm?: (result: ShuttleAi.Tool.ConfirmResult) => Promise<void>;
+    result?: ShuttleAi.Tool.Result;
+    confirmResult?: ShuttleAi.Tool.ConfirmResult<T>;
+    confirm?: (result: ShuttleAi.Tool.ConfirmResult<T>) => Promise<void>;
+    updateArg: <P extends ObjectArrayPaths<T>>(paths: P, v: PathValue<T, P>) => void;
 }
 export declare const toolContext: import('react').Context<ToolContext<Record<string, any>>>;
+type ObjectArrayPaths<T, Prefix extends string[] = [], Depth extends number = 6, Counter extends unknown[] = []> = Counter['length'] extends Depth ? never : T extends Record<string, any> ? {
+    [K in keyof T]: K extends string ? [...Prefix, K] | ObjectArrayPaths<T[K], [...Prefix, K], Depth, [...Counter, 1]> : never;
+}[keyof T] : never;
+type PathValue<T, P extends string[]> = P extends [] ? T : P extends [infer First, ...infer Rest] ? First extends keyof T ? Rest extends [] ? T[First] : Rest extends string[] ? PathValue<T[First], Rest> : never : never : never;
+export {};

package/dist/types/context/tool/provider.d.ts

@@ -2,11 +2,11 @@ import { Agent } from '@shuttle-ai/client';
 import { ShuttleAi } from '@shuttle-ai/type';
 interface Props {
     args: Record<string, any>;
-    content?: string;
+    result?: ShuttleAi.Tool.Result;
     toolId: string;
     confirmResult?: ShuttleAi.Tool.ConfirmResult;
     agent: Agent;
     run: ShuttleAi.Client.Agent.RenderTool;
 }
-export default function ToolProvider({ args, content, toolId, confirmResult, agent, run, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function ToolProvider({ args, result, toolId, confirmResult, agent, run, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/hooks/useAgentMessages.d.ts

@@ -1,2 +1,2 @@
 import { Agent } from '@shuttle-ai/client';
-export default function useAgentMessages(agent: Agent): ShuttleAi.Message.Define[];
+export default function useAgentMessages(agent: Agent): import("@shuttle-ai/type").ShuttleAi.Message.Define[];

package/dist/types/hooks/useAiMessage.d.ts

@@ -1,2 +1,3 @@
 import { Agent } from '@shuttle-ai/client';
-export default function useAiMessage(agent: Agent, messageId: string): any;
+import { ShuttleAi } from '@shuttle-ai/type';
+export default function useAiMessage(agent: Agent, messageId: string): ShuttleAi.Message.AI | undefined;

package/dist/types/hooks/useToolMessage.d.ts

@@ -1,2 +1,3 @@
 import { Agent } from '@shuttle-ai/client';
-export default function useToolMessage(agent: Agent, messageId: string): any;
+import { ShuttleAi } from '@shuttle-ai/type';
+export default function useToolMessage(agent: Agent, messageId: string): ShuttleAi.Message.Tool | undefined;

package/dist/types/index.d.ts

@@ -1,3 +1,4 @@
+export * from './type';
 export * from './agentWork';
 export * from './context';
 export * from './hooks';

package/dist/types/type.d.ts

@@ -1,3 +1,4 @@
+export * from '@shuttle-ai/type';
 declare module '@shuttle-ai/type' {
     namespace ShuttleAi {
         namespace Client {
@@ -6,7 +7,7 @@ declare module '@shuttle-ai/type' {
                     Render: React.FC<any>;
                     defaultProps?: Record<string, any> | ((params: {
                         args: Record<string, any>;
-                        content?: string;
+                        result?: Tool.Result;
                     }) => Record<string, any>);
                 }
             }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shuttle-ai/render-react",
-  "version": "0.0.5",
+  "version": "0.0.7",
   "author": "Mingbing-get <1508850533@qq.com>",
   "license": "MIT",
   "description": "Shuttle AI web端智能体react渲染库",
@@ -35,8 +35,8 @@
     "remark-breaks": "^4.0.0",
     "remark-frontmatter": "^5.0.0",
     "remark-gfm": "^4.0.1",
-    "@shuttle-ai/client": "0.0.5",
-    "@shuttle-ai/type": "0.0.5"
+    "@shuttle-ai/client": "0.0.7",
+    "@shuttle-ai/type": "0.0.7"
   },
   "devDependencies": {
     "typescript": "^5.3.3",