@shuttle-ai/render-react 0.0.1

package/README.md

@@ -0,0 +1,5 @@
+## `@shuttle-ai/render-react`
+
+#### 说明
+
+该部分是shuttle-ai的智能体react渲染库

package/dist/cjs/agentWork/action/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),u=require("react"),o=require("antd"),p=require("@ant-design/icons"),f=require("../../context/agentWork/useWork.cjs");require("../../context/agentWork/base.cjs");require("@shuttle-ai/client");require("../../context/agent/base.cjs");require("../../context/tool/base.cjs");const g=require("../../hooks/useWorkStatus.cjs"),k=require("../../hooks/useWorkAutoRunScope.cjs");;/* empty css             */function q(){const[s,i]=u.useState(""),r=f.useWork(),e=g.default(r),l=k.default(r);u.useEffect(()=>{e==="running"&&i("")},[e]);const a=u.useCallback(()=>{s&&r.invoke(s)},[s]),c=u.useCallback(t=>{t.shiftKey||(t.preventDefault(),a())},[a]),d=u.useMemo(()=>[{label:"自动执行所有",value:"always"},{label:"自动执行只读",value:"read"},{label:"手动执行",value:"none"}],[]);return n.jsxs("div",{className:"agent-work-action",children:[n.jsx(o.Input.TextArea,{disabled:e!=="idle",onPressEnter:c,value:s,onChange:t=>i(t.target.value),className:"agent-work-action-input",autoSize:!1}),n.jsxs("div",{className:"agent-work-action-btns",children:[n.jsx(o.Select,{style:{minWidth:130},disabled:e!=="idle",value:l,options:d,onChange:t=>r.setAutoRunScope(t)}),n.jsx(o.Button,{disabled:e!=="idle"||!s,loading:e==="pending"||e==="running",onClick:a,type:"primary",icon:n.jsx(p.SendOutlined,{})})]})]})}exports.default=q;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),a=require("react"),l=require("../../../hooks/useAiMessage.cjs");require("../../../context/agentWork/base.cjs");require("@shuttle-ai/client");const o=require("../../../context/agent/useAgent.cjs");require("../../../context/agent/base.cjs");require("../../../context/tool/base.cjs");const c=require("../../../markdownRender/index.cjs"),d=require("../toolRender/index.cjs"),g=require("../index.cjs");;/* empty css             */function m({messageId:i}){const n=o.useAgent(),t=l.default(n,i),r=a.useMemo(()=>n.children.filter(e=>t?.subAgents?.map(u=>u.id)?.includes(e.options.id)),[n,t?.subAgents]);return t?s.jsxs("div",{className:"agent-work-agent-message ai-message",children:[s.jsx("div",{className:"ai-message-content",children:s.jsx(c.default,{children:t.content})}),!!t.toolCalls?.length&&s.jsx("div",{className:"agent-work-agent-tools",children:t.toolCalls.map(e=>s.jsx(d.default,{toolCall:e},e.id))}),r.length>0&&s.jsx("div",{className:"agent-work-agent-children",children:r.map(e=>s.jsx(g.default,{agent:e},e.options.id))})]}):null}exports.default=m;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react/jsx-runtime"),o=require("react"),q=require("classnames"),g=require("../../hooks/useAgentMessages.cjs"),M=require("../../hooks/useAgentStatus.cjs");require("../../context/agentWork/base.cjs");require("@shuttle-ai/client");require("../../context/agent/base.cjs");const v=require("../../context/agent/provider.cjs");require("../../context/tool/base.cjs");const x=require("./userMessage/index.cjs"),h=require("./aiMessage/index.cjs");function j({agent:t,isRoot:l}){const[i,a]=o.useState([]),n=g.default(t),c=M.default(t),d=o.useMemo(()=>{const e=[];let r=!1;for(const s of n)s.role==="user"?(r=i.includes(s.id),e.push(s)):s.role==="assistant"&&!r&&e.push(s);return e},[n,i]),f=o.useCallback(async e=>{if(t.status==="waitRevoke"){await t.revoke();return}a(r=>r.includes(e)?r.filter(s=>s!==e):[...r,e])},[]);return u.jsx(v.default,{agent:t,children:u.jsx("div",{className:q("agent-work-agent",l&&"is-root-agent"),children:d.map(e=>e.role==="user"?u.jsx(x.default,{message:e,closed:c==="waitRevoke"||i.includes(e.id),onToggleClose:f},e.id):u.jsx(h.default,{messageId:e.id},e.id))})})}exports.default=j;

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

