@shuttle-ai/render-react 0.0.4 → 0.0.6

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"),r=require("react"),s=require("antd"),g=require("@ant-design/icons");function v({toolId:u,result:t,agent:d,getConfirmResult:o,getNewArgs:y}){const[a,f]=r.useState(t?.type==="reject"?"reject":"accept"),[c,p]=r.useState(t?.reason||""),[m,j]=r.useState(!1);r.useEffect(()=>{t?.type&&f(t.type==="reject"?"reject":"accept")},[t?.type]),r.useEffect(()=>{t?.reason&&p(t.reason)},[t?.reason]);const i=r.useCallback(async()=>{if(a==="reject"&&!c){s.message.warning("请输入拒绝原因");return}j(!0);try{const e=a==="accept"?{type:"confirm",newArgs:await y?.()}:{type:"reject",reason:c};if(e.type==="confirm"&&o){const l=await o();l&&(e.result=l.result,e.newArgs=l.newArgs,e.type="confirmWithResult")}await d.confirmTool(u,e)}catch(e){throw e}finally{j(!1)}},[a,c,u,d,o]),h=r.useCallback(e=>{e.shiftKey||(e.preventDefault(),i())},[i]);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:a,disabled:!!t,onChange:e=>f(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:a==="reject",loading:m,onClick:i,icon:n.jsx(g.SendOutlined,{}),children:"提交"})]}),a==="reject"&&n.jsx(s.Input.TextArea,{disabled:!!t,placeholder:"请输入拒绝原因",value:c,onChange:e=>p(e.target.value),rows:3,onPressEnter:h})]})}exports.default=v;
+"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;

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"),u=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=u.useMemo(()=>n.options.tools?.find(o=>o.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:i(e.args)}),r.jsx("pre",{className:"fn-tool-result",children:i(s.content||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,content:s.content,confirmResult:s.confirm,run:t.run})]})}):null}function i(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/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,32 +1,33 @@
 import { jsxs as s, jsx as r } from "react/jsx-runtime";
-import { useState as l, useEffect as h, useCallback as j } from "react";
-import { message as b, Radio as p, Button as x, Input as A } from "antd";
-import { SendOutlined as T } from "@ant-design/icons";
-function S({
+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({
   toolId: f,
   result: t,
   agent: d,
   getConfirmResult: o,
-  getNewArgs: g
+  getNewArgs: v,
+  onAfterConfirm: m
 }) {
-  const [n, m] = l(
+  const [n, u] = l(
     t?.type === "reject" ? "reject" : "accept"
-  ), [a, u] = l(t?.reason || ""), [v, y] = l(!1);
-  h(() => {
-    t?.type && m(t.type === "reject" ? "reject" : "accept");
-  }, [t?.type]), h(() => {
-    t?.reason && u(t.reason);
+  ), [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);
   }, [t?.reason]);
-  const c = j(async () => {
+  const c = g(async () => {
     if (n === "reject" && !a) {
-      b.warning("请输入拒绝原因");
+      x.warning("请输入拒绝原因");
       return;
     }
-    y(!0);
+    h(!0);
     try {
       const e = n === "accept" ? {
         type: "confirm",
-        newArgs: await g?.()
+        newArgs: await v?.()
       } : {
         type: "reject",
         reason: a
@@ -35,13 +36,13 @@ function S({
         const i = await o();
         i && (e.result = i.result, e.newArgs = i.newArgs, e.type = "confirmWithResult");
       }
-      await d.confirmTool(f, e);
+      await d.confirmTool(f, e), m?.();
     } catch (e) {
       throw e;
     } finally {
-      y(!1);
+      h(!1);
     }
-  }, [n, a, f, d, o]), w = j(
+  }, [n, a, f, d, o, m]), b = g(
     (e) => {
       e.shiftKey || (e.preventDefault(), c());
     },
@@ -57,7 +58,7 @@ function S({
           optionType: "button",
           value: n,
           disabled: !!t,
-          onChange: (e) => m(e.target.value),
+          onChange: (e) => u(e.target.value),
           children: [
             /* @__PURE__ */ r(p, { value: "accept", children: "接受" }),
             /* @__PURE__ */ r(p, { value: "reject", children: "拒绝" })
@@ -65,15 +66,15 @@ function S({
         }
       ),
       /* @__PURE__ */ r(
-        x,
+        T,
         {
           disabled: !!t,
           size: "small",
           type: "primary",
           danger: n === "reject",
-          loading: v,
+          loading: w,
           onClick: c,
-          icon: /* @__PURE__ */ r(T, {}),
+          icon: /* @__PURE__ */ r(E, {}),
           children: "提交"
         }
       )
@@ -84,13 +85,13 @@ function S({
         disabled: !!t,
         placeholder: "请输入拒绝原因",
         value: a,
-        onChange: (e) => u(e.target.value),
+        onChange: (e) => y(e.target.value),
         rows: 3,
-        onPressEnter: w
+        onPressEnter: b
       }
     )
   ] });
 }
 export {
-  S as default
+  z 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 c from "../../../hooks/useToolMessage.mjs";
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import { useMemo as c } from "react";
+import a 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 d 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 = a(n, r.id), t = c(() => 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.content || o.confirm?.result) }),
+    /* @__PURE__ */ e(
+      d,
       {
-        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,
+        content: o.content,
+        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/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/types/agentWork/agent/toolRender/confirm.d.ts

@@ -7,6 +7,7 @@ interface Props {
     agent: Agent;
     getConfirmResult?: () => WithPromise<Pick<ShuttleAi.Tool.ConfirmResult, 'result' | 'newArgs'>>;
     getNewArgs?: () => WithPromise<ShuttleAi.Tool.ConfirmResult['newArgs']>;
+    onAfterConfirm?: () => void;
 }
-export default function ConfirmRender({ toolId, result, agent, getConfirmResult, getNewArgs, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function ConfirmRender({ toolId, result, agent, getConfirmResult, getNewArgs, onAfterConfirm, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -5,7 +5,7 @@ export interface ToolContext<T extends Record<string, any> = Record<string, any>
     agent: Agent;
     toolId: string;
     content?: string;
-    confirmResult?: ShuttleAi.Tool.ConfirmResult;
-    confirm?: (result: ShuttleAi.Tool.ConfirmResult) => Promise<void>;
+    confirmResult?: ShuttleAi.Tool.ConfirmResult<T>;
+    confirm?: (result: ShuttleAi.Tool.ConfirmResult<T>) => Promise<void>;
 }
 export declare const toolContext: import('react').Context<ToolContext<Record<string, any>>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shuttle-ai/render-react",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "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.4",
-    "@shuttle-ai/type": "0.0.4"
+    "@shuttle-ai/client": "0.0.6",
+    "@shuttle-ai/type": "0.0.6"
   },
   "devDependencies": {
     "typescript": "^5.3.3",