@@ -0,0 +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;

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

@@ -0,0 +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;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),r=require("react"),t=require("@ant-design/icons"),l=require("antd");;/* empty css             */function o({message:s,closed:u,onToggleClose:a}){const[n,i]=r.useState(!1),c=r.useCallback(async()=>{n||(i(!0),await a?.(s.id),i(!1))},[a,s.id,n]);return e.jsxs("div",{className:"agent-work-agent-message user-message",children:[e.jsx("span",{className:"agent-work-agent-message-expand-icon",onClick:c,children:n?e.jsx(l.Spin,{indicator:e.jsx(t.LoadingOutlined,{spin:!0}),size:"small"}):u?e.jsx(t.PlusOutlined,{}):e.jsx(t.LineOutlined,{})}),e.jsx("pre",{className:"agent-work-agent-message-content",children:s.content})]})}exports.default=o;

package/dist/cjs/agentWork/render.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),n=require("react"),d=require("classnames"),f=require("antd"),q=require("../context/agentWork/useWork.cjs");require("../context/agentWork/base.cjs");require("@shuttle-ai/client");require("../context/agent/base.cjs");require("../context/tool/base.cjs");const g=require("../hooks/useRootAgent.cjs"),h=require("./agent/index.cjs"),b=require("./action/index.cjs");function x({className:c,style:o,empty:i}){const l=q.useWork(),u=g.default(l),s=n.useRef(!0),e=n.useRef(null);n.useEffect(()=>{if(!e.current)return;const t=new MutationObserver(()=>{!s.current||!e.current||e.current.scrollTo({top:e.current.scrollHeight})});return t.observe(e.current,{childList:!0,subtree:!0,characterData:!0}),()=>t.disconnect()},[]);const a=n.useCallback(t=>{!e.current||!t.isTrusted||(s.current=Math.abs(e.current.scrollHeight-e.current.scrollTop-e.current.clientHeight)<8)},[]);return r.jsxs("div",{className:d("agent-work",c),style:o,children:[r.jsx("div",{className:"agent-work-main",ref:e,onScroll:a,children:u?r.jsx(h.default,{agent:u}):i||r.jsx(f.Empty,{description:"暂无聊天"})}),r.jsx(b.default,{})]})}exports.default=x;

package/dist/cjs/context/agent/base.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),e=t.createContext({agent:null});exports.agentContext=e;

package/dist/cjs/context/agent/provider.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react/jsx-runtime"),o=require("react"),i=require("./base.cjs");function n({children:r,agent:e}){const t=o.useMemo(()=>({agent:e}),[e]);return u.jsx(i.agentContext.Provider,{value:t,children:r})}exports.default=n;

package/dist/cjs/context/agent/useAgent.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("./base.cjs");function n(){return e.useContext(t.agentContext).agent}exports.useAgent=n;

package/dist/cjs/context/agentWork/base.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),e=t.createContext({work:null,context:{}});exports.agentWorkContext=e;

package/dist/cjs/context/agentWork/provider.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),t=require("react"),c=require("@shuttle-ai/client"),s=require("./base.cjs");function a({children:e,context:r,...n}){const o=t.useRef(l(n)),u=t.useMemo(()=>({work:o.current,context:r}),[r]);return i.jsx(s.agentWorkContext.Provider,{value:u,children:e})}function l(e){return"work"in e?e.work:new c.AgentWork(e)}exports.default=a;

package/dist/cjs/context/agentWork/useWork.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("./base.cjs");function r(){return e.useContext(t.agentWorkContext).work}exports.useWork=r;

package/dist/cjs/context/agentWork/useWorkContext.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("./base.cjs");function o(){return e.useContext(t.agentWorkContext).context}exports.useWorkContext=o;

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

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

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

@@ -0,0 +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;

package/dist/cjs/context/tool/useTool.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("./base.cjs");function o(){return e.useContext(t.toolContext)}exports.useTool=o;

package/dist/cjs/hooks/useAgentMessages.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react");function r(e){const[t,u]=s.useState(e.messages);return s.useEffect(()=>e.on("messages",o=>{u([...o])}),[e]),t}exports.default=r;

package/dist/cjs/hooks/useAgentStatus.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react");function r(t){const[s,u]=e.useState(t.status);return e.useEffect(()=>t.on("status",o=>{u(o)}),[t]),s}exports.default=r;

package/dist/cjs/hooks/useAiMessage.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react");function f(t,s){const[n,r]=i.useState();return i.useEffect(()=>{const o=t.on("aiMessage",e=>{e.id===s&&r({...e})}),u=t.messages.find(e=>e.role==="assistant"&&e.id===s);return u&&r(u),o},[t,s]),n}exports.default=f;

package/dist/cjs/hooks/useRootAgent.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react");function r(e){const[o,n]=t.useState();return t.useEffect(()=>e.on("agent",()=>{n(e.getRootAgent())}),[]),o}exports.default=r;

package/dist/cjs/hooks/useToolMessage.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react");function f(t,o){const[n,r]=u.useState();return u.useEffect(()=>{const i=t.on("toolMessage",e=>{e.id===o&&r({...e})}),s=t.messages.find(e=>e.role==="tool"&&e.id===o);return s&&r(s),i},[t,o]),n}exports.default=f;

package/dist/cjs/hooks/useWorkAutoRunScope.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react");function n(e){const[u,o]=t.useState(e.autoRunScope);return t.useEffect(()=>e.on("autoRunScope",()=>{o(e.autoRunScope)}),[]),u}exports.default=n;

package/dist/cjs/hooks/useWorkStatus.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react");function r(t){const[s,u]=e.useState(t.status);return e.useEffect(()=>t.on("status",()=>{u(t.status)}),[]),s}exports.default=r;

package/dist/cjs/index.cjs

@@ -0,0 +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;

package/dist/cjs/index.css

@@ -0,0 +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}}

package/dist/cjs/markdownRender/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("react-markdown"),n=require("remark-gfm"),u=require("remark-breaks"),s=require("remark-frontmatter"),a=require("rehype-raw");require("github-markdown-css/github-markdown.css");function i({children:r}){return e.jsx("div",{className:"markdown-body",children:e.jsx(t,{remarkPlugins:[n,u,s],rehypePlugins:[a],children:r})})}exports.default=i;

package/dist/cjs/tools/writeTodos/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./render.cjs"),t={name:"write_todos",description:"Write todos",run:{type:"render",Render:e.default},extras:{onlyShow:!0,disableExport:!0}};exports.default=t;

package/dist/cjs/tools/writeTodos/render.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),o=require("classnames"),i=require("@ant-design/icons");require("react");require("../../context/agentWork/base.cjs");require("@shuttle-ai/client");require("../../context/agent/base.cjs");const u=require("../../context/tool/useTool.cjs");require("../../context/tool/base.cjs");;/* empty css              */function l(){const{args:t}=u.useTool();return e.jsxs("ul",{className:"shuttle-ai-tool-todo",children:[e.jsxs("li",{className:"shuttle-ai-tool-todo-header",children:[e.jsx(i.UnorderedListOutlined,{})," 待办"]}),t.todos.map((s,r)=>e.jsxs("li",{className:o("shuttle-ai-tool-todo-item",`status-${s.status}`),children:[r+1,". ",s.content]},s.content))]})}exports.default=l;

package/dist/es/agentWork/action/index.mjs

@@ -0,0 +1,80 @@
+import { jsxs as s, jsx as a } from "react/jsx-runtime";
+import { useState as m, useEffect as d, useCallback as l, useMemo as f } from "react";
+import { Input as g, Select as k, Button as v } from "antd";
+import { SendOutlined as b } from "@ant-design/icons";
+import { useWork as h } from "../../context/agentWork/useWork.mjs";
+import "../../context/agentWork/base.mjs";
+import "@shuttle-ai/client";
+import "../../context/agent/base.mjs";
+import "../../context/tool/base.mjs";
+import S from "../../hooks/useWorkStatus.mjs";
+import w from "../../hooks/useWorkAutoRunScope.mjs";
+/* empty css            */
+function V() {
+  const [n, i] = m(""), o = h(), e = S(o), u = w(o);
+  d(() => {
+    e === "running" && i("");
+  }, [e]);
+  const r = l(() => {
+    n && o.invoke(n);
+  }, [n]), p = l(
+    (t) => {
+      t.shiftKey || (t.preventDefault(), r());
+    },
+    [r]
+  ), c = f(
+    () => [
+      {
+        label: "自动执行所有",
+        value: "always"
+      },
+      {
+        label: "自动执行只读",
+        value: "read"
+      },
+      {
+        label: "手动执行",
+        value: "none"
+      }
+    ],
+    []
+  );
+  return /* @__PURE__ */ s("div", { className: "agent-work-action", children: [
+    /* @__PURE__ */ a(
+      g.TextArea,
+      {
+        disabled: e !== "idle",
+        onPressEnter: p,
+        value: n,
+        onChange: (t) => i(t.target.value),
+        className: "agent-work-action-input",
+        autoSize: !1
+      }
+    ),
+    /* @__PURE__ */ s("div", { className: "agent-work-action-btns", children: [
+      /* @__PURE__ */ a(
+        k,
+        {
+          style: { minWidth: 130 },
+          disabled: e !== "idle",
+          value: u,
+          options: c,
+          onChange: (t) => o.setAutoRunScope(t)
+        }
+      ),
+      /* @__PURE__ */ a(
+        v,
+        {
+          disabled: e !== "idle" || !n,
+          loading: e === "pending" || e === "running",
+          onClick: r,
+          type: "primary",
+          icon: /* @__PURE__ */ a(b, {})
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  V as default
+};

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

@@ -0,0 +1,25 @@
+import { jsxs as a, jsx as r } from "react/jsx-runtime";
+import { useMemo as m } from "react";
+import l from "../../../hooks/useAiMessage.mjs";
+import "../../../context/agentWork/base.mjs";
+import "@shuttle-ai/client";
+import { useAgent as g } from "../../../context/agent/useAgent.mjs";
+import "../../../context/agent/base.mjs";
+import "../../../context/tool/base.mjs";
+import d from "../../../markdownRender/index.mjs";
+import c from "../toolRender/index.mjs";
+import p from "../index.mjs";
+/* empty css            */
+function R({ messageId: s }) {
+  const n = g(), t = l(n, s), o = m(() => n.children.filter(
+    (e) => t?.subAgents?.map((i) => i.id)?.includes(e.options.id)
+  ), [n, t?.subAgents]);
+  return t ? /* @__PURE__ */ a("div", { className: "agent-work-agent-message ai-message", children: [
+    /* @__PURE__ */ r("div", { className: "ai-message-content", children: /* @__PURE__ */ r(d, { children: t.content }) }),
+    !!t.toolCalls?.length && /* @__PURE__ */ r("div", { className: "agent-work-agent-tools", children: t.toolCalls.map((e) => /* @__PURE__ */ r(c, { toolCall: e }, e.id)) }),
+    o.length > 0 && /* @__PURE__ */ r("div", { className: "agent-work-agent-children", children: o.map((e) => /* @__PURE__ */ r(p, { agent: e }, e.options.id)) })
+  ] }) : null;
+}
+export {
+  R as default
+};

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

@@ -0,0 +1,45 @@
+import { jsx as t } from "react/jsx-runtime";
+import { useState as f, useMemo as p, useCallback as d } from "react";
+import g from "classnames";
+import M from "../../hooks/useAgentMessages.mjs";
+import h from "../../hooks/useAgentStatus.mjs";
+import "../../context/agentWork/base.mjs";
+import "@shuttle-ai/client";
+import "../../context/agent/base.mjs";
+import k from "../../context/agent/provider.mjs";
+import "../../context/tool/base.mjs";
+import w from "./userMessage/index.mjs";
+import A from "./aiMessage/index.mjs";
+function U({ agent: r, isRoot: a }) {
+  const [i, l] = f([]), n = M(r), u = h(r), m = p(() => {
+    const e = [];
+    let o = !1;
+    for (const s of n)
+      s.role === "user" ? (o = i.includes(s.id), e.push(s)) : s.role === "assistant" && !o && e.push(s);
+    return e;
+  }, [n, i]), c = d(async (e) => {
+    if (r.status === "waitRevoke") {
+      await r.revoke();
+      return;
+    }
+    l((o) => o.includes(e) ? o.filter((s) => s !== e) : [...o, e]);
+  }, []);
+  return /* @__PURE__ */ t(k, { agent: r, children: /* @__PURE__ */ t(
+    "div",
+    {
+      className: g("agent-work-agent", a && "is-root-agent"),
+      children: m.map((e) => e.role === "user" ? /* @__PURE__ */ t(
+        w,
+        {
+          message: e,
+          closed: u === "waitRevoke" || i.includes(e.id),
+          onToggleClose: c
+        },
+        e.id
+      ) : /* @__PURE__ */ t(A, { messageId: e.id }, e.id))
+    }
+  ) });
+}
+export {
+  U as default
+};

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

@@ -0,0 +1,96 @@
+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({
+  toolId: f,
+  result: t,
+  agent: d,
+  getConfirmResult: o,
+  getNewArgs: g
+}) {
+  const [n, m] = 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);
+  }, [t?.reason]);
+  const c = j(async () => {
+    if (n === "reject" && !a) {
+      b.warning("请输入拒绝原因");
+      return;
+    }
+    y(!0);
+    try {
+      const e = n === "accept" ? {
+        type: "confirm",
+        newArgs: await g?.()
+      } : {
+        type: "reject",
+        reason: a
+      };
+      if (e.type === "confirm" && o) {
+        const i = await o();
+        i && (e.result = i.result, e.newArgs = i.newArgs, e.type = "confirmWithResult");
+      }
+      await d.confirmTool(f, e);
+    } catch (e) {
+      throw e;
+    } finally {
+      y(!1);
+    }
+  }, [n, a, f, d, o]), w = j(
+    (e) => {
+      e.shiftKey || (e.preventDefault(), c());
+    },
+    [c]
+  );
+  return /* @__PURE__ */ s("div", { className: "fn-tool-confirm", children: [
+    /* @__PURE__ */ r("span", { className: "fn-tool-confirm-tip", children: "是否允许执行?" }),
+    /* @__PURE__ */ s("div", { className: "fn-tool-confirm-button-group", children: [
+      /* @__PURE__ */ s(
+        p.Group,
+        {
+          size: "small",
+          optionType: "button",
+          value: n,
+          disabled: !!t,
+          onChange: (e) => m(e.target.value),
+          children: [
+            /* @__PURE__ */ r(p, { value: "accept", children: "接受" }),
+            /* @__PURE__ */ r(p, { value: "reject", children: "拒绝" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ r(
+        x,
+        {
+          disabled: !!t,
+          size: "small",
+          type: "primary",
+          danger: n === "reject",
+          loading: v,
+          onClick: c,
+          icon: /* @__PURE__ */ r(T, {}),
+          children: "提交"
+        }
+      )
+    ] }),
+    n === "reject" && /* @__PURE__ */ r(
+      A.TextArea,
+      {
+        disabled: !!t,
+        placeholder: "请输入拒绝原因",
+        value: a,
+        onChange: (e) => u(e.target.value),
+        rows: 3,
+        onPressEnter: w
+      }
+    )
+  ] });
+}
+export {
+  S as default
+};

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

@@ -0,0 +1,49 @@
+import { jsx as o, jsxs as m } from "react/jsx-runtime";
+import { useMemo as f } 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 "../../../context/agent/base.mjs";
+import "../../../context/tool/base.mjs";
+import p from "../../../context/tool/provider.mjs";
+import a 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,
+      {
+        result: n.confirm,
+        toolId: r.id,
+        agent: e
+      }
+    )
+  ] }) : /* @__PURE__ */ o(
+    p,
+    {
+      toolId: r.id,
+      agent: e,
+      args: r.args,
+      content: n.content,
+      confirmResult: n.confirm,
+      run: t.run
+    }
+  ) }) : null;
+}
+function i(r) {
+  if (typeof r == "object")
+    return JSON.stringify(r, null, 2);
+  try {
+    return JSON.stringify(JSON.parse(r), null, 2);
+  } catch {
+    return r;
+  }
+}
+export {
+  R as default
+};

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

@@ -0,0 +1,24 @@
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { useState as l, useCallback as c } from "react";
+import { LoadingOutlined as d, PlusOutlined as m, LineOutlined as u } from "@ant-design/icons";
+import { Spin as g } from "antd";
+/* empty css            */
+function x({ message: n, closed: i, onToggleClose: s }) {
+  const [a, t] = l(!1), r = c(async () => {
+    a || (t(!0), await s?.(n.id), t(!1));
+  }, [s, n.id, a]);
+  return /* @__PURE__ */ o("div", { className: "agent-work-agent-message user-message", children: [
+    /* @__PURE__ */ e(
+      "span",
+      {
+        className: "agent-work-agent-message-expand-icon",
+        onClick: r,
+        children: a ? /* @__PURE__ */ e(g, { indicator: /* @__PURE__ */ e(d, { spin: !0 }), size: "small" }) : i ? /* @__PURE__ */ e(m, {}) : /* @__PURE__ */ e(u, {})
+      }
+    ),
+    /* @__PURE__ */ e("pre", { className: "agent-work-agent-message-content", children: n.content })
+  ] });
+}
+export {
+  x as default
+};

package/dist/es/agentWork/render.mjs

@@ -0,0 +1,38 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { useRef as c, useEffect as p, useCallback as f } from "react";
+import g from "classnames";
+import { Empty as d } from "antd";
+import { useWork as h } from "../context/agentWork/useWork.mjs";
+import "../context/agentWork/base.mjs";
+import "@shuttle-ai/client";
+import "../context/agent/base.mjs";
+import "../context/tool/base.mjs";
+import k from "../hooks/useRootAgent.mjs";
+import A from "./agent/index.mjs";
+import b from "./action/index.mjs";
+function y({ className: s, style: i, empty: u }) {
+  const l = h(), o = k(l), n = c(!0), r = c(null);
+  p(() => {
+    if (!r.current) return;
+    const t = new MutationObserver(() => {
+      !n.current || !r.current || r.current.scrollTo({ top: r.current.scrollHeight });
+    });
+    return t.observe(r.current, {
+      childList: !0,
+      subtree: !0,
+      characterData: !0
+    }), () => t.disconnect();
+  }, []);
+  const m = f((t) => {
+    !r.current || !t.isTrusted || (n.current = Math.abs(
+      r.current.scrollHeight - r.current.scrollTop - r.current.clientHeight
+    ) < 8);
+  }, []);
+  return /* @__PURE__ */ a("div", { className: g("agent-work", s), style: i, children: [
+    /* @__PURE__ */ e("div", { className: "agent-work-main", ref: r, onScroll: m, children: o ? /* @__PURE__ */ e(A, { agent: o }) : u || /* @__PURE__ */ e(d, { description: "暂无聊天" }) }),
+    /* @__PURE__ */ e(b, {})
+  ] });
+}
+export {
+  y as default
+};

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

@@ -0,0 +1,7 @@
+import { createContext as t } from "react";
+const n = t({
+  agent: null
+});
+export {
+  n as agentContext
+};

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

@@ -0,0 +1,10 @@
+import { jsx as t } from "react/jsx-runtime";
+import { useMemo as i } from "react";
+import { agentContext as m } from "./base.mjs";
+function p({ children: o, agent: r }) {
+  const e = i(() => ({ agent: r }), [r]);
+  return /* @__PURE__ */ t(m.Provider, { value: e, children: o });
+}
+export {
+  p as default
+};

package/dist/es/context/agent/useAgent.mjs

@@ -0,0 +1,8 @@
+import { useContext as t } from "react";
+import { agentContext as e } from "./base.mjs";
+function r() {
+  return t(e).agent;
+}
+export {
+  r as useAgent
+};

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

@@ -0,0 +1,8 @@
+import { createContext as t } from "react";
+const e = t({
+  work: null,
+  context: {}
+});
+export {
+  e as agentWorkContext
+};

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

@@ -0,0 +1,21 @@
+import { jsx as i } from "react/jsx-runtime";
+import { useRef as u, useMemo as f } from "react";
+import { AgentWork as m } from "@shuttle-ai/client";
+import { agentWorkContext as k } from "./base.mjs";
+function v({
+  children: r,
+  context: o,
+  ...e
+}) {
+  const t = u(a(e)), n = f(
+    () => ({ work: t.current, context: o }),
+    [o]
+  );
+  return /* @__PURE__ */ i(k.Provider, { value: n, children: r });
+}
+function a(r) {
+  return "work" in r ? r.work : new m(r);
+}
+export {
+  v as default
+};

package/dist/es/context/agentWork/useWork.mjs

@@ -0,0 +1,8 @@
+import { useContext as o } from "react";
+import { agentWorkContext as r } from "./base.mjs";
+function n() {
+  return o(r).work;
+}
+export {
+  n as useWork
+};

package/dist/es/context/agentWork/useWorkContext.mjs

@@ -0,0 +1,8 @@
+import { useContext as t } from "react";
+import { agentWorkContext as o } from "./base.mjs";
+function n() {
+  return t(o).context;
+}
+export {
+  n as useWorkContext
+};

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

@@ -0,0 +1,9 @@
+import { createContext as t } from "react";
+const e = t({
+  args: {},
+  agent: {},
+  toolId: ""
+});
+export {
+  e as toolContext
+};

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

@@ -0,0 +1,33 @@
+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,
+  run: o
+}) {
+  const p = P(
+    (s) => i.confirmTool(f, s),
+    [i, f]
+  ), d = u(
+    () => ({
+      args: r,
+      agent: i,
+      toolId: f,
+      content: e,
+      confirmResult: l,
+      confirm: p
+    }),
+    [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 }) });
+}
+export {
+  x as default
+};