super-agent-sdk 1.0.8 → 1.0.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +169 -81
- package/dist/widget.cjs +108 -681
- package/dist/widget.d.ts +117 -10
- package/dist/widget.mjs +1869 -1985
- package/package.json +4 -1
package/dist/widget.cjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),Me=require("react-dom/client"),e=require("react/jsx-runtime");function te(t){const{sdk:a,sessionId:r,onSessionCreated:n,onStreamStart:s,onStreamEnd:i,onError:l,onMessageSend:c}=t,[d,p]=o.useState([]),[u,m]=o.useState("ready"),[w,f]=o.useState(null),x=o.useRef(null),v=o.useRef(!1),z=o.useRef(null),S=o.useRef(r),E=o.useRef(!0);S.current=r,E.current=d.length===0;const g=o.useCallback(j=>{if(v.current)return;v.current=!0,c==null||c(j);const D={id:`user_${Date.now()}`,role:"user",parts:[{type:"text",content:j}],timestamp:Date.now()},y=`assistant_${Date.now()}`,h={id:y,role:"assistant",parts:[],timestamp:Date.now()},$=E.current;p(k=>[...k,D,h]),m("submitted"),f(null);const M=k=>{let R="",b="",A=[],P=!1;const H=()=>{const T=[...A];if(R){const O=T.findIndex(B=>B.type==="thinking");O>=0?T[O]={type:"thinking",content:R}:T.unshift({type:"thinking",content:R})}if(b){const O=T[T.length-1];(O==null?void 0:O.type)==="text"?T[T.length-1]={type:"text",content:b}:T.push({type:"text",content:b})}p(O=>O.map(B=>B.id===y?{...B,parts:T}:B))};x.current=a.chat({sessionId:k,message:j,stream:!0,onMessage:T=>{switch(P||(P=!0,m("streaming")),T.type){case"thinking":R+=T.content;break;case"ai":b+=T.content;break;case"tool_call":b&&(A.push({type:"text",content:b}),b=""),A.push({type:"tool_call",toolName:T.toolName,toolCallId:T.toolCallId,args:T.args??"{}"});break;case"tool_result":b&&(A.push({type:"text",content:b}),b=""),A.push({type:"tool_result",toolName:T.toolName??"",toolCallId:T.toolCallId,content:T.content,artifacts:T.artifacts,renderMode:T.renderMode,html:T.html});break;case"interrupt":b&&(A.push({type:"text",content:b}),b=""),T.interrupt&&A.push({type:"interrupt",interrupt:T.interrupt,resolved:!1});break;case"stop":T.content&&(b=T.content),H();return}H()},onDone:T=>{(b||A.length>0||R)&&H(),T.sessionId&&T.sessionId!==S.current&&(n==null||n(T.sessionId));const O=()=>{z.current&&(clearTimeout(z.current),z.current=null),i==null||i(T.sessionId||k),m("ready"),v.current=!1,x.current=null};if($){const B=j.slice(0,30),Te=T.sessionId||k;a.renameConversation(Te,B).catch(()=>{}).finally(O)}else O()},onError:T=>{A.push({type:"error",content:T.message}),H(),z.current&&(clearTimeout(z.current),z.current=null),f(T),m("error"),l==null||l(T),v.current=!1,x.current=null}}),s==null||s(k)};S.current?M(S.current):a.createSession().then(k=>{S.current=k,n==null||n(k),M(k)}).catch(k=>{f(k instanceof Error?k:new Error(String(k))),m("error"),l==null||l(k instanceof Error?k:new Error(String(k))),v.current=!1})},[a,n,s,i,l,c]),C=o.useCallback(()=>{const j=S.current;j&&(z.current&&clearTimeout(z.current),z.current=setTimeout(()=>{var D;z.current=null,(D=x.current)==null||D.abort(),x.current=null,v.current=!1,m("ready")},8e3),a.stopGeneration(j).catch(()=>{}))},[a]),I=o.useCallback(()=>{if(v.current)return;const j=d.findLastIndex(y=>y.role==="user");if(j<0)return;const D=d[j].parts.filter(y=>y.type==="text").map(y=>y.content).join("");p(y=>y.slice(0,j)),g(D)},[d,g]),L=o.useCallback((j,D)=>{p(b=>b.map(A=>({...A,parts:A.parts.map(P=>P.type==="interrupt"&&P.interrupt.interruptId===j?{...P,resolved:!0,response:D}:P)})));const y=S.current;if(!y)return;let h=0;p(b=>b.length>0&&b[b.length-1].role==="assistant"?(h=b[b.length-1].parts.length,b):(h=0,[...b,{id:`assistant_${Date.now()}`,role:"assistant",parts:[],timestamp:Date.now()}])),m("streaming");let $="",M="",k=[];const R=()=>{const b=[...k];if($){const A=b.findIndex(P=>P.type==="thinking");A>=0?b[A]={type:"thinking",content:$}:b.unshift({type:"thinking",content:$})}if(M){const A=b[b.length-1];(A==null?void 0:A.type)==="text"?b[b.length-1]={type:"text",content:M}:b.push({type:"text",content:M})}p(A=>{const P=A.findLastIndex(H=>H.role==="assistant");return P<0?A:A.map((H,T)=>T===P?{...H,parts:[...H.parts.slice(0,h),...b]}:H)})};a.respondInterrupt(j,y,D,b=>{switch(b.type){case"thinking":$+=b.content;break;case"ai":M+=b.content;break;case"tool_call":M&&(k.push({type:"text",content:M}),M=""),k.push({type:"tool_call",toolName:b.toolName,toolCallId:b.toolCallId,args:b.args??"{}"});break;case"tool_result":M&&(k.push({type:"text",content:M}),M=""),k.push({type:"tool_result",toolName:b.toolName??"",toolCallId:b.toolCallId,content:b.content,artifacts:b.artifacts,renderMode:b.renderMode,html:b.html});break;case"interrupt":M&&(k.push({type:"text",content:M}),M=""),b.interrupt&&k.push({type:"interrupt",interrupt:b.interrupt,resolved:!1});break;case"done":i==null||i(y),m("ready");break}R()},b=>{k.push({type:"error",content:b.message}),R(),f(b),m("error"),l==null||l(b)}).catch(b=>{l==null||l(b instanceof Error?b:new Error(String(b))),m("error")})},[a,l,i]);return{messages:d,status:u,error:w,sendMessage:g,stop:C,regenerate:I,setMessages:p,respondToInterrupt:L}}const ae="sa_active_conversation",Y=20;function G(t){try{return localStorage.getItem(`${ae}_${t}`)}catch{return null}}function $e(t,a){try{const r=`${ae}_${t}`;a?localStorage.setItem(r,a):localStorage.removeItem(r)}catch{}}function se(t){const{sdk:a,onConversationChange:r}=t,n=a.botId,[s,i]=o.useState([]),[l,c]=o.useState(()=>G(n)),[d,p]=o.useState(!1),[u,m]=o.useState(!0),w=o.useRef(!0),f=o.useRef(1),x=o.useRef(!1);o.useEffect(()=>()=>{w.current=!1},[]);const v=o.useCallback(j=>{c(j),$e(n,j),j&&(r==null||r(j))},[n,r]),z=o.useCallback(async()=>{if(!x.current){x.current=!0,p(!0);try{f.current=1;const j=await a.listConversations({page:1,size:Y});if(!w.current)return;i(j.items),m(j.items.length<j.total);const D=G(n);D&&!j.items.find(y=>y.sessionId===D)&&v(null)}catch{}finally{x.current=!1,w.current&&p(!1)}}},[a,v]),S=o.useCallback(async()=>{if(!(x.current||!u)){x.current=!0,p(!0);try{const j=f.current+1,D=await a.listConversations({page:j,size:Y});if(!w.current)return;f.current=j,i(h=>{const $=new Set(h.map(k=>k.sessionId)),M=D.items.filter(k=>!$.has(k.sessionId));return[...h,...M]});const y=f.current*Y;m(y<D.total)}catch{}finally{x.current=!1,w.current&&p(!1)}}},[a,u]),E=o.useCallback(async j=>(v(j),await a.getMessages(j)),[a,v]),g=o.useCallback(async()=>{try{const j=await a.createSession(),D=new Date().toISOString();i(y=>[{sessionId:j,botId:0,title:"新对话",createTime:D,updateTime:D},...y]),v(j)}catch{v(null)}},[a,v]),C=o.useCallback(async j=>{i(D=>D.filter(y=>y.sessionId!==j)),l===j&&v(null);try{await a.deleteConversation(j)}catch{}},[a,l,v]),I=o.useCallback(async(j,D)=>{await a.renameConversation(j,D),i(y=>y.map(h=>h.sessionId===j?{...h,title:D}:h))},[a]),{enabled:L=!0}=t;return o.useEffect(()=>{L&&z()},[L,z]),{conversations:s,activeConversationId:l,loading:d,hasMore:u,loadConversations:z,loadMore:S,switchConversation:E,newConversation:g,deleteConversation:C,renameConversation:I,setActiveConversationId:v}}function re(t){return!t&&t!==0?"":t<1024?`${t} B`:t<1024*1024?`${(t/1024).toFixed(1)} KB`:`${(t/1024/1024).toFixed(1)} MB`}function ne(t){return t==="pdf"?"PDF":t==="docx"?"DOC":t==="html"?"HTM":t.slice(0,3).toUpperCase()||"FILE"}function ie(t){if(!t)return[];const a=[];for(const r of t)r.type==="file"&&r.data&&a.push({id:r.data.id??"",type:r.data.fileType??r.data.type??"",filename:r.data.name??r.data.filename??"",url:r.data.url??"",mime:r.data.mime,size:r.data.size,summary:r.data.summary});return a}async function K(t){try{const a=await fetch(t.url);if(!a.ok)throw new Error(`HTTP ${a.status}`);const r=await a.blob(),n=URL.createObjectURL(r),s=document.createElement("a");s.href=n,s.download=t.filename,document.body.appendChild(s),s.click(),s.remove(),setTimeout(()=>URL.revokeObjectURL(n),4e3)}catch{const a=document.createElement("a");a.href=t.url,a.download=t.filename,a.target="_blank",document.body.appendChild(a),a.click(),a.remove()}}const oe=o.createContext(null);function _(){const t=o.useContext(oe);if(!t)throw new Error("useChatContext must be used within ChatProvider");return t}function U({sdk:t,hooks:a,children:r}){const[n,s]=o.useState(!1),[i,l]=o.useState(!1),[c,d]=o.useState(null),[p,u]=o.useState(!1),[m,w]=o.useState(!1);o.useEffect(()=>{t.getToken().then(()=>{u(!0)}).catch(()=>{u(!0)})},[t]);const f=se({sdk:t,onConversationChange:a==null?void 0:a.onConversationChange,enabled:p}),x=te({sdk:t,sessionId:f.activeConversationId,onSessionCreated:h=>{f.setActiveConversationId(h)},onStreamStart:a==null?void 0:a.onStreamStart,onStreamEnd:h=>{var $;($=a==null?void 0:a.onStreamEnd)==null||$.call(a,h),f.loadConversations()},onError:a==null?void 0:a.onError,onMessageSend:a==null?void 0:a.onMessageSend}),v=o.useCallback(async h=>{w(!0);try{const $=await f.switchConversation(h);x.setMessages($),s(!1)}finally{w(!1)}},[f,x]),z=o.useCallback(async()=>{x.setMessages([]),s(!1),await f.newConversation()},[f,x]),S=o.useCallback(async h=>{f.activeConversationId===h&&x.setMessages([]),await f.deleteConversation(h)},[f,x]);o.useEffect(()=>{f.activeConversationId&&x.messages.length===0&&(w(!0),t.getMessages(f.activeConversationId).then(h=>{x.setMessages(h)}).catch(()=>{}).finally(()=>w(!1)))},[]);const E=o.useCallback(()=>{s(h=>!h)},[]),g=o.useCallback(()=>{l(h=>!h),d(h=>null)},[]),C=o.useCallback(h=>{d(h),l(!0)},[]),I=o.useMemo(()=>{const h=new Set,$=[];for(const M of x.messages)for(const k of M.parts)if(k.type==="tool_result"&&k.artifacts)for(const R of ie(k.artifacts)){const b=R.id||`${R.url}:${R.filename}`;h.has(b)||(h.add(b),$.push(R))}return $},[x.messages]),L=o.useCallback(async()=>{const h=f.activeConversationId;if(!h)return null;try{const $=await t.getMessages(h);x.setMessages($);const M=$.findLast(k=>k.role==="assistant");return(M==null?void 0:M.id)??null}catch{return null}},[t,f.activeConversationId,x]),j=o.useCallback((h,$,M)=>{if(/^\d+$/.test(h)){t.feedback(h,$,M).catch(()=>{});return}L().then(k=>{k&&t.feedback(k,$,M).catch(()=>{})})},[t,L]),D=o.useCallback(h=>{if(/^\d+$/.test(h)){t.cancelFeedback(h).catch(()=>{});return}L().then($=>{$&&t.cancelFeedback($).catch(()=>{})})},[t,L]),y=o.useMemo(()=>({sdk:t,status:x.status,error:x.error,messages:x.messages,conversations:f.conversations,activeConversationId:f.activeConversationId,isThreadListOpen:n,isArtifactDrawerOpen:i,allArtifacts:I,activePreviewArtifact:c,hasMore:f.hasMore,conversationsLoading:f.loading,messagesLoading:m,sendMessage:x.sendMessage,stop:x.stop,regenerate:x.regenerate,switchConversation:v,newConversation:z,deleteConversation:S,renameConversation:f.renameConversation,loadMoreConversations:f.loadMore,toggleThreadList:E,toggleArtifactDrawer:g,openArtifactPreview:C,feedback:j,cancelFeedback:D,respondToInterrupt:x.respondToInterrupt}),[t,x.status,x.error,x.messages,x.sendMessage,x.stop,x.regenerate,x.respondToInterrupt,f.conversations,f.activeConversationId,f.renameConversation,f.hasMore,f.loadMore,f.loading,n,i,I,c,m,v,z,S,E,g,C,j,D]);return e.jsx(oe.Provider,{value:y,children:r})}const Ee="https://at.alicdn.com/t/c/font_5210396_pffyg5g21kn.js";let J=!1;function le(t=Ee){if(J||typeof document>"u")return;J=!0;const a=t.split("?")[0].split("/").pop();if(a&&document.querySelector(`script[src*="${a}"]`))return;const r=document.createElement("script");r.src=t,document.head.appendChild(r)}le();function N({name:t,size:a=16,color:r="currentColor",className:n,style:s}){return e.jsx("svg",{className:n,style:{width:a,height:a,fill:r,verticalAlign:"middle",...s},"aria-hidden":"true",children:e.jsx("use",{href:`#icon-${t}`})})}function ce({isOpen:t,onClick:a}){return e.jsx("button",{className:`sa-trigger ${t?"sa-trigger-open":""}`,onClick:a,children:t?e.jsx(N,{name:"x",size:24,color:"#fff"}):e.jsx(N,{name:"message-square",size:24,color:"#fff"})})}function de({title:t,onClose:a,onToggleThreadList:r,showClose:n=!0,artifactCount:s=0,onToggleArtifactDrawer:i}){return e.jsxs("div",{className:"sa-header",children:[e.jsxs("div",{className:"sa-header-left",children:[e.jsx("div",{className:"sa-header-avatar",children:"A"}),e.jsxs("div",{className:"sa-header-info",children:[e.jsx("div",{className:"sa-header-title",children:t}),e.jsx("div",{className:"sa-header-status",children:"● Online"})]})]}),e.jsxs("div",{className:"sa-header-actions",children:[s>0&&i&&e.jsxs("button",{className:"sa-header-btn sa-header-btn-artifact",onClick:i,title:"会话产物",children:[e.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[e.jsx("path",{d:"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"}),e.jsx("polyline",{points:"14 2 14 8 20 8"})]}),e.jsx("span",{children:"产物"})]}),e.jsx("button",{className:"sa-header-btn",onClick:r,title:"会话列表",children:e.jsx(N,{name:"menu",size:16})}),n&&e.jsx("button",{className:"sa-header-btn",onClick:a,title:"关闭",children:e.jsx(N,{name:"x",size:16})})]})]})}const q=t=>String(t).padStart(2,"0");function pe(t){if(!t)return"";const a=new Date(t);return isNaN(a.getTime())?"":`${a.getFullYear()}-${q(a.getMonth()+1)}-${q(a.getDate())} ${q(a.getHours())}:${q(a.getMinutes())}:${q(a.getSeconds())}`}function De(t){const a=new Date,r=new Date(a.getFullYear(),a.getMonth(),a.getDate()).getTime(),n=r-6*864e5,s=[],i=[],l=[];for(const d of t){const p=new Date(d.updateTime).getTime();p>=r?s.push(d):p>=n?i.push(d):l.push(d)}const c=[];return s.length&&c.push({label:"今天",items:s}),i.length&&c.push({label:"最近 7 天",items:i}),l.length&&c.push({label:"更早",items:l}),c}function ue(){const{conversations:t,activeConversationId:a,switchConversation:r,newConversation:n,deleteConversation:s,renameConversation:i,isThreadListOpen:l,toggleThreadList:c,hasMore:d,loadMoreConversations:p,conversationsLoading:u}=_(),[m,w]=o.useState(null),[f,x]=o.useState(""),v=o.useRef(null),z=o.useCallback((C,I)=>{w(C),x(I??"")},[]),S=o.useCallback(C=>{f.trim()&&i(C,f.trim()),w(null)},[f,i]),E=o.useCallback(()=>{const C=v.current;!C||!d||C.scrollHeight-C.scrollTop-C.clientHeight<50&&p()},[d,p]),g=o.useMemo(()=>De(t),[t]);return l?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"sa-thread-list-overlay",onClick:c}),e.jsxs("div",{className:"sa-thread-list",children:[e.jsxs("div",{className:"sa-thread-list-header",children:[e.jsx("span",{className:"sa-thread-list-title",children:"会话记录"}),e.jsxs("button",{className:"sa-thread-list-new",onClick:n,children:[e.jsx(N,{name:"plus",size:14})," 新会话"]})]}),e.jsxs("div",{className:"sa-thread-list-items",ref:v,onScroll:E,children:[u&&t.length===0&&e.jsx("div",{className:"sa-thread-list-loading",children:"加载中..."}),!u&&t.length===0&&e.jsx("div",{className:"sa-thread-list-empty",children:"暂无会话"}),g.map(C=>e.jsxs("div",{className:"sa-thread-group",children:[e.jsx("div",{className:"sa-thread-group-label",children:C.label}),C.items.map(I=>e.jsxs("div",{className:`sa-thread-item ${I.sessionId===a?"active":""}`,onClick:()=>{m!==I.sessionId&&r(I.sessionId)},children:[m===I.sessionId?e.jsx("input",{className:"sa-thread-item-edit",value:f,onChange:L=>x(L.target.value),onBlur:()=>S(I.sessionId),onKeyDown:L=>{L.key==="Enter"&&S(I.sessionId),L.key==="Escape"&&w(null)},onClick:L=>L.stopPropagation(),autoFocus:!0}):e.jsxs("div",{className:"sa-thread-item-info",children:[e.jsx("span",{className:"sa-thread-item-title",children:I.title||"新会话"}),e.jsx("span",{className:"sa-thread-item-time",children:pe(I.updateTime)})]}),e.jsxs("div",{className:"sa-thread-item-actions",children:[e.jsx("button",{className:"sa-thread-item-action-btn",onClick:L=>{L.stopPropagation(),z(I.sessionId,I.title)},title:"重命名",children:e.jsx(N,{name:"pen",size:13})}),e.jsx("button",{className:"sa-thread-item-action-btn",onClick:L=>{L.stopPropagation(),s(I.sessionId)},title:"删除",children:e.jsx(N,{name:"trash2",size:13})})]})]},I.sessionId))]},C.label)),u&&t.length>0&&e.jsx("div",{className:"sa-thread-list-loading",children:d?"加载更多...":"加载中..."}),!u&&d&&e.jsx("div",{className:"sa-thread-list-hint",children:"向下滚动加载更多"})]})]})]}):null}function fe(t){const a=o.useRef(null),r=o.useRef(!1),n=o.useRef(0),s=o.useCallback(()=>{const l=a.current;if(!l)return;const{scrollTop:c,scrollHeight:d,clientHeight:p}=l,u=d-c-p<40;c<n.current&&!u&&(r.current=!0),u&&(r.current=!1),n.current=c},[]);o.useEffect(()=>{const l=a.current;if(l)return l.addEventListener("scroll",s,{passive:!0}),()=>l.removeEventListener("scroll",s)},[s]),o.useEffect(()=>{if(r.current)return;const l=a.current;l&&requestAnimationFrame(()=>{l.scrollTop=l.scrollHeight})},t);const i=o.useCallback(()=>{r.current=!1;const l=a.current;l&&(l.scrollTop=l.scrollHeight)},[]);return{containerRef:a,scrollToBottom:i}}function F(t){return t.value++}function W(t,a){const r=[],n=[],s=()=>{n.length>0&&(r.push(n.join("")),n.length=0)};let i=0;for(;i<t.length;){const l=t[i];if(l==="`"){const c=t.indexOf("`",i+1);if(c!==-1){s(),r.push(e.jsx("code",{className:"sa-inline-code",children:t.slice(i+1,c)},F(a))),i=c+1;continue}}else if(l==="*"&&t[i+1]==="*"){const c=t.indexOf("**",i+2);if(c!==-1){s(),r.push(e.jsx("strong",{children:W(t.slice(i+2,c),a)},F(a))),i=c+2;continue}}else if(l==="*"){const c=t.indexOf("*",i+1);if(c!==-1){s(),r.push(e.jsx("em",{children:W(t.slice(i+1,c),a)},F(a))),i=c+1;continue}}else if(l==="["){const c=t.indexOf("]",i+1);if(c!==-1&&t[c+1]==="("){const d=t.indexOf(")",c+2);if(d!==-1){const p=t.slice(i+1,c),u=t.slice(c+2,d);s(),r.push(e.jsx("a",{href:u,target:"_blank",rel:"noreferrer",children:W(p,a)},F(a))),i=d+1;continue}}}n.push(l),i++}return s(),r}function Re(t,a){const r=[],n=t.split(`
|
|
2
|
-
`);let s=0;const i=d=>d.trim()==="",l=d=>/^#{1,6}\s+\S/.test(d.trim()),c=d=>/^(?:[-*+]|\d+[.)])\s+\S/.test(d.trim());for(;s<n.length;){const d=n[s],p=d.trim();if(i(d)){s++;continue}if(l(d)){const m=p.match(/^(#{1,6})\s+(.*)$/);if(m){const f=`h${Math.min(m[1].length,6)}`;r.push(o.createElement(f,{key:F(a)},W(m[2],a)))}s++;continue}if(c(d)){const m=/^\d+[.)]/.test(p),w=[];for(;s<n.length&&c(n[s]);){const f=n[s].trim().match(/^(?:[-*+]|\d+[.)])\s+(.*)$/);f&&w.push(e.jsx("li",{children:W(f[1],a)},F(a))),s++}r.push(m?e.jsx("ol",{className:"sa-list",children:w},F(a)):e.jsx("ul",{className:"sa-list",children:w},F(a)));continue}const u=[];for(;s<n.length&&!i(n[s])&&!l(n[s])&&!c(n[s]);)u.push(n[s]),s++;r.push(e.jsx("p",{className:"sa-text-paragraph",children:W(u.join(" "),a)},F(a)))}return r}function Le(t){const a={value:0},r=[],n=t.split("```");for(let s=0;s<n.length;s++)if(s%2===0)r.push(...Re(n[s],a));else if(n[s].trim()!==""){let i=n[s].replace(/^\r?\n/,"");i=i.replace(/^[a-zA-Z0-9_+#.-]+\r?\n/,""),i=i.replace(/\r?\n$/,""),r.push(e.jsx("pre",{className:"sa-code-block",children:e.jsx("code",{children:i})},F(a)))}return r}function xe({content:t}){return e.jsx("div",{className:"sa-text-part",children:Le(t)})}function me({content:t}){const[a,r]=o.useState(!1);return e.jsxs("div",{className:"sa-thinking-part",onClick:()=>r(!a),children:[e.jsxs("div",{className:"sa-thinking-header",children:[e.jsx("span",{className:"sa-thinking-icon",children:e.jsx(N,{name:"brain",size:14})}),e.jsx("span",{className:"sa-thinking-label",children:"思考过程"}),e.jsx("span",{className:`sa-thinking-arrow ${a?"expanded":""}`,children:e.jsx(N,{name:"chevron-right",size:12})})]}),a&&e.jsx("div",{className:"sa-thinking-content",children:t})]})}function he({toolName:t,toolCallId:a,args:r}){const[n,s]=o.useState(!1),[i,l]=o.useState(!1);let c=r;try{c=JSON.stringify(JSON.parse(r),null,2)}catch{}const d=o.useCallback(()=>{var p;(p=navigator.clipboard)==null||p.writeText(c).then(()=>{l(!0),setTimeout(()=>l(!1),2e3)}).catch(()=>{})},[c]);return e.jsxs("div",{className:"sa-tool-call-part",children:[e.jsxs("div",{className:"sa-tool-call-header",onClick:()=>s(!n),children:[e.jsx("span",{className:"sa-tool-icon",children:e.jsx(N,{name:"zap",size:14})}),e.jsxs("span",{className:"sa-tool-name",children:["调用工具: ",t]}),e.jsx("span",{className:`sa-thinking-arrow ${n?"expanded":""}`,children:e.jsx(N,{name:"chevron-right",size:12})})]}),n&&e.jsxs(e.Fragment,{children:[e.jsx("pre",{className:"sa-tool-args",children:c}),e.jsx("div",{className:"sa-tool-result-actions",children:e.jsxs("button",{className:"sa-action-btn",onClick:d,title:"复制",children:[e.jsx(N,{name:i?"circle-check":"copy",size:14})," ",i?"已复制":"复制"]})})]})]})}function Z({text:t}){const[a,r]=o.useState(!1),n=()=>{var s;(s=navigator.clipboard)==null||s.writeText(t).then(()=>{r(!0),setTimeout(()=>r(!1),2e3)}).catch(()=>{})};return e.jsxs("button",{className:"sa-action-btn",onClick:n,title:"复制",children:[e.jsx(N,{name:a?"circle-check":"copy",size:14})," ",a?"已复制":"复制"]})}function Ae({html:t}){const[a,r]=o.useState(null);return o.useEffect(()=>{let n=!1;return Promise.resolve().then(()=>require("./purify.es-Dsdnkgrg.cjs")).then(s=>{n||r(s.default.sanitize(t,{FORCE_BODY:!0,ADD_ATTR:["target"]}))}),()=>{n=!0}},[t]),a===null?null:e.jsx("div",{className:"sa-tool-result-html-scroll",children:e.jsx("div",{className:"sa-tool-result-html sa-text-part",dangerouslySetInnerHTML:{__html:a}})})}function ge({toolName:t,content:a,artifacts:r,renderMode:n,html:s,artifactPreview:i}){const{openArtifactPreview:l}=_(),c=ie(r);return e.jsxs("div",{className:"sa-tool-result-part",children:[e.jsxs("div",{className:"sa-tool-result-header",children:[e.jsx("span",{className:"sa-tool-icon",children:e.jsx(N,{name:"circle-check",size:14,color:"#10b981"})}),e.jsx("span",{className:"sa-tool-result-label",children:t||"工具返回"})]}),n==="html"&&s?e.jsxs(e.Fragment,{children:[e.jsx(Ae,{html:s}),e.jsx("div",{className:"sa-tool-result-actions",children:e.jsx(Z,{text:s})})]}):a?e.jsxs(e.Fragment,{children:[e.jsx("pre",{className:"sa-tool-result-content",children:a}),e.jsx("div",{className:"sa-tool-result-actions",children:e.jsx(Z,{text:a})})]}):e.jsx("pre",{className:"sa-tool-result-content",children:"—"}),c.length>0&&e.jsx("ul",{className:"sa-artifact-file-list",role:"list",children:c.map((d,p)=>e.jsxs("li",{className:"sa-artifact-file-card",onClick:i?()=>l(d):void 0,onKeyDown:i?u=>{(u.key==="Enter"||u.key===" ")&&(u.preventDefault(),l(d))}:void 0,tabIndex:i?0:void 0,role:i?"button":void 0,"aria-label":i?`预览 ${d.filename}`:void 0,style:i?{cursor:"pointer"}:void 0,children:[e.jsx("div",{className:"sa-artifact-file-icon",children:e.jsx("span",{className:"sa-artifact-chip-type",children:ne(d.type)})}),e.jsxs("div",{className:"sa-artifact-file-info",children:[e.jsx("span",{className:"sa-artifact-file-name",children:d.filename}),d.size!=null&&e.jsx("span",{className:"sa-artifact-file-size",children:re(d.size)})]}),i&&e.jsx("button",{className:"sa-artifact-file-download",title:"下载","aria-label":`下载 ${d.filename}`,onClick:u=>{u.stopPropagation(),K(d)},children:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:e.jsx("path",{d:"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M7 10l5 5 5-5M12 15V3"})})})]},d.id||`art-${p}`))})]})}function be({content:t,onRetry:a}){return e.jsxs("div",{className:"sa-error-part",children:[e.jsxs("div",{className:"sa-error-content",children:[e.jsx("span",{className:"sa-error-icon",children:e.jsx(N,{name:"triangle-alert",size:14})}),e.jsx("span",{children:t})]}),a&&e.jsx("button",{className:"sa-error-retry",onClick:a,children:"重试"})]})}function Pe({interrupt:t,onRespond:a,disabled:r,answeredAction:n}){var c,d;const s=t.options,i=(typeof(s==null?void 0:s[0])=="string"?s[0]:(c=s==null?void 0:s[0])==null?void 0:c.label)||"确认",l=(typeof(s==null?void 0:s[1])=="string"?s[1]:(d=s==null?void 0:s[1])==null?void 0:d.label)||"取消";return e.jsxs("div",{className:"sa-interrupt-card",children:[e.jsxs("div",{className:"sa-interrupt-content",children:[e.jsx(N,{name:"circle-alert",size:16,color:"#f59e0b"}),e.jsx("span",{children:t.content})]}),e.jsxs("div",{className:"sa-interrupt-actions",children:[e.jsxs("button",{className:`sa-interrupt-btn sa-interrupt-btn-primary ${n==="confirm"?"sa-interrupt-btn-answered":""}`,disabled:r,onClick:()=>a({action:"confirm"}),children:[e.jsx(N,{name:"check",size:14})," ",i]}),e.jsxs("button",{className:`sa-interrupt-btn sa-interrupt-btn-secondary ${n==="cancel"?"sa-interrupt-btn-answered":""}`,disabled:r,onClick:()=>a({action:"cancel"}),children:[e.jsx(N,{name:"x",size:14})," ",l]})]}),r&&e.jsx("div",{className:"sa-interrupt-submitted",children:"已提交"})]})}function Oe({interrupt:t,onRespond:a,disabled:r,answeredAction:n}){var p,u,m,w;const s=t.options,i=(typeof(s==null?void 0:s[0])=="string"?s[0]:(p=s==null?void 0:s[0])==null?void 0:p.label)||"批准",l=(typeof(s==null?void 0:s[1])=="string"?s[1]:(u=s==null?void 0:s[1])==null?void 0:u.label)||"拒绝",c=(typeof(s==null?void 0:s[2])=="string"?s[2]:(m=s==null?void 0:s[2])==null?void 0:m.label)||"跳过",d=((w=t.metadata)==null?void 0:w.showSkip)!==!1;return e.jsxs("div",{className:"sa-interrupt-card",children:[e.jsxs("div",{className:"sa-interrupt-content",children:[e.jsx(N,{name:"circle-alert",size:16,color:"#f59e0b"}),e.jsx("span",{children:t.content})]}),e.jsxs("div",{className:"sa-interrupt-actions",children:[e.jsxs("button",{className:`sa-interrupt-btn sa-interrupt-btn-primary ${n==="approve"?"sa-interrupt-btn-answered":""}`,disabled:r,onClick:()=>a({action:"approve"}),children:[e.jsx(N,{name:"check",size:14})," ",i]}),e.jsxs("button",{className:`sa-interrupt-btn sa-interrupt-btn-danger ${n==="reject"?"sa-interrupt-btn-answered":""}`,disabled:r,onClick:()=>a({action:"reject"}),children:[e.jsx(N,{name:"x",size:14})," ",l]}),d&&e.jsxs("button",{className:`sa-interrupt-btn sa-interrupt-btn-secondary ${n==="skip"?"sa-interrupt-btn-answered":""}`,disabled:r,onClick:()=>a({action:"skip"}),children:[e.jsx(N,{name:"chevron-right",size:14})," ",c]})]}),r&&e.jsx("div",{className:"sa-interrupt-submitted",children:"已提交"})]})}function He(t){return typeof t=="string"?{value:t,label:t}:t}function Fe({interrupt:t,onRespond:a,disabled:r,initialValue:n}){const s=(t.options??[]).map(He);return e.jsxs("div",{className:"sa-interrupt-card",children:[e.jsxs("div",{className:"sa-interrupt-content",children:[e.jsx(N,{name:"list",size:16,color:"#6366f1"}),e.jsx("span",{children:t.content})]}),e.jsx("div",{className:"sa-interrupt-options",children:s.map(i=>{const l=n===i.value;return e.jsxs("button",{className:`sa-interrupt-option ${i.danger?"sa-interrupt-option-danger":""} ${l?"sa-interrupt-option-selected":""}`,disabled:r,onClick:()=>a({action:"select",value:i.value}),children:[e.jsx(N,{name:l?"circle-check":"circle",size:14}),i.icon&&e.jsx(N,{name:i.icon,size:14}),e.jsx("span",{children:i.label}),i.description&&e.jsx("span",{className:"sa-interrupt-option-desc",children:i.description})]},i.value)})}),r&&e.jsx("div",{className:"sa-interrupt-submitted",children:"已提交"})]})}function _e(t){return typeof t=="string"?{value:t,label:t}:t}function Be({interrupt:t,onRespond:a,disabled:r,initialValue:n}){const s=(t.options??[]).map(_e),[i,l]=o.useState(()=>new Set(Array.isArray(n)?n:[])),c=d=>{r||l(p=>{const u=new Set(p);return u.has(d)?u.delete(d):u.add(d),u})};return e.jsxs("div",{className:"sa-interrupt-card",children:[e.jsxs("div",{className:"sa-interrupt-content",children:[e.jsx(N,{name:"list-checks",size:16,color:"#6366f1"}),e.jsx("span",{children:t.content})]}),e.jsx("div",{className:"sa-interrupt-options",children:s.map(d=>e.jsxs("button",{className:`sa-interrupt-option ${i.has(d.value)?"sa-interrupt-option-selected":""}`,disabled:r,onClick:()=>c(d.value),children:[e.jsx(N,{name:i.has(d.value)?"square-check":"square",size:14}),e.jsx("span",{children:d.label})]},d.value))}),!r&&e.jsx("div",{className:"sa-interrupt-actions",children:e.jsxs("button",{className:"sa-interrupt-btn sa-interrupt-btn-primary",disabled:i.size===0,onClick:()=>a({action:"submit",value:Array.from(i)}),children:[e.jsx(N,{name:"check",size:14})," 确认 (",i.size,")"]})}),r&&e.jsx("div",{className:"sa-interrupt-submitted",children:"已提交"})]})}function We({interrupt:t,onRespond:a,disabled:r,initialValue:n}){const[s,i]=o.useState(n??""),l=t.inputType??"text",c=l==="textarea",d=()=>{r||t.required&&!s.trim()||a({action:"submit",value:s.trim()})};return e.jsxs("div",{className:"sa-interrupt-card",children:[e.jsxs("div",{className:"sa-interrupt-content",children:[e.jsx(N,{name:"text-cursor-input",size:16,color:"#6366f1"}),e.jsx("span",{children:t.content})]}),e.jsx("div",{className:"sa-interrupt-input-area",children:c?e.jsx("textarea",{className:"sa-interrupt-textarea",value:s,onChange:p=>i(p.target.value),placeholder:t.placeholder,maxLength:t.maxLength,rows:3,disabled:r}):e.jsx("input",{className:"sa-interrupt-input",type:l,value:s,onChange:p=>i(p.target.value),placeholder:t.placeholder,maxLength:t.maxLength,onKeyDown:p=>p.key==="Enter"&&d(),disabled:r})}),!r&&e.jsx("div",{className:"sa-interrupt-actions",children:e.jsxs("button",{className:"sa-interrupt-btn sa-interrupt-btn-primary",disabled:t.required?!s.trim():!1,onClick:d,children:[e.jsx(N,{name:"check",size:14})," 提交"]})}),r&&e.jsx("div",{className:"sa-interrupt-submitted",children:"已提交"})]})}function qe({interrupt:t,onRespond:a,disabled:r,initialValue:n}){const s=t.fields??[],[i,l]=o.useState(()=>{const u={};for(const m of s)u[m.name]=(n==null?void 0:n[m.name])??m.defaultValue??"";return u}),c=(u,m)=>{r||l(w=>({...w,[u]:m}))},d=!r&&s.every(u=>!u.required||i[u.name]),p=()=>{d&&a({action:"submit",value:i})};return e.jsxs("div",{className:"sa-interrupt-card",children:[e.jsxs("div",{className:"sa-interrupt-content",children:[e.jsx(N,{name:"file-text",size:16,color:"#6366f1"}),e.jsx("span",{children:t.content})]}),e.jsx("div",{className:"sa-interrupt-form",children:s.map(u=>e.jsxs("div",{className:"sa-interrupt-form-field",children:[e.jsxs("label",{className:"sa-interrupt-form-label",children:[u.label,u.required&&e.jsx("span",{className:"sa-interrupt-form-required",children:"*"})]}),Ke(u,i[u.name],m=>c(u.name,m),r)]},u.name))}),!r&&e.jsxs("div",{className:"sa-interrupt-actions",children:[e.jsxs("button",{className:"sa-interrupt-btn sa-interrupt-btn-primary",disabled:!d,onClick:p,children:[e.jsx(N,{name:"check",size:14})," 提交"]}),e.jsx("button",{className:"sa-interrupt-btn sa-interrupt-btn-secondary",onClick:()=>a({action:"cancel"}),children:"取消"})]}),r&&e.jsx("div",{className:"sa-interrupt-submitted",children:"已提交"})]})}function Q(t){return typeof t=="string"?{value:t,label:t}:t}function Ke(t,a,r,n){switch(t.type){case"textarea":return e.jsx("textarea",{className:"sa-interrupt-textarea",value:a,onChange:s=>r(s.target.value),placeholder:t.placeholder,rows:3,disabled:n});case"select":{const s=(t.options??[]).map(Q);return e.jsxs("select",{className:"sa-interrupt-select",value:a,onChange:i=>r(i.target.value),disabled:n,children:[e.jsx("option",{value:"",children:"请选择"}),s.map(i=>e.jsx("option",{value:i.value,children:i.label},i.value))]})}case"multiSelect":{const s=(t.options??[]).map(Q),i=Array.isArray(a)?a:[],l=c=>{n||r(i.includes(c)?i.filter(d=>d!==c):[...i,c])};return e.jsx("div",{className:"sa-interrupt-options",children:s.map(c=>e.jsx("button",{type:"button",className:`sa-interrupt-option ${i.includes(c.value)?"sa-interrupt-option-selected":""}`,disabled:n,onClick:()=>l(c.value),children:c.label},c.value))})}case"password":return e.jsx("input",{className:"sa-interrupt-input",type:"password",value:a,onChange:s=>r(s.target.value),placeholder:t.placeholder,disabled:n});default:return e.jsx("input",{className:"sa-interrupt-input",type:t.type==="number"?"number":t.type==="date"?"date":"text",value:a,onChange:s=>r(s.target.value),placeholder:t.placeholder,disabled:n})}}function ve({interrupt:t,resolved:a,response:r,onRespond:n}){const s=a,i=r==null?void 0:r.value;switch(t.interruptType){case"confirm":return e.jsx(Pe,{interrupt:t,onRespond:n,disabled:s,answeredAction:r==null?void 0:r.action});case"approve":return e.jsx(Oe,{interrupt:t,onRespond:n,disabled:s,answeredAction:r==null?void 0:r.action});case"select":return e.jsx(Fe,{interrupt:t,onRespond:n,disabled:s,initialValue:i});case"multiSelect":return e.jsx(Be,{interrupt:t,onRespond:n,disabled:s,initialValue:i});case"input":return e.jsx(We,{interrupt:t,onRespond:n,disabled:s,initialValue:i});case"form":return e.jsx(qe,{interrupt:t,onRespond:n,disabled:s,initialValue:i});default:return e.jsxs("div",{className:"sa-interrupt-unknown",children:["未知的交互类型: ",t.interruptType]})}}const Ye=[{value:1,label:"事实错误"},{value:2,label:"逻辑问题"},{value:3,label:"不相关"},{value:4,label:"信息过时"},{value:5,label:"冗长啰嗦"},{value:6,label:"难以理解"}];function we({message:t,onCopy:a,onRegenerate:r,onFeedback:n}){const{status:s,cancelFeedback:i}=_(),[l,c]=o.useState(null),[d,p]=o.useState(!1),[u,m]=o.useState(!1),w=o.useRef(null),f=o.useCallback(()=>{a(),p(!0),setTimeout(()=>p(!1),2e3)},[a]),x=o.useCallback(()=>{l==="like"?(c(null),i(t.id)):(c("like"),m(!1),n==null||n(t.id,"like"))},[l,t.id,n,i]),v=o.useCallback(()=>{l==="dislike"?(c(null),m(!1),i(t.id)):m(!0)},[l,t.id,i]),z=o.useCallback((E,g)=>{c("dislike"),m(!1),n==null||n(t.id,"dislike",{reason:E,remark:(g==null?void 0:g.trim())||void 0})},[t.id,n]),S=o.useCallback(()=>{m(!1)},[]);return o.useEffect(()=>{if(!u)return;const E=C=>{w.current&&!w.current.contains(C.target)&&m(!1)},g=C=>{C.key==="Escape"&&m(!1)};return document.addEventListener("mousedown",E),document.addEventListener("keydown",g),()=>{document.removeEventListener("mousedown",E),document.removeEventListener("keydown",g)}},[u]),s!=="ready"&&s!=="error"?null:e.jsxs("div",{className:"sa-action-bar",children:[e.jsxs("button",{className:"sa-action-btn",onClick:f,title:"复制",children:[e.jsx(N,{name:d?"circle-check":"copy",size:14})," ",d?"已复制":"复制"]}),r&&e.jsxs("button",{className:"sa-action-btn",onClick:r,title:"重新生成",children:[e.jsx(N,{name:"refresh-cw",size:14})," 重新生成"]}),n&&e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"sa-action-divider"}),e.jsx("button",{className:`sa-action-btn ${l==="like"?"sa-action-btn-active":""}`,onClick:x,title:"有用","aria-label":"点赞",children:e.jsx(N,{name:"thumbs-up",size:14})}),e.jsx("button",{className:`sa-action-btn ${l==="dislike"?"sa-action-btn-active":""}`,onClick:v,title:"无用","aria-label":"踩","aria-expanded":u,"aria-haspopup":"dialog",children:e.jsx(N,{name:"thumbs-down",size:14})})]}),u&&e.jsx("div",{ref:w,children:e.jsx(Ue,{onSubmit:z,onCancel:S})})]})}function Ue({onSubmit:t,onCancel:a}){const[r,n]=o.useState(void 0),[s,i]=o.useState("");return e.jsxs("div",{className:"sa-dislike-panel",children:[e.jsx("div",{className:"sa-dislike-panel-title",children:"请选择不满意的原因(可选)"}),e.jsx("div",{className:"sa-dislike-reasons",children:Ye.map(l=>e.jsx("button",{className:`sa-dislike-reason-btn ${r===l.value?"active":""}`,onClick:()=>n(r===l.value?void 0:l.value),children:l.label},l.value))}),e.jsx("textarea",{className:"sa-dislike-remark",placeholder:"补充描述(选填,≤500 字)",maxLength:500,value:s,onChange:l=>i(l.target.value),rows:2}),e.jsxs("div",{className:"sa-dislike-actions",children:[e.jsx("button",{className:"sa-dislike-submit",onClick:()=>t(r,s||void 0),children:"提交"}),e.jsx("button",{className:"sa-dislike-cancel",onClick:a,children:"取消"})]})]})}function ee({src:t,role:a}){const r=a==="assistant"?"A":"U";return t?t.startsWith("http")||t.startsWith("/")||t.startsWith("data:")?e.jsx("div",{className:`sa-avatar sa-avatar-${a}`,children:e.jsx("img",{src:t,alt:a,style:{width:"100%",height:"100%",borderRadius:"inherit",objectFit:"cover"}})}):e.jsx("div",{className:`sa-avatar sa-avatar-${a}`,children:t}):e.jsx("div",{className:`sa-avatar sa-avatar-${a}`,children:r})}function ye({message:t,isStreaming:a,isLast:r,slots:n,avatar:s,artifactPreview:i}){const{regenerate:l,feedback:c,respondToInterrupt:d}=_(),p=o.useCallback(()=>{var C;const g=t.parts.filter(I=>I.type==="text").map(I=>I.content).join(`
|
|
3
|
-
`);(C=navigator.clipboard)==null||C.writeText(g).catch(()=>{})},[t]),u=t.role==="user",m=n.Message;if(m)return e.jsx(m,{message:t,isStreaming:a,isLast:r,avatar:s,slots:n,onCopy:p,onRegenerate:l,onFeedback:c});const w=n.TextPart??xe,f=n.ThinkingPart??me,x=n.ToolCallPart??he,v=n.ToolResultPart??ge,z=n.ErrorPart??be,S=n.ActionBar??we,E=!u&&t.parts.some(g=>g.type==="text"&&g.content);return e.jsxs("div",{className:`sa-message ${u?"sa-message-user":"sa-message-assistant"}`,children:[!u&&e.jsx(ee,{src:s==null?void 0:s.assistant,role:"assistant"}),e.jsxs("div",{className:"sa-message-content",children:[e.jsx("span",{className:`sa-message-time ${u?"sa-message-time-right":""}`,children:pe(t.timestamp)}),e.jsxs("div",{className:"sa-message-body",children:[t.parts.map((g,C)=>{switch(g.type){case"text":return e.jsx(w,{content:g.content},C);case"thinking":return e.jsx(f,{content:g.content},C);case"tool_call":return e.jsx(x,{toolName:g.toolName,toolCallId:g.toolCallId,args:g.args},C);case"tool_result":return e.jsx(v,{toolName:g.toolName,toolCallId:g.toolCallId,content:g.content,artifacts:g.artifacts,renderMode:g.renderMode,html:g.html,artifactPreview:i},C);case"error":return e.jsx(z,{content:g.content,onRetry:l},C);case"interrupt":return e.jsx(ve,{interrupt:g.interrupt,resolved:g.resolved??!1,response:g.response,onRespond:I=>d(g.interrupt.interruptId,I)},C);default:return null}}),a&&r&&!u&&e.jsx("span",{className:"sa-streaming-cursor",children:"|"}),!u&&!a&&E&&e.jsx(S,{message:t,onCopy:p,onRegenerate:r?l:void 0,onFeedback:c})]})]}),u&&e.jsx(ee,{src:s==null?void 0:s.user,role:"user"})]})}function ke({message:t,suggestedPrompts:a,onPromptClick:r}){return e.jsxs("div",{className:"sa-welcome",children:[e.jsx("div",{className:"sa-welcome-icon",children:e.jsx(N,{name:"sparkles",size:40})}),e.jsx("p",{className:"sa-welcome-message",children:t||"你好!有什么可以帮你的?"}),a&&a.length>0&&e.jsx("div",{className:"sa-welcome-prompts",children:a.map((n,s)=>e.jsx("button",{className:"sa-welcome-prompt",onClick:()=>r(n),children:n},s))})]})}function V({slots:t,welcomeMessage:a,suggestedPrompts:r,avatar:n,artifactPreview:s}){const{messages:i,status:l,sendMessage:c}=_(),{containerRef:d}=fe([i]),p=l==="streaming",u=t.WelcomeScreen??ke;return i.length===0?e.jsx("div",{className:"sa-thread",ref:d,children:e.jsx(u,{message:a,suggestedPrompts:r,onPromptClick:c})}):e.jsx("div",{className:"sa-thread",ref:d,children:i.map((m,w)=>e.jsx(ye,{message:m,isStreaming:p,isLast:w===i.length-1,slots:t,avatar:n,artifactPreview:s},m.id))})}function Ve({items:t,activeIndex:a,onSelect:r}){const n=o.useRef(null);return o.useEffect(()=>{var i;const s=(i=n.current)==null?void 0:i.children[a];s==null||s.scrollIntoView({block:"nearest"})},[a]),t.length===0?e.jsx("div",{className:"sa-slash-menu",children:e.jsx("div",{className:"sa-slash-menu-empty",children:"没有匹配的技能"})}):e.jsx("div",{className:"sa-slash-menu",ref:n,children:t.map((s,i)=>e.jsxs("div",{className:`sa-slash-menu-item${i===a?" sa-slash-menu-item--active":""}`,onMouseDown:l=>{l.preventDefault(),r(s)},children:[e.jsxs("span",{className:"sa-slash-menu-item-name",children:["/",s.name]}),(s.displayName||s.description)&&e.jsx("span",{className:"sa-slash-menu-item-desc",children:s.displayName||s.description})]},s.code))})}function Xe({sdk:t,input:a,onSelect:r}){const[n,s]=o.useState([]),[i,l]=o.useState(!1),[c,d]=o.useState(0),p=o.useRef(!1);o.useEffect(()=>{p.current||(p.current=!0,t.listSkills().then(s).catch(()=>s([])))},[t]);const u=/^\/\S*$/.test(a);o.useEffect(()=>{l(u)},[u]),o.useEffect(()=>{u&&d(0)},[a,u]);const m=a.startsWith("/")?a.slice(1).toLowerCase():"",w=o.useMemo(()=>n.filter(g=>!m||g.code.toLowerCase().includes(m)||g.name.toLowerCase().includes(m)||g.displayName&&g.displayName.toLowerCase().includes(m)),[n,m]),f=o.useRef(i),x=o.useRef(w),v=o.useRef(c),z=o.useRef(r);f.current=i,x.current=w,v.current=c,z.current=r;const S=o.useCallback(g=>{if(!f.current||x.current.length===0)return!1;switch(g.key){case"ArrowDown":return g.preventDefault(),d(C=>(C+1)%x.current.length),!0;case"ArrowUp":return g.preventDefault(),d(C=>(C-1+x.current.length)%x.current.length),!0;case"Enter":case"Tab":return g.preventDefault(),z.current(x.current[v.current]),l(!1),!0;case"Escape":return g.preventDefault(),l(!1),!0;default:return!1}},[]),E=o.useCallback(()=>l(!1),[]);return{isOpen:i,items:w,activeIndex:c,handleKeyDown:S,close:E}}function X(){const{status:t,sendMessage:a,stop:r,sdk:n}=_(),[s,i]=o.useState(""),l=o.useRef(null),c=t==="streaming"||t==="submitted",d=o.useCallback(f=>{i(`/${f.name} `),setTimeout(()=>{const x=l.current;x&&(x.focus(),x.selectionStart=x.selectionEnd=x.value.length)},0)},[]),p=Xe({sdk:n,input:s,onSelect:d}),u=o.useCallback(()=>{const f=s.trim();!f||c||(a(f),i(""),l.current&&(l.current.style.height="auto"))},[s,c,a]),m=o.useCallback(f=>{p.handleKeyDown(f)||f.key==="Enter"&&!f.shiftKey&&(f.preventDefault(),u())},[u,p.handleKeyDown]),w=o.useCallback(f=>{i(f.target.value);const x=f.target;x.style.height="auto",x.style.height=Math.min(x.scrollHeight,120)+"px"},[]);return e.jsxs("div",{className:"sa-composer",children:[p.isOpen&&e.jsx(Ve,{items:p.items,activeIndex:p.activeIndex,onSelect:d}),e.jsx("textarea",{ref:l,className:"sa-composer-input",value:s,onChange:w,onKeyDown:m,placeholder:c?"回答生成中...":"输入消息,按 / 选择技能...",rows:1,disabled:c}),c?e.jsx("button",{className:"sa-composer-stop",onClick:r,title:"停止",children:e.jsx(N,{name:"circle-stop",size:16,color:"#fff"})}):e.jsx("button",{className:"sa-composer-send",onClick:u,disabled:!s.trim(),title:"发送",children:e.jsx(N,{name:"arrow-up",size:16,color:"#fff"})})]})}function Ge({artifact:t}){const[a,r]=o.useState(null),[n,s]=o.useState(!0),[i,l]=o.useState(null);return o.useEffect(()=>{let c=!1;s(!0),l(null),r(null);async function d(){try{if(t.type==="pdf"){c||s(!1);return}if(t.type==="html"){const p=await fetch(t.url);if(!p.ok)throw new Error(`HTTP ${p.status}`);const u=await p.text(),m=(await Promise.resolve().then(()=>require("./purify.es-Dsdnkgrg.cjs"))).default;c||(r(m.sanitize(u,{FORCE_BODY:!0,ADD_ATTR:["target"]})),s(!1));return}if(t.type==="docx"){const p=await fetch(t.url);if(!p.ok)throw new Error(`HTTP ${p.status}`);const u=await p.arrayBuffer(),w=await(await Promise.resolve().then(()=>require("./mammoth.browser-DiAPPO3x.cjs")).then(x=>x.mammoth_browser)).convertToHtml({arrayBuffer:u}),f=(await Promise.resolve().then(()=>require("./purify.es-Dsdnkgrg.cjs"))).default;c||(r(f.sanitize(w.value,{FORCE_BODY:!0,ADD_ATTR:["target"]})),s(!1));return}c||(s(!1),l(`不支持预览「${t.type}」类型`))}catch(p){c||(s(!1),l(p instanceof Error?p.message:"加载失败"))}}return d(),()=>{c=!0}},[t]),n?e.jsx("div",{className:"sa-drawer-preview-loading",children:"加载中"}):i?e.jsxs("div",{className:"sa-drawer-preview-error",children:[i,e.jsx("button",{className:"sa-drawer-btn-sm",onClick:()=>void K(t),children:"下载查看"})]}):t.type==="pdf"?e.jsx("iframe",{src:t.url,title:t.filename,className:"sa-drawer-preview-iframe",sandbox:"allow-scripts"}):a!==null?e.jsx("iframe",{srcDoc:a,title:t.filename,className:"sa-drawer-preview-iframe",sandbox:"allow-same-origin"}):null}function je({artifacts:t,initialArtifact:a,onClose:r}){const[n,s]=o.useState(a?{mode:"preview",artifact:a}:{mode:"list"}),[i,l]=o.useState(!1),c=o.useRef(null),[d,p]=o.useState(340),u=o.useRef(null);o.useEffect(()=>{a&&(c.current&&(clearTimeout(c.current),c.current=null,l(!1)),s({mode:"preview",artifact:a}))},[a]);const m=o.useCallback(()=>{l(!0),c.current=setTimeout(()=>{c.current=null,r()},240)},[r]);o.useEffect(()=>()=>{var v;c.current&&clearTimeout(c.current),(v=u.current)==null||v.call(u)},[]);const w=o.useCallback(v=>{s({mode:"preview",artifact:v})},[]),f=o.useCallback(()=>{s({mode:"list"})},[]);o.useEffect(()=>{const v=z=>{z.key==="Escape"&&m()};return document.addEventListener("keydown",v),()=>document.removeEventListener("keydown",v)},[m]);const x=o.useCallback(v=>{v.preventDefault();const z=v.clientX,S=d,E=C=>{const I=z-C.clientX;p(Math.max(240,Math.min(window.innerWidth*.7,S+I)))},g=()=>{document.removeEventListener("mousemove",E),document.removeEventListener("mouseup",g),document.body.style.cursor="",document.body.style.userSelect="",u.current=null};document.body.style.cursor="col-resize",document.body.style.userSelect="none",document.addEventListener("mousemove",E),document.addEventListener("mouseup",g),u.current=g},[d]);return e.jsxs("div",{className:`sa-artifact-drawer ${i?"sa-drawer-closing":""}`,style:{width:d},children:[e.jsx("div",{className:"sa-drawer-resize-handle",onMouseDown:x}),e.jsxs("div",{className:"sa-artifact-drawer-header",children:[n.mode==="preview"?e.jsxs(e.Fragment,{children:[e.jsx("button",{className:"sa-drawer-btn",onClick:f,title:"返回列表","aria-label":"返回列表",children:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:e.jsx("path",{d:"M15 18l-6-6 6-6"})})}),e.jsx("span",{className:"sa-artifact-drawer-title",children:n.artifact.filename})]}):e.jsxs(e.Fragment,{children:[e.jsxs("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",style:{flexShrink:0},children:[e.jsx("path",{d:"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"}),e.jsx("polyline",{points:"14 2 14 8 20 8"})]}),e.jsx("span",{className:"sa-artifact-drawer-title",children:"会话产物"})]}),e.jsx("div",{style:{flex:1}}),n.mode==="preview"&&e.jsx("button",{className:"sa-drawer-btn",onClick:()=>void K(n.artifact),title:"下载","aria-label":"下载",children:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:e.jsx("path",{d:"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M7 10l5 5 5-5M12 15V3"})})}),e.jsx("button",{className:"sa-drawer-btn",onClick:m,title:"关闭","aria-label":"关闭",children:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:e.jsx("path",{d:"M18 6L6 18M6 6l12 12"})})})]}),e.jsx("div",{className:"sa-artifact-drawer-body",children:n.mode==="list"?t.length===0?e.jsx("div",{className:"sa-drawer-empty",children:"暂无产物"}):e.jsx("ul",{className:"sa-drawer-file-list",role:"list",children:t.map((v,z)=>e.jsxs("li",{className:"sa-drawer-file-card",onClick:()=>w(v),onKeyDown:S=>{(S.key==="Enter"||S.key===" ")&&(S.preventDefault(),w(v))},tabIndex:0,role:"button","aria-label":`预览 ${v.filename}`,children:[e.jsx("div",{className:"sa-drawer-file-icon",children:e.jsx("span",{className:"sa-artifact-chip-type",children:ne(v.type)})}),e.jsxs("div",{className:"sa-drawer-file-info",children:[e.jsx("span",{className:"sa-drawer-file-name",children:v.filename}),e.jsx("span",{className:"sa-drawer-file-size",children:re(v.size)})]}),e.jsx("button",{className:"sa-drawer-btn",title:"下载","aria-label":`下载 ${v.filename}`,onClick:S=>{S.stopPropagation(),K(v)},children:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:e.jsx("path",{d:"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M7 10l5 5 5-5M12 15V3"})})})]},v.id||`artifact-${z}`))}):e.jsx("div",{className:"sa-drawer-view-enter",children:e.jsx(Ge,{artifact:n.artifact})})})]})}function Je({isOpen:t,onClose:a,title:r,slots:n,welcomeMessage:s,suggestedPrompts:i,avatar:l,artifactPreview:c}){const{status:d,sendMessage:p,stop:u,toggleThreadList:m,toggleArtifactDrawer:w,conversations:f,activeConversationId:x,switchConversation:v,newConversation:z,deleteConversation:S,renameConversation:E,isThreadListOpen:g,isArtifactDrawerOpen:C,allArtifacts:I,activePreviewArtifact:L,messagesLoading:j}=_();if(!t)return null;const D=n.Header,y=n.Composer,h=n.ThreadList;return e.jsxs("div",{className:"sa-panel",children:[D?e.jsx(D,{title:r,onClose:a,onToggleThreadList:m}):e.jsx(de,{title:r,onClose:a,onToggleThreadList:m,artifactCount:c?I.length:0,onToggleArtifactDrawer:c?w:void 0}),h&&g?e.jsx(h,{conversations:f,activeSessionId:x,onSwitch:v,onNew:z,onDelete:S,onRename:E}):e.jsx(ue,{}),e.jsxs("div",{className:"sa-panel-content",children:[j?e.jsxs("div",{className:"sa-messages-loading",children:[e.jsx("span",{className:"sa-loading-spinner"}),"加载对话..."]}):e.jsx(V,{slots:n,welcomeMessage:s,suggestedPrompts:i,avatar:l,artifactPreview:c}),c&&C&&e.jsx(je,{artifacts:I,initialArtifact:L,onClose:w})]}),y?e.jsx(y,{status:d,onSend:p,onStop:u}):e.jsx(X,{})]})}function Ze({conversations:t,activeSessionId:a,onSwitch:r,onNew:n,onDelete:s,onRename:i,isCollapsed:l,onToggleCollapse:c,hasMore:d,onLoadMore:p,conversationsLoading:u}){const[m,w]=o.useState(null),[f,x]=o.useState(null),[v,z]=o.useState(null),[S,E]=o.useState(""),g=o.useCallback((y,h)=>{h.stopPropagation(),f===y?(s(y),x(null)):(x(y),setTimeout(()=>x(null),3e3))},[f,s]),C=o.useCallback((y,h,$)=>{$.stopPropagation(),z(y),E(h??"")},[]),I=o.useCallback(y=>{S.trim()&&i(y,S.trim()),z(null)},[S,i]),L=o.useRef(null),j=o.useCallback(()=>{const y=L.current;!y||!d||!p||y.scrollHeight-y.scrollTop-y.clientHeight<50&&p()},[d,p]),D=(()=>{const y=Date.now(),h=[],$=[],M=[];for(const R of t){const b=y-new Date(R.updateTime).getTime();b<864e5?h.push(R):b<6048e5?$.push(R):M.push(R)}const k=[];return h.length&&k.push({label:"今天",items:h}),$.length&&k.push({label:"最近 7 天",items:$}),M.length&&k.push({label:"更早",items:M}),k})();return l?e.jsxs("div",{className:"sa-fp-sidebar sa-fp-sidebar-collapsed",children:[e.jsx("button",{className:"sa-fp-sidebar-toggle",onClick:c,title:"展开",children:e.jsx(N,{name:"panel-left",size:18})}),e.jsx("button",{className:"sa-fp-sidebar-toggle",onClick:()=>{n(),c()},title:"新会话",style:{marginTop:4},children:e.jsx(N,{name:"plus",size:18})})]}):e.jsxs("div",{className:"sa-fp-sidebar",children:[e.jsxs("div",{className:"sa-fp-sidebar-header",children:[e.jsxs("button",{className:"sa-fp-sidebar-new",onClick:n,children:[e.jsx(N,{name:"plus",size:15})," ",e.jsx("span",{children:"新会话"})]}),e.jsx("button",{className:"sa-fp-sidebar-toggle",onClick:c,title:"收起侧边栏",children:e.jsx(N,{name:"panel-left-close",size:18})})]}),e.jsxs("div",{className:"sa-fp-sidebar-list",ref:L,onScroll:j,children:[u&&t.length===0&&e.jsx("div",{className:"sa-thread-list-loading",children:"加载中..."}),!u&&t.length===0&&e.jsx("div",{className:"sa-fp-sidebar-empty",children:"开始你的第一个对话"}),D.map(y=>e.jsxs("div",{children:[e.jsx("div",{className:"sa-fp-sidebar-group",children:y.label}),y.items.map(h=>{const $=h.sessionId===a,M=m===h.sessionId,k=f===h.sessionId;return e.jsxs("div",{className:`sa-fp-sidebar-item ${$?"active":""}`,onClick:()=>{v!==h.sessionId&&r(h.sessionId)},onMouseEnter:()=>w(h.sessionId),onMouseLeave:()=>w(null),children:[v===h.sessionId?e.jsx("input",{className:"sa-fp-sidebar-item-edit",value:S,onChange:R=>E(R.target.value),onBlur:()=>I(h.sessionId),onKeyDown:R=>{R.key==="Enter"&&I(h.sessionId),R.key==="Escape"&&z(null)},onClick:R=>R.stopPropagation(),autoFocus:!0}):e.jsx("span",{className:"sa-fp-sidebar-item-title",children:h.title||"新会话"}),e.jsxs("div",{className:`sa-fp-sidebar-item-actions ${M&&v!==h.sessionId?"visible":""}`,children:[e.jsx("button",{className:"sa-fp-sidebar-item-action",onClick:R=>C(h.sessionId,h.title,R),title:"重命名",children:e.jsx(N,{name:"pen",size:14})}),e.jsx("button",{className:`sa-fp-sidebar-item-action ${k?"danger":""}`,onClick:R=>g(h.sessionId,R),title:k?"确认删除":"删除",children:e.jsx(N,{name:k?"x":"trash2",size:14})})]})]},h.sessionId)})]},y.label)),d&&e.jsx("div",{className:"sa-thread-list-loading",children:"加载更多..."})]})]})}function Ce({title:t,slots:a,welcomeMessage:r,suggestedPrompts:n,sidebarDefaultOpen:s=!0,onClose:i,avatar:l,artifactPreview:c}){const{status:d,sendMessage:p,stop:u,conversations:m,activeConversationId:w,switchConversation:f,newConversation:x,deleteConversation:v,renameConversation:z,toggleArtifactDrawer:S,isArtifactDrawerOpen:E,allArtifacts:g,activePreviewArtifact:C,hasMore:I,loadMoreConversations:L,conversationsLoading:j,messagesLoading:D}=_(),[y,h]=o.useState(s),$=o.useCallback(()=>h(R=>!R),[]),M=a.ThreadList,k=a.Composer;return e.jsxs("div",{className:"sa-fullpage",children:[M?e.jsx("div",{className:`sa-fp-sidebar-wrapper ${y?"":"sa-fp-sidebar-wrapper-collapsed"}`,children:e.jsx(M,{conversations:m,activeSessionId:w,onSwitch:f,onNew:x,onDelete:v,onRename:z,hasMore:I,onLoadMore:L})}):e.jsx(Ze,{conversations:m,activeSessionId:w,onSwitch:f,onNew:x,onDelete:v,onRename:z,isCollapsed:!y,onToggleCollapse:$,hasMore:I,onLoadMore:L,conversationsLoading:j}),e.jsxs("div",{className:"sa-fp-main",children:[e.jsxs("div",{className:"sa-fp-header",children:[!y&&!M&&e.jsx("button",{className:"sa-fp-header-btn",onClick:$,title:"展开侧边栏",children:e.jsx(N,{name:"panel-left",size:18})}),e.jsx("div",{className:"sa-fp-header-title",children:t}),e.jsxs("div",{className:"sa-fp-header-actions",children:[c&&g.length>0&&e.jsxs("button",{className:"sa-fp-header-btn sa-header-btn-artifact",onClick:S,title:"会话产物",children:[e.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[e.jsx("path",{d:"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"}),e.jsx("polyline",{points:"14 2 14 8 20 8"})]}),e.jsx("span",{children:"产物"})]}),i&&e.jsx("button",{className:"sa-fp-header-btn",onClick:i,title:"关闭",children:e.jsx(N,{name:"x",size:18})})]})]}),e.jsxs("div",{className:"sa-fp-content-row",children:[D?e.jsxs("div",{className:"sa-messages-loading",children:[e.jsx("span",{className:"sa-loading-spinner"}),"加载对话..."]}):e.jsx(V,{slots:a,welcomeMessage:r,suggestedPrompts:n,avatar:l,artifactPreview:c}),c&&E&&e.jsx(je,{artifacts:g,initialArtifact:C,onClose:S})]}),k?e.jsx(k,{status:d,onSend:p,onStop:u}):e.jsx(X,{})]})]})}function Ne(t){const{sdk:a,mode:r="floating",slots:n={},hooks:s={},welcomeMessage:i,suggestedPrompts:l,title:c="AI Assistant",initialOpen:d=!1,onOpenChange:p,sidebarDefaultOpen:u,avatar:m,artifactPreview:w}=t,[f,x]=o.useState(d);o.useEffect(()=>{x(d)},[d]);const v=o.useCallback(()=>{var g,C;const E=!f;x(E),p==null||p(E),E?(g=s.onOpen)==null||g.call(s):(C=s.onClose)==null||C.call(s)},[f,s,p]),z=o.useCallback(()=>{var E;x(!1),p==null||p(!1),(E=s.onClose)==null||E.call(s)},[s,p]),S=n.Trigger??ce;return r==="fullpage"?f?e.jsx(U,{sdk:a,hooks:s,children:e.jsx(Ce,{title:c,slots:n,welcomeMessage:i,suggestedPrompts:l,sidebarDefaultOpen:u,onClose:z,avatar:m,artifactPreview:w})}):null:e.jsxs(U,{sdk:a,hooks:s,children:[e.jsx(S,{isOpen:f,onClick:v}),e.jsx(Je,{isOpen:f,onClose:z,title:c,slots:n,welcomeMessage:i,suggestedPrompts:l,avatar:m,artifactPreview:w})]})}const ze=`
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),et=require("react-dom/client"),e=require("react/jsx-runtime");function ke(t){const{sdk:a,sessionId:s,onSessionCreated:n,onStreamStart:r,onStreamEnd:o,onError:l,onMessageSend:c}=t,[d,p]=i.useState([]),[u,g]=i.useState("ready"),[b,h]=i.useState(null),m=i.useRef(null),f=i.useRef(!1),y=i.useRef(null),C=i.useRef(s),D=i.useRef(!0);C.current=s,D.current=d.length===0;const k=i.useCallback(w=>{if(f.current)return;f.current=!0,c==null||c(w);const S={id:`user_${Date.now()}`,role:"user",parts:[{type:"text",content:w}],timestamp:Date.now()},M=`assistant_${Date.now()}`,A={id:M,role:"assistant",parts:[],timestamp:Date.now()},v=D.current;p(N=>[...N,S,A]),g("submitted"),h(null);const E=N=>{let $="",x="",R=[],F=!1;const H=()=>{const z=[...R];if($){const P=z.findIndex(_=>_.type==="thinking");P>=0?z[P]={type:"thinking",content:$}:z.unshift({type:"thinking",content:$})}if(x){const P=z[z.length-1];(P==null?void 0:P.type)==="text"?z[z.length-1]={type:"text",content:x}:z.push({type:"text",content:x})}p(P=>P.map(_=>_.id===M?{..._,parts:z}:_))};m.current=a.chat({sessionId:N,message:w,stream:!0,onMessage:z=>{switch(F||(F=!0,g("streaming")),z.type){case"thinking":$+=z.content;break;case"ai":x+=z.content;break;case"tool_call":x&&(R.push({type:"text",content:x}),x=""),R.push({type:"tool_call",toolName:z.toolName,toolCallId:z.toolCallId,args:z.args??"{}"});break;case"tool_result":x&&(R.push({type:"text",content:x}),x=""),R.push({type:"tool_result",toolName:z.toolName??"",toolCallId:z.toolCallId,content:z.content,artifacts:z.artifacts,renderMode:z.renderMode,html:z.html});break;case"interrupt":x&&(R.push({type:"text",content:x}),x=""),z.interrupt&&R.push({type:"interrupt",interrupt:z.interrupt,resolved:!1});break;case"stop":z.content&&(x=z.content),H();return}H()},onDone:z=>{(x||R.length>0||$)&&H(),z.sessionId&&z.sessionId!==C.current&&(n==null||n(z.sessionId));const P=()=>{y.current&&(clearTimeout(y.current),y.current=null),o==null||o(z.sessionId||N),g("ready"),f.current=!1,m.current=null};if(v){const _=w.slice(0,30),G=z.sessionId||N;a.renameConversation(G,_).catch(()=>{}).finally(P)}else P()},onError:z=>{R.push({type:"error",content:z.message}),H(),y.current&&(clearTimeout(y.current),y.current=null),h(z),g("error"),l==null||l(z),f.current=!1,m.current=null}}),r==null||r(N)};C.current?E(C.current):a.createSession().then(N=>{C.current=N,n==null||n(N),E(N)}).catch(N=>{h(N instanceof Error?N:new Error(String(N))),g("error"),l==null||l(N instanceof Error?N:new Error(String(N))),f.current=!1})},[a,n,r,o,l,c]),j=i.useCallback(()=>{const w=C.current;w&&(y.current&&clearTimeout(y.current),y.current=setTimeout(()=>{var S;y.current=null,(S=m.current)==null||S.abort(),m.current=null,f.current=!1,g("ready")},8e3),a.stopGeneration(w).catch(()=>{}))},[a]),T=i.useCallback(()=>{if(f.current)return;const w=d.findLastIndex(M=>M.role==="user");if(w<0)return;const S=d[w].parts.filter(M=>M.type==="text").map(M=>M.content).join("");p(M=>M.slice(0,w)),k(S)},[d,k]),I=i.useCallback((w,S)=>{p(x=>x.map(R=>({...R,parts:R.parts.map(F=>F.type==="interrupt"&&F.interrupt.interruptId===w?{...F,resolved:!0,response:S}:F)})));const M=C.current;if(!M)return;let A=0;p(x=>x.length>0&&x[x.length-1].role==="assistant"?(A=x[x.length-1].parts.length,x):(A=0,[...x,{id:`assistant_${Date.now()}`,role:"assistant",parts:[],timestamp:Date.now()}])),g("streaming");let v="",E="",N=[];const $=()=>{const x=[...N];if(v){const R=x.findIndex(F=>F.type==="thinking");R>=0?x[R]={type:"thinking",content:v}:x.unshift({type:"thinking",content:v})}if(E){const R=x[x.length-1];(R==null?void 0:R.type)==="text"?x[x.length-1]={type:"text",content:E}:x.push({type:"text",content:E})}p(R=>{const F=R.findLastIndex(H=>H.role==="assistant");return F<0?R:R.map((H,z)=>z===F?{...H,parts:[...H.parts.slice(0,A),...x]}:H)})};a.respondInterrupt(w,M,S,x=>{switch(x.type){case"thinking":v+=x.content;break;case"ai":E+=x.content;break;case"tool_call":E&&(N.push({type:"text",content:E}),E=""),N.push({type:"tool_call",toolName:x.toolName,toolCallId:x.toolCallId,args:x.args??"{}"});break;case"tool_result":E&&(N.push({type:"text",content:E}),E=""),N.push({type:"tool_result",toolName:x.toolName??"",toolCallId:x.toolCallId,content:x.content,artifacts:x.artifacts,renderMode:x.renderMode,html:x.html});break;case"interrupt":E&&(N.push({type:"text",content:E}),E=""),x.interrupt&&N.push({type:"interrupt",interrupt:x.interrupt,resolved:!1});break;case"done":o==null||o(M),g("ready");break}$()},x=>{N.push({type:"error",content:x.message}),$(),h(x),g("error"),l==null||l(x)}).catch(x=>{l==null||l(x instanceof Error?x:new Error(String(x))),g("error")})},[a,l,o]);return{messages:d,status:u,error:b,sendMessage:k,stop:j,regenerate:T,setMessages:p,respondToInterrupt:I}}const je="sa_active_conversation",ae=20;function me(t){try{return localStorage.getItem(`${je}_${t}`)}catch{return null}}function tt(t,a){try{const s=`${je}_${t}`;a?localStorage.setItem(s,a):localStorage.removeItem(s)}catch{}}function Ce(t){const{sdk:a,onConversationChange:s}=t,n=a.botId,[r,o]=i.useState([]),[l,c]=i.useState(()=>me(n)),[d,p]=i.useState(!1),[u,g]=i.useState(!0),b=i.useRef(!0),h=i.useRef(1),m=i.useRef(!1);i.useEffect(()=>()=>{b.current=!1},[]);const f=i.useCallback(w=>{c(w),tt(n,w),w&&(s==null||s(w))},[n,s]),y=i.useCallback(async()=>{if(!m.current){m.current=!0,p(!0);try{h.current=1;const w=await a.listConversations({page:1,size:ae});if(!b.current)return;o(w.items),g(w.items.length<w.total);const S=me(n);S&&!w.items.find(M=>M.sessionId===S)&&f(null)}catch{}finally{m.current=!1,b.current&&p(!1)}}},[a,f]),C=i.useCallback(async()=>{if(!(m.current||!u)){m.current=!0,p(!0);try{const w=h.current+1,S=await a.listConversations({page:w,size:ae});if(!b.current)return;h.current=w,o(A=>{const v=new Set(A.map(N=>N.sessionId)),E=S.items.filter(N=>!v.has(N.sessionId));return[...A,...E]});const M=h.current*ae;g(M<S.total)}catch{}finally{m.current=!1,b.current&&p(!1)}}},[a,u]),D=i.useCallback(async w=>(f(w),await a.getMessages(w)),[a,f]),k=i.useCallback(async()=>{try{const w=await a.createSession(),S=new Date().toISOString();o(M=>[{sessionId:w,botId:0,title:"新对话",createTime:S,updateTime:S},...M]),f(w)}catch{f(null)}},[a,f]),j=i.useCallback(async w=>{o(S=>S.filter(M=>M.sessionId!==w)),l===w&&f(null);try{await a.deleteConversation(w)}catch{}},[a,l,f]),T=i.useCallback(async(w,S)=>{await a.renameConversation(w,S),o(M=>M.map(A=>A.sessionId===w?{...A,title:S}:A))},[a]),{enabled:I=!0}=t;return i.useEffect(()=>{I&&y()},[I,y]),{conversations:r,activeConversationId:l,loading:d,hasMore:u,loadConversations:y,loadMore:C,switchConversation:D,newConversation:k,deleteConversation:j,renameConversation:T,setActiveConversationId:f}}function Ne(t){return!t&&t!==0?"":t<1024?`${t} B`:t<1024*1024?`${(t/1024).toFixed(1)} KB`:`${(t/1024/1024).toFixed(1)} MB`}function ze(t){return t==="pdf"?"PDF":t==="docx"?"DOC":t==="html"?"HTM":t.slice(0,3).toUpperCase()||"FILE"}function Se(t){if(!t)return[];const a=[];for(const s of t)s.type==="file"&&s.data&&a.push({id:s.data.id??"",type:s.data.fileType??s.data.type??"",filename:s.data.name??s.data.filename??"",url:s.data.url??"",mime:s.data.mime,size:s.data.size,summary:s.data.summary});return a}async function Q(t){try{const a=await fetch(t.url);if(!a.ok)throw new Error(`HTTP ${a.status}`);const s=await a.blob(),n=URL.createObjectURL(s),r=document.createElement("a");r.href=n,r.download=t.filename,document.body.appendChild(r),r.click(),r.remove(),setTimeout(()=>URL.revokeObjectURL(n),4e3)}catch{const a=document.createElement("a");a.href=t.url,a.download=t.filename,a.target="_blank",document.body.appendChild(a),a.click(),a.remove()}}const Te=i.createContext(null);function X(){const t=i.useContext(Te);if(!t)throw new Error("useChatContext must be used within ChatProvider");return t}function re({sdk:t,hooks:a,children:s}){const[n,r]=i.useState(!1),[o,l]=i.useState(!1),[c,d]=i.useState(null),[p,u]=i.useState(!1),[g,b]=i.useState(!1);i.useEffect(()=>{t.getToken().then(()=>{u(!0)}).catch(()=>{u(!0)})},[t]);const h=Ce({sdk:t,onConversationChange:a==null?void 0:a.onConversationChange,enabled:p}),m=ke({sdk:t,sessionId:h.activeConversationId,onSessionCreated:v=>{h.setActiveConversationId(v)},onStreamStart:a==null?void 0:a.onStreamStart,onStreamEnd:v=>{var E;(E=a==null?void 0:a.onStreamEnd)==null||E.call(a,v),h.loadConversations()},onError:a==null?void 0:a.onError,onMessageSend:a==null?void 0:a.onMessageSend}),f=i.useCallback(async v=>{b(!0);try{const E=await h.switchConversation(v);m.setMessages(E)}finally{b(!1)}},[h,m]),y=i.useCallback(async()=>{m.setMessages([]),await h.newConversation()},[h,m]),C=i.useCallback(async v=>{h.activeConversationId===v&&m.setMessages([]),await h.deleteConversation(v)},[h,m]);i.useEffect(()=>{h.activeConversationId&&m.messages.length===0&&(b(!0),t.getMessages(h.activeConversationId).then(v=>{m.setMessages(v)}).catch(()=>{}).finally(()=>b(!1)))},[]);const D=i.useCallback(()=>{r(v=>!v)},[]),k=i.useCallback(v=>{r(v)},[]),j=i.useCallback(()=>{l(v=>!v),d(v=>null)},[]),T=i.useCallback(v=>{d(v),l(!0)},[]),I=i.useMemo(()=>{const v=new Set,E=[];for(const N of m.messages)for(const $ of N.parts)if($.type==="tool_result"&&$.artifacts)for(const x of Se($.artifacts)){const R=x.id||`${x.url}:${x.filename}`;v.has(R)||(v.add(R),E.push(x))}return E},[m.messages]),w=i.useCallback(async()=>{const v=h.activeConversationId;if(!v)return null;try{const E=await t.getMessages(v);m.setMessages(E);const N=E.findLast($=>$.role==="assistant");return(N==null?void 0:N.id)??null}catch{return null}},[t,h.activeConversationId,m]),S=i.useCallback((v,E,N)=>{if(/^\d+$/.test(v)){t.feedback(v,E,N).catch(()=>{});return}w().then($=>{$&&t.feedback($,E,N).catch(()=>{})})},[t,w]),M=i.useCallback(v=>{if(/^\d+$/.test(v)){t.cancelFeedback(v).catch(()=>{});return}w().then(E=>{E&&t.cancelFeedback(E).catch(()=>{})})},[t,w]),A=i.useMemo(()=>({sdk:t,status:m.status,error:m.error,messages:m.messages,conversations:h.conversations,activeConversationId:h.activeConversationId,isThreadListOpen:n,isArtifactDrawerOpen:o,allArtifacts:I,activePreviewArtifact:c,hasMore:h.hasMore,conversationsLoading:h.loading,messagesLoading:g,sendMessage:m.sendMessage,stop:m.stop,regenerate:m.regenerate,switchConversation:f,newConversation:y,deleteConversation:C,renameConversation:h.renameConversation,loadMoreConversations:h.loadMore,toggleThreadList:D,setThreadListOpen:k,toggleArtifactDrawer:j,openArtifactPreview:T,feedback:S,cancelFeedback:M,respondToInterrupt:m.respondToInterrupt}),[t,m.status,m.error,m.messages,m.sendMessage,m.stop,m.regenerate,m.respondToInterrupt,h.conversations,h.activeConversationId,h.renameConversation,h.hasMore,h.loadMore,h.loading,n,o,I,c,g,f,y,C,D,k,j,T,S,M]);return e.jsx(Te.Provider,{value:A,children:s})}const B="https://ehr-web.netease.com/ehr-web/erh-super-agent",O={recently:`${B}/recently.svg`,home:`${B}/home.svg`,mergeWindow:`${B}/merge_window.svg`,spiltWindow:`${B}/spilt_window.svg`,close:`${B}/close.svg`,message:`${B}/message.svg`,messageCreate:`${B}/message_create.svg`,customerService:`${B}/customer_service.svg`,sendSolid:`${B}/send_solid.svg`,capabilityIcons:[`${B}/icon1.png`,`${B}/icon2.png`,`${B}/icon3.png`],triggerLogo:`${B}/HRlogo.png`,logo:`${B}/HRlogo2.png`,assistantAvatarGenerating:`${B}/profile0.gif`,assistantAvatar:`${B}/profile1.png`},W={TRIGGER_SIZE:56,TRIGGER_RIGHT:20,TRIGGER_BOTTOM:80,DEFAULT_WIDTH:400,DEFAULT_HEIGHT:648,MIN_WIDTH:360,MAX_WIDTH:800,MAX_HEIGHT_RATIO:.95};function at({defaultWidth:t=W.DEFAULT_WIDTH,defaultHeight:a=W.DEFAULT_HEIGHT,sidebarWidth:s=0}={}){const[n,r]=i.useState(t),[o,l]=i.useState({x:0,y:0}),[c,d]=i.useState(!1),[p,u]=i.useState(!1),[g,b]=i.useState(null),[h,m]=i.useState(()=>typeof window>"u"?{width:0,height:0}:{width:window.innerWidth,height:window.innerHeight}),f=i.useRef(!1),y=i.useRef(0),C=i.useRef(n),D=i.useRef("right"),k=i.useRef(!1),j=i.useRef({x:0,y:0}),T=i.useRef({x:0,y:0}),I=i.useRef(!1),w=i.useRef(null);i.useEffect(()=>{const x=()=>m({width:window.innerWidth,height:window.innerHeight});return window.addEventListener("resize",x),()=>window.removeEventListener("resize",x)},[]),i.useEffect(()=>()=>{var x;(x=w.current)==null||x.call(w)},[]);const S=Math.floor(h.height*W.MAX_HEIGHT_RATIO),M=Math.min(g||a,S),A=n+s;i.useEffect(()=>{if(!c){const x=h.width-A-20,R=h.height-M-20;l(F=>F.x===x&&F.y===R?F:{x,y:R})}},[c,A,M,h]);const v=i.useCallback(x=>{if(p||x.target.closest("button, input, textarea"))return;k.current=!0,I.current=!1,j.current={x:x.clientX,y:x.clientY},T.current={...o};const R=z=>{if(!k.current)return;const P=z.clientX-j.current.x,_=z.clientY-j.current.y;(Math.abs(P)>3||Math.abs(_)>3)&&(I.current=!0),I.current&&(d(!0),l({x:Math.max(-200,Math.min(T.current.x+P,window.innerWidth-100)),y:Math.max(0,Math.min(T.current.y+_,window.innerHeight-48))}))},F=()=>{k.current=!1,H()},H=()=>{document.removeEventListener("mousemove",R),document.removeEventListener("mouseup",F),w.current=null};document.addEventListener("mousemove",R),document.addEventListener("mouseup",F),w.current=H},[p,o]),E=i.useCallback((x,R)=>{x.preventDefault(),x.stopPropagation(),f.current=!0,y.current=x.clientX,C.current=n,D.current=R;const F=P=>{if(!f.current)return;const _=P.clientX-y.current;let G=D.current==="right"?C.current+_:C.current-_;if(G>W.MAX_WIDTH){f.current=!1,u(!0),z();return}G=Math.max(W.MIN_WIDTH,G),r(G)},H=()=>{f.current=!1,z()},z=()=>{document.removeEventListener("mousemove",F),document.removeEventListener("mouseup",H),w.current=null};document.addEventListener("mousemove",F),document.addEventListener("mouseup",H),w.current=z},[n]),N=i.useCallback(()=>{p&&r(t),u(x=>!x)},[p,t]),$=i.useCallback(()=>{u(!1),r(t),d(!1),b(null)},[t]);return{width:n,position:o,hasCustomPosition:c,isMaximized:p,lockedHeight:g,viewport:h,defaultHeight:a,totalWidth:A,windowHeight:M,startWindowDrag:v,startResize:E,toggleMaximize:N,setIsMaximized:u,setLockedHeight:b,setHasCustomPosition:d,reset:$}}function rt(t){const{enabled:a,contentSelector:s,defaultHeight:n,onHeightChange:r}=t,o=i.useRef(null);return i.useEffect(()=>{if(!a||!o.current)return;const c=o.current.querySelector(s);if(!c)return;const d=()=>{const g=o.current;if(!g)return;const b=g.querySelector(s);if(!b)return;const h=g.offsetHeight-b.clientHeight,m=b.scrollHeight+h,f=Math.floor(window.innerHeight*W.MAX_HEIGHT_RATIO),y=Math.max(n,Math.min(m,f));r(C=>C===y?C:y)};d();const p=new ResizeObserver(()=>d());Array.from(c.children).forEach(g=>p.observe(g));const u=new MutationObserver(()=>{Array.from(c.children).forEach(g=>p.observe(g)),d()});return u.observe(c,{childList:!0,subtree:!0,characterData:!0}),()=>{p.disconnect(),u.disconnect()}},[a,s,n,r]),o}function Ee({isOpen:t,onClick:a,triggerLogo:s}){return e.jsx("button",{type:"button",className:`fixed z-[10000] flex items-center justify-center border-none bg-transparent p-0 transition-transform duration-200 ease-out hover:scale-[1.08] active:scale-95 ${t?"pointer-events-none scale-50 opacity-0":"opacity-100"}`,style:{right:W.TRIGGER_RIGHT,bottom:W.TRIGGER_BOTTOM,width:W.TRIGGER_SIZE,height:W.TRIGGER_SIZE},onClick:a,"aria-label":"打开 AI 助手",title:"AI 助手",children:e.jsx("img",{src:s||O.triggerLogo,alt:"AI 助手",className:"block h-14 w-14",draggable:!1})})}function V({tooltip:t,onClick:a,children:s}){return e.jsx("button",{type:"button",className:"sa-tip relative flex h-7 w-7 items-center justify-center rounded-md text-[#666] transition-colors hover:bg-white active:bg-[#F5F5F5]","data-tooltip":t,"aria-label":t,onClick:a,children:s})}function Ie({onClose:t,onToggleThreadList:a,isMaximized:s=!1,onToggleMaximize:n,showHome:r=!1,onHome:o,showClose:l=!0,artifactCount:c=0,onToggleArtifactDrawer:d}){return e.jsxs("div",{className:"relative z-20 flex h-9 shrink-0 select-none items-center justify-between px-[15px]",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx(V,{tooltip:"历史记录",onClick:a,children:e.jsx("img",{src:O.recently,alt:"",width:20,height:20})}),r&&o&&e.jsx(V,{tooltip:"回到首页",onClick:o,children:e.jsx("img",{src:O.home,alt:"",width:20,height:20})})]}),e.jsxs("div",{className:"flex items-center gap-2.5",children:[c>0&&d&&e.jsx(V,{tooltip:"会话产物",onClick:d,children:e.jsxs("span",{className:"relative flex items-center gap-1",children:[e.jsxs("svg",{width:16,height:16,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[e.jsx("path",{d:"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"}),e.jsx("polyline",{points:"14 2 14 8 20 8"})]}),c>0&&e.jsx("span",{className:"absolute -right-2 -top-1.5 min-w-[14px] rounded-full bg-[var(--sa-primary)] px-0.5 text-center text-[9px] font-medium leading-[14px] text-white",children:c>99?"99+":c})]})}),n&&e.jsx(V,{tooltip:s?"小窗":"大窗",onClick:n,children:e.jsx("img",{src:s?O.spiltWindow:O.mergeWindow,alt:"",width:20,height:20})}),l&&e.jsx(V,{tooltip:"关闭",onClick:t,children:e.jsx("img",{src:O.close,alt:"",width:20,height:20})})]})]})}const K=t=>String(t).padStart(2,"0");function st(t){if(!t)return"";const a=new Date(t);return isNaN(a.getTime())?"":`${a.getFullYear()}-${K(a.getMonth()+1)}-${K(a.getDate())} ${K(a.getHours())}:${K(a.getMinutes())}:${K(a.getSeconds())}`}function Me(t){const a=new Date,s=new Date(a.getFullYear(),a.getMonth(),a.getDate()).getTime(),n=s-6*864e5,r=[],o=[],l=[];for(const d of t){const p=new Date(d.updateTime).getTime();p>=s?r.push(d):p>=n?o.push(d):l.push(d)}const c=[];return r.length&&c.push({label:"今天",items:r}),o.length&&c.push({label:"最近 7 天",items:o}),l.length&&c.push({label:"更早",items:l}),c}function se({width:t}){const{conversations:a,activeConversationId:s,switchConversation:n,newConversation:r,deleteConversation:o,renameConversation:l,hasMore:c,loadMoreConversations:d,conversationsLoading:p}=X(),[u,g]=i.useState(null),[b,h]=i.useState(""),[m,f]=i.useState(null),y=i.useRef(null),C=i.useCallback((T,I)=>{g(T),h(I??"")},[]),D=i.useCallback(T=>{b.trim()&&l(T,b.trim()),g(null)},[b,l]),k=i.useCallback(()=>{const T=y.current;!T||!c||T.scrollHeight-T.scrollTop-T.clientHeight<50&&d()},[c,d]),j=i.useMemo(()=>Me(a),[a]);return e.jsxs("div",{className:"relative z-[5] flex shrink-0 flex-col overflow-visible border-r border-[#ECECEC] bg-[#FAFAFA] p-3 animate-sa-history-in",style:{width:t??200},children:[e.jsxs("button",{type:"button",className:"sa-new-chat mb-4 flex h-8 w-full shrink-0 items-center justify-center gap-2 rounded-md text-[14px] font-medium transition-colors",onClick:r,children:[e.jsx("img",{src:O.messageCreate,alt:"",width:18,height:18}),e.jsx("span",{className:"sa-new-chat-text whitespace-nowrap",children:"新建对话"})]}),e.jsxs("div",{className:"px-1 pb-2.5",children:[e.jsx("div",{className:"mb-1 text-[14px] font-semibold text-[#333]",children:"历史对话"}),e.jsx("div",{className:"text-[11px] text-[#999]",children:"展示最近的会话记录"})]}),e.jsxs("div",{ref:y,className:"flex-1 overflow-y-auto",onScroll:k,children:[p&&a.length===0&&e.jsx("div",{className:"px-0.5 py-2 text-[12px] text-[#999]",children:"加载中..."}),!p&&a.length===0&&e.jsx("div",{className:"px-0.5 py-2 text-[12px] text-[#999]",children:"暂无记录"}),j.map(T=>e.jsxs("div",{className:"mb-1",children:[e.jsx("div",{className:"px-1 pb-1 pt-2 text-[11px] text-[#A0A0A0]",children:T.label}),T.items.map(I=>e.jsx("div",{className:`group relative mb-0.5 flex h-8 w-full cursor-pointer items-center gap-1 rounded-md px-0.5 text-[13px] transition-colors ${I.sessionId===s?"bg-[#E8F1FE]":"hover:bg-[#E8F1FE]"}`,onClick:()=>{u!==I.sessionId&&n(I.sessionId)},onMouseEnter:w=>{if(u===I.sessionId)return;const S=w.currentTarget.getBoundingClientRect();f({text:I.title||"新会话",x:S.right+8,y:S.top+S.height/2})},onMouseLeave:()=>f(null),children:u===I.sessionId?e.jsx("input",{className:"w-full rounded border border-[var(--sa-primary)] bg-white px-1.5 py-0.5 text-[12px] outline-none",value:b,onChange:w=>h(w.target.value),onBlur:()=>D(I.sessionId),onKeyDown:w=>{w.key==="Enter"&&D(I.sessionId),w.key==="Escape"&&g(null)},onClick:w=>w.stopPropagation(),autoFocus:!0}):e.jsxs(e.Fragment,{children:[e.jsx("img",{src:O.message,alt:"",width:16,height:16,className:"shrink-0 opacity-60"}),e.jsx("span",{className:"flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-left text-[#333]",children:I.title||"新会话"}),e.jsxs("span",{className:"hidden shrink-0 items-center gap-0.5 group-hover:flex",children:[e.jsx("button",{type:"button",className:"flex h-5 w-5 items-center justify-center rounded text-[#999] hover:bg-white/70 hover:text-[var(--sa-primary)]",onClick:w=>{w.stopPropagation(),C(I.sessionId,I.title)},title:"重命名",children:e.jsx("svg",{width:12,height:12,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:e.jsx("path",{d:"M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"})})}),e.jsx("button",{type:"button",className:"flex h-5 w-5 items-center justify-center rounded text-[#999] hover:bg-white/70 hover:text-[#ef4444]",onClick:w=>{w.stopPropagation(),o(I.sessionId)},title:"删除",children:e.jsx("svg",{width:12,height:12,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:e.jsx("path",{d:"M3 6h18M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"})})})]})]})},I.sessionId))]},T.label)),p&&a.length>0&&e.jsx("div",{className:"px-0.5 py-2 text-[12px] text-[#999]",children:c?"加载更多...":"加载中..."}),!p&&c&&e.jsx("div",{className:"px-0.5 py-2 text-center text-[11px] text-[#C0C0C0]",children:"向下滚动加载更多"})]}),m&&e.jsx("div",{className:"pointer-events-none fixed z-[10001] whitespace-nowrap rounded border border-[#E8E8E8] bg-white px-2.5 py-1.5 text-[12px] leading-[1.4] text-[#333] shadow-[0_2px_8px_rgba(0,0,0,0.12)]",style:{left:m.x,top:m.y,transform:"translateY(-50%)"},children:m.text})]})}function Ae(t){const a=i.useRef(null),s=i.useRef(!1),n=i.useRef(0),r=i.useCallback(()=>{const l=a.current;if(!l)return;const{scrollTop:c,scrollHeight:d,clientHeight:p}=l,u=d-c-p<40;c<n.current&&!u&&(s.current=!0),u&&(s.current=!1),n.current=c},[]);i.useEffect(()=>{const l=a.current;if(l)return l.addEventListener("scroll",r,{passive:!0}),()=>l.removeEventListener("scroll",r)},[r]),i.useEffect(()=>{if(s.current)return;const l=a.current;l&&requestAnimationFrame(()=>{l.scrollTop=l.scrollHeight})},t);const o=i.useCallback(()=>{s.current=!1;const l=a.current;l&&(l.scrollTop=l.scrollHeight)},[]);return{containerRef:a,scrollToBottom:o}}function Y(t){return t.value++}function q(t,a){const s=[],n=[],r=()=>{n.length>0&&(s.push(n.join("")),n.length=0)};let o=0;for(;o<t.length;){const l=t[o];if(l==="`"){const c=t.indexOf("`",o+1);if(c!==-1){r(),s.push(e.jsx("code",{className:"sa-inline-code",children:t.slice(o+1,c)},Y(a))),o=c+1;continue}}else if(l==="*"&&t[o+1]==="*"){const c=t.indexOf("**",o+2);if(c!==-1){r(),s.push(e.jsx("strong",{children:q(t.slice(o+2,c),a)},Y(a))),o=c+2;continue}}else if(l==="*"){const c=t.indexOf("*",o+1);if(c!==-1){r(),s.push(e.jsx("em",{children:q(t.slice(o+1,c),a)},Y(a))),o=c+1;continue}}else if(l==="["){const c=t.indexOf("]",o+1);if(c!==-1&&t[c+1]==="("){const d=t.indexOf(")",c+2);if(d!==-1){const p=t.slice(o+1,c),u=t.slice(c+2,d);r(),s.push(e.jsx("a",{href:u,target:"_blank",rel:"noreferrer",children:q(p,a)},Y(a))),o=d+1;continue}}}n.push(l),o++}return r(),s}function nt(t,a){const s=[],n=t.split(`
|
|
2
|
+
`);let r=0;const o=d=>d.trim()==="",l=d=>/^#{1,6}\s+\S/.test(d.trim()),c=d=>/^(?:[-*+]|\d+[.)])\s+\S/.test(d.trim());for(;r<n.length;){const d=n[r],p=d.trim();if(o(d)){r++;continue}if(l(d)){const g=p.match(/^(#{1,6})\s+(.*)$/);if(g){const h=`h${Math.min(g[1].length,6)}`;s.push(i.createElement(h,{key:Y(a)},q(g[2],a)))}r++;continue}if(c(d)){const g=/^\d+[.)]/.test(p),b=[];for(;r<n.length&&c(n[r]);){const h=n[r].trim().match(/^(?:[-*+]|\d+[.)])\s+(.*)$/);h&&b.push(e.jsx("li",{children:q(h[1],a)},Y(a))),r++}s.push(g?e.jsx("ol",{className:"sa-list",children:b},Y(a)):e.jsx("ul",{className:"sa-list",children:b},Y(a)));continue}const u=[];for(;r<n.length&&!o(n[r])&&!l(n[r])&&!c(n[r]);)u.push(n[r]),r++;s.push(e.jsx("p",{className:"sa-text-paragraph",children:q(u.join(" "),a)},Y(a)))}return s}function it(t){const a={value:0},s=[],n=t.split("```");for(let r=0;r<n.length;r++)if(r%2===0)s.push(...nt(n[r],a));else if(n[r].trim()!==""){let o=n[r].replace(/^\r?\n/,"");o=o.replace(/^[a-zA-Z0-9_+#.-]+\r?\n/,""),o=o.replace(/\r?\n$/,""),s.push(e.jsx("pre",{className:"sa-code-block",children:e.jsx("code",{children:o})},Y(a)))}return s}function Re({content:t}){return e.jsx("div",{className:"sa-text-part",children:it(t)})}const ot="https://at.alicdn.com/t/c/font_5210396_pffyg5g21kn.js";let we=!1;function De(t=ot){if(we||typeof document>"u")return;we=!0;const a=t.split("?")[0].split("/").pop();if(a&&document.querySelector(`script[src*="${a}"]`))return;const s=document.createElement("script");s.src=t,document.head.appendChild(s)}De();function L({name:t,size:a=16,color:s="currentColor",className:n,style:r}){return e.jsx("svg",{className:n,style:{width:a,height:a,fill:s,verticalAlign:"middle",...r},"aria-hidden":"true",children:e.jsx("use",{href:`#icon-${t}`})})}function $e({content:t}){const[a,s]=i.useState(!1);return e.jsxs("div",{className:"sa-thinking-part",onClick:()=>s(!a),children:[e.jsxs("div",{className:"sa-thinking-header",children:[e.jsx("span",{className:"sa-thinking-icon",children:e.jsx(L,{name:"brain",size:14})}),e.jsx("span",{className:"sa-thinking-label",children:"思考过程"}),e.jsx("span",{className:`sa-thinking-arrow ${a?"expanded":""}`,children:e.jsx(L,{name:"chevron-right",size:12})})]}),a&&e.jsx("div",{className:"sa-thinking-content",children:t})]})}function Le({toolName:t,toolCallId:a,args:s}){const[n,r]=i.useState(!1),[o,l]=i.useState(!1);let c=s;try{c=JSON.stringify(JSON.parse(s),null,2)}catch{}const d=i.useCallback(()=>{var p;(p=navigator.clipboard)==null||p.writeText(c).then(()=>{l(!0),setTimeout(()=>l(!1),2e3)}).catch(()=>{})},[c]);return e.jsxs("div",{className:"sa-tool-call-part",children:[e.jsxs("div",{className:"sa-tool-call-header",onClick:()=>r(!n),children:[e.jsx("span",{className:"sa-tool-icon",children:e.jsx(L,{name:"zap",size:14})}),e.jsxs("span",{className:"sa-tool-name",children:["调用工具: ",t]}),e.jsx("span",{className:`sa-thinking-arrow ${n?"expanded":""}`,children:e.jsx(L,{name:"chevron-right",size:12})})]}),n&&e.jsxs(e.Fragment,{children:[e.jsx("pre",{className:"sa-tool-args",children:c}),e.jsx("div",{className:"sa-tool-result-actions",children:e.jsxs("button",{className:"sa-action-btn",onClick:d,title:"复制",children:[e.jsx(L,{name:o?"circle-check":"copy",size:14})," ",o?"已复制":"复制"]})})]})]})}function be({text:t}){const[a,s]=i.useState(!1),n=()=>{var r;(r=navigator.clipboard)==null||r.writeText(t).then(()=>{s(!0),setTimeout(()=>s(!1),2e3)}).catch(()=>{})};return e.jsxs("button",{className:"sa-action-btn",onClick:n,title:"复制",children:[e.jsx(L,{name:a?"circle-check":"copy",size:14})," ",a?"已复制":"复制"]})}function lt({html:t}){const[a,s]=i.useState(null);return i.useEffect(()=>{let n=!1;return Promise.resolve().then(()=>require("./purify.es-Dsdnkgrg.cjs")).then(r=>{n||s(r.default.sanitize(t,{FORCE_BODY:!0,ADD_ATTR:["target"]}))}),()=>{n=!0}},[t]),a===null?null:e.jsx("div",{className:"sa-tool-result-html-scroll",children:e.jsx("div",{className:"sa-tool-result-html sa-text-part",dangerouslySetInnerHTML:{__html:a}})})}function Fe({toolName:t,content:a,artifacts:s,renderMode:n,html:r,artifactPreview:o}){const{openArtifactPreview:l}=X(),c=Se(s);return e.jsxs("div",{className:"sa-tool-result-part",children:[e.jsxs("div",{className:"sa-tool-result-header",children:[e.jsx("span",{className:"sa-tool-icon",children:e.jsx(L,{name:"circle-check",size:14,color:"#10b981"})}),e.jsx("span",{className:"sa-tool-result-label",children:t||"工具返回"})]}),n==="html"&&r?e.jsxs(e.Fragment,{children:[e.jsx(lt,{html:r}),e.jsx("div",{className:"sa-tool-result-actions",children:e.jsx(be,{text:r})})]}):a?e.jsxs(e.Fragment,{children:[e.jsx("pre",{className:"sa-tool-result-content",children:a}),e.jsx("div",{className:"sa-tool-result-actions",children:e.jsx(be,{text:a})})]}):e.jsx("pre",{className:"sa-tool-result-content",children:"—"}),c.length>0&&e.jsx("ul",{className:"sa-artifact-file-list",role:"list",children:c.map((d,p)=>e.jsxs("li",{className:"sa-artifact-file-card",onClick:o?()=>l(d):void 0,onKeyDown:o?u=>{(u.key==="Enter"||u.key===" ")&&(u.preventDefault(),l(d))}:void 0,tabIndex:o?0:void 0,role:o?"button":void 0,"aria-label":o?`预览 ${d.filename}`:void 0,style:o?{cursor:"pointer"}:void 0,children:[e.jsx("div",{className:"sa-artifact-file-icon",children:e.jsx("span",{className:"sa-artifact-chip-type",children:ze(d.type)})}),e.jsxs("div",{className:"sa-artifact-file-info",children:[e.jsx("span",{className:"sa-artifact-file-name",children:d.filename}),d.size!=null&&e.jsx("span",{className:"sa-artifact-file-size",children:Ne(d.size)})]}),o&&e.jsx("button",{className:"sa-artifact-file-download",title:"下载","aria-label":`下载 ${d.filename}`,onClick:u=>{u.stopPropagation(),Q(d)},children:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:e.jsx("path",{d:"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M7 10l5 5 5-5M12 15V3"})})})]},d.id||`art-${p}`))})]})}function _e({content:t,onRetry:a}){return e.jsxs("div",{className:"sa-error-part",children:[e.jsxs("div",{className:"sa-error-content",children:[e.jsx("span",{className:"sa-error-icon",children:e.jsx(L,{name:"triangle-alert",size:14})}),e.jsx("span",{children:t||"发生错误"})]}),a&&e.jsx("button",{className:"sa-error-retry",onClick:a,children:"重试"})]})}function ct({interrupt:t,onRespond:a,disabled:s,answeredAction:n}){var c,d;const r=t.options,o=(typeof(r==null?void 0:r[0])=="string"?r[0]:(c=r==null?void 0:r[0])==null?void 0:c.label)||"确认",l=(typeof(r==null?void 0:r[1])=="string"?r[1]:(d=r==null?void 0:r[1])==null?void 0:d.label)||"取消";return e.jsxs("div",{className:"sa-interrupt-card",children:[e.jsxs("div",{className:"sa-interrupt-content",children:[e.jsx(L,{name:"circle-alert",size:16,color:"#f59e0b"}),e.jsx("span",{children:t.content})]}),e.jsxs("div",{className:"sa-interrupt-actions",children:[e.jsxs("button",{className:`sa-interrupt-btn sa-interrupt-btn-primary ${n==="confirm"?"sa-interrupt-btn-answered":""}`,disabled:s,onClick:()=>a({action:"confirm"}),children:[e.jsx(L,{name:"check",size:14})," ",o]}),e.jsxs("button",{className:`sa-interrupt-btn sa-interrupt-btn-secondary ${n==="cancel"?"sa-interrupt-btn-answered":""}`,disabled:s,onClick:()=>a({action:"cancel"}),children:[e.jsx(L,{name:"x",size:14})," ",l]})]}),s&&e.jsx("div",{className:"sa-interrupt-submitted",children:"已提交"})]})}function dt({interrupt:t,onRespond:a,disabled:s,answeredAction:n}){var p,u,g,b;const r=t.options,o=(typeof(r==null?void 0:r[0])=="string"?r[0]:(p=r==null?void 0:r[0])==null?void 0:p.label)||"批准",l=(typeof(r==null?void 0:r[1])=="string"?r[1]:(u=r==null?void 0:r[1])==null?void 0:u.label)||"拒绝",c=(typeof(r==null?void 0:r[2])=="string"?r[2]:(g=r==null?void 0:r[2])==null?void 0:g.label)||"跳过",d=((b=t.metadata)==null?void 0:b.showSkip)!==!1;return e.jsxs("div",{className:"sa-interrupt-card",children:[e.jsxs("div",{className:"sa-interrupt-content",children:[e.jsx(L,{name:"circle-alert",size:16,color:"#f59e0b"}),e.jsx("span",{children:t.content})]}),e.jsxs("div",{className:"sa-interrupt-actions",children:[e.jsxs("button",{className:`sa-interrupt-btn sa-interrupt-btn-primary ${n==="approve"?"sa-interrupt-btn-answered":""}`,disabled:s,onClick:()=>a({action:"approve"}),children:[e.jsx(L,{name:"check",size:14})," ",o]}),e.jsxs("button",{className:`sa-interrupt-btn sa-interrupt-btn-danger ${n==="reject"?"sa-interrupt-btn-answered":""}`,disabled:s,onClick:()=>a({action:"reject"}),children:[e.jsx(L,{name:"x",size:14})," ",l]}),d&&e.jsxs("button",{className:`sa-interrupt-btn sa-interrupt-btn-secondary ${n==="skip"?"sa-interrupt-btn-answered":""}`,disabled:s,onClick:()=>a({action:"skip"}),children:[e.jsx(L,{name:"chevron-right",size:14})," ",c]})]}),s&&e.jsx("div",{className:"sa-interrupt-submitted",children:"已提交"})]})}function pt(t){return typeof t=="string"?{value:t,label:t}:t}function ut({interrupt:t,onRespond:a,disabled:s,initialValue:n}){const r=(t.options??[]).map(pt);return e.jsxs("div",{className:"sa-interrupt-card",children:[e.jsxs("div",{className:"sa-interrupt-content",children:[e.jsx(L,{name:"list",size:16,color:"#6366f1"}),e.jsx("span",{children:t.content})]}),e.jsx("div",{className:"sa-interrupt-options",children:r.map(o=>{const l=n===o.value;return e.jsxs("button",{className:`sa-interrupt-option ${o.danger?"sa-interrupt-option-danger":""} ${l?"sa-interrupt-option-selected":""}`,disabled:s,onClick:()=>a({action:"select",value:o.value}),children:[e.jsx(L,{name:l?"circle-check":"circle",size:14}),o.icon&&e.jsx(L,{name:o.icon,size:14}),e.jsx("span",{children:o.label}),o.description&&e.jsx("span",{className:"sa-interrupt-option-desc",children:o.description})]},o.value)})}),s&&e.jsx("div",{className:"sa-interrupt-submitted",children:"已提交"})]})}function gt(t){return typeof t=="string"?{value:t,label:t}:t}function ft({interrupt:t,onRespond:a,disabled:s,initialValue:n}){const r=(t.options??[]).map(gt),[o,l]=i.useState(()=>new Set(Array.isArray(n)?n:[])),c=d=>{s||l(p=>{const u=new Set(p);return u.has(d)?u.delete(d):u.add(d),u})};return e.jsxs("div",{className:"sa-interrupt-card",children:[e.jsxs("div",{className:"sa-interrupt-content",children:[e.jsx(L,{name:"list-checks",size:16,color:"#6366f1"}),e.jsx("span",{children:t.content})]}),e.jsx("div",{className:"sa-interrupt-options",children:r.map(d=>e.jsxs("button",{className:`sa-interrupt-option ${o.has(d.value)?"sa-interrupt-option-selected":""}`,disabled:s,onClick:()=>c(d.value),children:[e.jsx(L,{name:o.has(d.value)?"square-check":"square",size:14}),e.jsx("span",{children:d.label})]},d.value))}),!s&&e.jsx("div",{className:"sa-interrupt-actions",children:e.jsxs("button",{className:"sa-interrupt-btn sa-interrupt-btn-primary",disabled:o.size===0,onClick:()=>a({action:"submit",value:Array.from(o)}),children:[e.jsx(L,{name:"check",size:14})," 确认 (",o.size,")"]})}),s&&e.jsx("div",{className:"sa-interrupt-submitted",children:"已提交"})]})}function xt({interrupt:t,onRespond:a,disabled:s,initialValue:n}){const[r,o]=i.useState(n??""),l=t.inputType??"text",c=l==="textarea",d=()=>{s||t.required&&!r.trim()||a({action:"submit",value:r.trim()})};return e.jsxs("div",{className:"sa-interrupt-card",children:[e.jsxs("div",{className:"sa-interrupt-content",children:[e.jsx(L,{name:"text-cursor-input",size:16,color:"#6366f1"}),e.jsx("span",{children:t.content})]}),e.jsx("div",{className:"sa-interrupt-input-area",children:c?e.jsx("textarea",{className:"sa-interrupt-textarea",value:r,onChange:p=>o(p.target.value),placeholder:t.placeholder,maxLength:t.maxLength,rows:3,disabled:s}):e.jsx("input",{className:"sa-interrupt-input",type:l,value:r,onChange:p=>o(p.target.value),placeholder:t.placeholder,maxLength:t.maxLength,onKeyDown:p=>p.key==="Enter"&&d(),disabled:s})}),!s&&e.jsx("div",{className:"sa-interrupt-actions",children:e.jsxs("button",{className:"sa-interrupt-btn sa-interrupt-btn-primary",disabled:t.required?!r.trim():!1,onClick:d,children:[e.jsx(L,{name:"check",size:14})," 提交"]})}),s&&e.jsx("div",{className:"sa-interrupt-submitted",children:"已提交"})]})}function ht({interrupt:t,onRespond:a,disabled:s,initialValue:n}){const r=t.fields??[],[o,l]=i.useState(()=>{const u={};for(const g of r)u[g.name]=(n==null?void 0:n[g.name])??g.defaultValue??"";return u}),c=(u,g)=>{s||l(b=>({...b,[u]:g}))},d=!s&&r.every(u=>!u.required||o[u.name]),p=()=>{d&&a({action:"submit",value:o})};return e.jsxs("div",{className:"sa-interrupt-card",children:[e.jsxs("div",{className:"sa-interrupt-content",children:[e.jsx(L,{name:"file-text",size:16,color:"#6366f1"}),e.jsx("span",{children:t.content})]}),e.jsx("div",{className:"sa-interrupt-form",children:r.map(u=>e.jsxs("div",{className:"sa-interrupt-form-field",children:[e.jsxs("label",{className:"sa-interrupt-form-label",children:[u.label,u.required&&e.jsx("span",{className:"sa-interrupt-form-required",children:"*"})]}),mt(u,o[u.name],g=>c(u.name,g),s)]},u.name))}),!s&&e.jsxs("div",{className:"sa-interrupt-actions",children:[e.jsxs("button",{className:"sa-interrupt-btn sa-interrupt-btn-primary",disabled:!d,onClick:p,children:[e.jsx(L,{name:"check",size:14})," 提交"]}),e.jsx("button",{className:"sa-interrupt-btn sa-interrupt-btn-secondary",onClick:()=>a({action:"cancel"}),children:"取消"})]}),s&&e.jsx("div",{className:"sa-interrupt-submitted",children:"已提交"})]})}function ve(t){return typeof t=="string"?{value:t,label:t}:t}function mt(t,a,s,n){switch(t.type){case"textarea":return e.jsx("textarea",{className:"sa-interrupt-textarea",value:a,onChange:r=>s(r.target.value),placeholder:t.placeholder,rows:3,disabled:n});case"select":{const r=(t.options??[]).map(ve);return e.jsxs("select",{className:"sa-interrupt-select",value:a,onChange:o=>s(o.target.value),disabled:n,children:[e.jsx("option",{value:"",children:"请选择"}),r.map(o=>e.jsx("option",{value:o.value,children:o.label},o.value))]})}case"multiSelect":{const r=(t.options??[]).map(ve),o=Array.isArray(a)?a:[],l=c=>{n||s(o.includes(c)?o.filter(d=>d!==c):[...o,c])};return e.jsx("div",{className:"sa-interrupt-options",children:r.map(c=>e.jsx("button",{type:"button",className:`sa-interrupt-option ${o.includes(c.value)?"sa-interrupt-option-selected":""}`,disabled:n,onClick:()=>l(c.value),children:c.label},c.value))})}case"password":return e.jsx("input",{className:"sa-interrupt-input",type:"password",value:a,onChange:r=>s(r.target.value),placeholder:t.placeholder,disabled:n});default:return e.jsx("input",{className:"sa-interrupt-input",type:t.type==="number"?"number":t.type==="date"?"date":"text",value:a,onChange:r=>s(r.target.value),placeholder:t.placeholder,disabled:n})}}function He({interrupt:t,resolved:a,response:s,onRespond:n}){const r=a,o=s==null?void 0:s.value;switch(t.interruptType){case"confirm":return e.jsx(ct,{interrupt:t,onRespond:n,disabled:r,answeredAction:s==null?void 0:s.action});case"approve":return e.jsx(dt,{interrupt:t,onRespond:n,disabled:r,answeredAction:s==null?void 0:s.action});case"select":return e.jsx(ut,{interrupt:t,onRespond:n,disabled:r,initialValue:o});case"multiSelect":return e.jsx(ft,{interrupt:t,onRespond:n,disabled:r,initialValue:o});case"input":return e.jsx(xt,{interrupt:t,onRespond:n,disabled:r,initialValue:o});case"form":return e.jsx(ht,{interrupt:t,onRespond:n,disabled:r,initialValue:o});default:return e.jsxs("div",{className:"sa-interrupt-unknown",children:["未知的交互类型: ",t.interruptType]})}}const wt=[{value:1,label:"事实错误"},{value:2,label:"逻辑问题"},{value:3,label:"不相关"},{value:4,label:"信息过时"},{value:5,label:"冗长啰嗦"},{value:6,label:"难以理解"}];function Pe({message:t,onCopy:a,onRegenerate:s,onFeedback:n}){const{status:r,cancelFeedback:o}=X(),[l,c]=i.useState(null),[d,p]=i.useState(!1),[u,g]=i.useState(!1),b=i.useRef(null),h=i.useCallback(()=>{a(),p(!0),setTimeout(()=>p(!1),2e3)},[a]),m=i.useCallback(()=>{l==="like"?(c(null),o(t.id)):(c("like"),g(!1),n==null||n(t.id,"like"))},[l,t.id,n,o]),f=i.useCallback(()=>{l==="dislike"?(c(null),g(!1),o(t.id)):g(!0)},[l,t.id,o]),y=i.useCallback((D,k)=>{c("dislike"),g(!1),n==null||n(t.id,"dislike",{reason:D,remark:(k==null?void 0:k.trim())||void 0})},[t.id,n]),C=i.useCallback(()=>{g(!1)},[]);return i.useEffect(()=>{if(!u)return;const D=j=>{b.current&&!b.current.contains(j.target)&&g(!1)},k=j=>{j.key==="Escape"&&g(!1)};return document.addEventListener("mousedown",D),document.addEventListener("keydown",k),()=>{document.removeEventListener("mousedown",D),document.removeEventListener("keydown",k)}},[u]),r!=="ready"&&r!=="error"?null:e.jsxs("div",{className:"sa-action-bar",children:[e.jsxs("button",{className:"sa-action-btn",onClick:h,title:"复制",children:[e.jsx(L,{name:d?"circle-check":"copy",size:14})," ",d?"已复制":"复制"]}),s&&e.jsxs("button",{className:"sa-action-btn",onClick:s,title:"重新生成",children:[e.jsx(L,{name:"refresh-cw",size:14})," 重新生成"]}),n&&e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"sa-action-divider"}),e.jsx("button",{className:`sa-action-btn ${l==="like"?"sa-action-btn-active":""}`,onClick:m,title:"有用","aria-label":"点赞",children:e.jsx(L,{name:"thumbs-up",size:14})}),e.jsx("button",{className:`sa-action-btn ${l==="dislike"?"sa-action-btn-active":""}`,onClick:f,title:"无用","aria-label":"踩","aria-expanded":u,"aria-haspopup":"dialog",children:e.jsx(L,{name:"thumbs-down",size:14})})]}),u&&e.jsx("div",{ref:b,children:e.jsx(bt,{onSubmit:y,onCancel:C})})]})}function bt({onSubmit:t,onCancel:a}){const[s,n]=i.useState(void 0),[r,o]=i.useState("");return e.jsxs("div",{className:"sa-dislike-panel",children:[e.jsx("div",{className:"sa-dislike-panel-title",children:"请选择不满意的原因(可选)"}),e.jsx("div",{className:"sa-dislike-reasons",children:wt.map(l=>e.jsx("button",{className:`sa-dislike-reason-btn ${s===l.value?"active":""}`,onClick:()=>n(s===l.value?void 0:l.value),children:l.label},l.value))}),e.jsx("textarea",{className:"sa-dislike-remark",placeholder:"补充描述(选填,≤500 字)",maxLength:500,value:r,onChange:l=>o(l.target.value),rows:2}),e.jsxs("div",{className:"sa-dislike-actions",children:[e.jsx("button",{className:"sa-dislike-submit",onClick:()=>t(s,r||void 0),children:"提交"}),e.jsx("button",{className:"sa-dislike-cancel",onClick:a,children:"取消"})]})]})}const vt=/^(https?:\/\/|data:|blob:|\/\/|\/|\.\/|\.\.\/)/;function ye({src:t,alt:a}){return t?vt.test(t)?e.jsx("img",{src:t,alt:a??"",className:"sa-msg-avatar",draggable:!1}):e.jsx("span",{className:"sa-msg-avatar sa-msg-avatar-text",children:t}):null}function Be({message:t,isStreaming:a,isLast:s,slots:n,avatar:r,artifactPreview:o,showTimestamp:l}){const{regenerate:c,feedback:d,respondToInterrupt:p}=X(),u=i.useCallback(()=>{var T;const j=t.parts.filter(I=>I.type==="text").map(I=>I.content).join(`
|
|
3
|
+
`);(T=navigator.clipboard)==null||T.writeText(j).catch(()=>{})},[t]),g=t.role==="user",b=n.Message;if(b)return e.jsx(b,{message:t,isStreaming:a,isLast:s,avatar:r,slots:n,onCopy:u,onRegenerate:c,onFeedback:d,showTimestamp:l});const h=n.TextPart??Re,m=n.ThinkingPart??$e,f=n.ToolCallPart??Le,y=n.ToolResultPart??Fe,C=n.ErrorPart??_e,D=n.ActionBar??Pe,k=!g&&t.parts.some(j=>j.type==="text"&&j.content);return e.jsxs("div",{className:`sa-message ${g?"sa-message-user":"sa-message-assistant"}`,children:[!g&&e.jsx(ye,{src:(r==null?void 0:r.assistant)||(a&&s?O.assistantAvatarGenerating:O.assistantAvatar),alt:"AI"}),e.jsxs("div",{className:"sa-message-content",children:[l&&e.jsx("span",{className:`sa-message-time ${g?"sa-message-time-right":""}`,children:st(t.timestamp)}),e.jsxs("div",{className:"sa-message-body",children:[t.parts.map((j,T)=>{switch(j.type){case"text":return e.jsx(h,{content:j.content},T);case"thinking":return e.jsx(m,{content:j.content},T);case"tool_call":return e.jsx(f,{toolName:j.toolName,toolCallId:j.toolCallId,args:j.args},T);case"tool_result":return e.jsx(y,{toolName:j.toolName,toolCallId:j.toolCallId,content:j.content,artifacts:j.artifacts,renderMode:j.renderMode,html:j.html,artifactPreview:o},T);case"error":return e.jsx(C,{content:j.content,onRetry:c},T);case"interrupt":return e.jsx(He,{interrupt:j.interrupt,resolved:j.resolved??!1,response:j.response,onRespond:I=>p(j.interrupt.interruptId,I)},T);default:return null}}),a&&s&&!g&&!k&&e.jsx("span",{className:"sa-thinking-indicator",children:"思考中…"}),!g&&!a&&k&&e.jsx(D,{message:t,onCopy:u,onRegenerate:s?c:void 0,onFeedback:d})]})]}),g&&(r==null?void 0:r.user)&&e.jsx(ye,{src:r.user,alt:"用户"})]})}function Oe({message:t,suggestedPrompts:a,onPromptClick:s,capabilities:n,quickLinks:r,logo:o}){return e.jsxs("div",{className:"flex flex-col gap-8 py-2",children:[e.jsxs("div",{className:"flex flex-col items-center gap-1 opacity-0 animate-sa-home-fade-in",children:[e.jsx("img",{src:o||O.logo,alt:"AI 助手",className:"block max-w-16 shrink-0 animate-sa-logo-float",draggable:!1}),e.jsx("h3",{className:"sa-shimmer-text m-0 mb-1 text-[18px] font-bold leading-[1.3] text-[#333] animate-sa-title-shimmer",children:t||"你好!有什么可以帮你的?"})]}),n&&n.length>0&&e.jsx("div",{className:"flex flex-col items-start gap-4 opacity-0 animate-sa-home-fade-in",style:{animationDelay:"150ms"},children:n.map(l=>e.jsxs("div",{className:"inline-flex w-full max-w-full min-w-0 items-center gap-[7px]",children:[l.icon&&e.jsx("img",{src:l.icon,alt:"",className:"h-[18px] w-[18px] shrink-0 object-contain",draggable:!1}),e.jsx("span",{className:"shrink-0 text-[14px] leading-[1.4] text-[#333]",children:l.label}),l.desc&&e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"h-[13px] w-px shrink-0 bg-[#DCDCDC]"}),e.jsx("span",{className:"min-w-0 overflow-hidden text-ellipsis whitespace-nowrap text-[14px] leading-[1.4] text-[#9A9A9A]",children:l.desc})]})]},l.label))}),a&&a.length>0&&e.jsx("div",{className:"flex flex-col items-start gap-3",children:a.map((l,c)=>e.jsxs("button",{type:"button",className:"sa-chip inline-flex h-7 items-center gap-1 rounded-md px-3 text-[14px] leading-none text-[#333] opacity-0 transition-colors animate-sa-chip-in",style:{animationDelay:`${300+c*130}ms`},onClick:()=>s(l),children:[e.jsx("span",{className:"sa-chip-text overflow-hidden text-ellipsis whitespace-nowrap",children:l}),e.jsx("svg",{width:13,height:13,viewBox:"0 0 14 14",fill:"none",className:"shrink-0 text-[#9A9A9A]","aria-hidden":"true",children:e.jsx("path",{d:"M5 3L9 7L5 11",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})]},`${l}-${c}`))}),r&&r.length>0&&e.jsxs("div",{className:"opacity-0 animate-sa-home-fade-in",style:{animationDelay:"420ms"},children:[e.jsx("div",{className:"mb-3 text-[14px] leading-none text-[#A0A0A0]",children:"快速查看"}),e.jsx("div",{className:"flex flex-wrap items-center gap-[22px]",children:r.map(l=>e.jsxs("button",{type:"button",className:"inline-flex items-center gap-[7px] rounded-md px-1 py-1 transition-colors hover:bg-[#F5F5F5]",onClick:()=>{l.onClick?l.onClick():l.prompt&&s(l.prompt)},children:[l.icon&&e.jsx("span",{className:"flex h-[18px] w-[18px] shrink-0 items-center justify-center opacity-70",children:e.jsx("img",{src:l.icon,alt:"",width:18,height:18,draggable:!1})}),e.jsx("span",{className:"text-[14px] leading-none text-[#333] transition-colors hover:text-[#1881F0]",children:l.label})]},l.label))})]})]})}function ne({slots:t,welcomeMessage:a,suggestedPrompts:s,avatar:n,artifactPreview:r,capabilities:o,quickLinks:l,logo:c,showTimestamp:d}){const{messages:p,status:u,sendMessage:g}=X(),{containerRef:b}=Ae([p]),h=u==="streaming",m=t.WelcomeScreen??Oe;return p.length===0?e.jsx("div",{className:"sa-thread",ref:b,children:e.jsx(m,{message:a,suggestedPrompts:s,onPromptClick:g,capabilities:o,quickLinks:l,logo:c})}):e.jsx("div",{className:"sa-thread",ref:b,children:p.map((f,y)=>e.jsx(Be,{message:f,isStreaming:h,isLast:y===p.length-1,slots:t,avatar:n,artifactPreview:r,showTimestamp:d},f.id))})}function yt({items:t,activeIndex:a,onSelect:s}){const n=i.useRef(null);return i.useEffect(()=>{var o;const r=(o=n.current)==null?void 0:o.children[a];r==null||r.scrollIntoView({block:"nearest"})},[a]),t.length===0?e.jsx("div",{className:"sa-slash-menu",children:e.jsx("div",{className:"sa-slash-menu-empty",children:"没有匹配的技能"})}):e.jsx("div",{className:"sa-slash-menu",ref:n,children:t.map((r,o)=>e.jsxs("div",{className:`sa-slash-menu-item${o===a?" sa-slash-menu-item--active":""}`,onMouseDown:l=>{l.preventDefault(),s(r)},children:[e.jsxs("span",{className:"sa-slash-menu-item-name",children:["/",r.name]}),(r.displayName||r.description)&&e.jsx("span",{className:"sa-slash-menu-item-desc",children:r.displayName||r.description})]},r.code))})}function kt({sdk:t,input:a,onSelect:s}){const[n,r]=i.useState([]),[o,l]=i.useState(!1),[c,d]=i.useState(0),p=i.useRef(!1);i.useEffect(()=>{p.current||(p.current=!0,t.listSkills().then(r).catch(()=>r([])))},[t]);const u=/^\/\S*$/.test(a);i.useEffect(()=>{l(u)},[u]),i.useEffect(()=>{u&&d(0)},[a,u]);const g=a.startsWith("/")?a.slice(1).toLowerCase():"",b=i.useMemo(()=>n.filter(k=>!g||k.code.toLowerCase().includes(g)||k.name.toLowerCase().includes(g)||k.displayName&&k.displayName.toLowerCase().includes(g)),[n,g]),h=i.useRef(o),m=i.useRef(b),f=i.useRef(c),y=i.useRef(s);h.current=o,m.current=b,f.current=c,y.current=s;const C=i.useCallback(k=>{if(!h.current||m.current.length===0)return!1;switch(k.key){case"ArrowDown":return k.preventDefault(),d(j=>(j+1)%m.current.length),!0;case"ArrowUp":return k.preventDefault(),d(j=>(j-1+m.current.length)%m.current.length),!0;case"Enter":case"Tab":return k.preventDefault(),y.current(m.current[f.current]),l(!1),!0;case"Escape":return k.preventDefault(),l(!1),!0;default:return!1}},[]),D=i.useCallback(()=>l(!1),[]);return{isOpen:o,items:b,activeIndex:c,handleKeyDown:C,close:D}}function ie(){const{status:t,sendMessage:a,stop:s,sdk:n}=X(),[r,o]=i.useState(""),l=i.useRef(null),c=t==="streaming"||t==="submitted",d=!!r.trim()||c,p=i.useCallback(f=>{o(`/${f.name} `),setTimeout(()=>{const y=l.current;y&&(y.focus(),y.selectionStart=y.selectionEnd=y.value.length)},0)},[]),u=kt({sdk:n,input:r,onSelect:p}),g=i.useCallback(()=>{const f=r.trim();!f||c||(a(f),o(""),l.current&&(l.current.style.height="auto"))},[r,c,a]),b=i.useCallback(f=>{u.handleKeyDown(f)||f.key==="Enter"&&!f.shiftKey&&(f.preventDefault(),g())},[g,u.handleKeyDown]),h=i.useCallback(f=>{o(f.target.value);const y=f.target;y.style.height="auto",y.style.height=Math.min(y.scrollHeight,90)+"px"},[]),m=i.useCallback(()=>{var f;c||(f=l.current)==null||f.focus()},[c]);return e.jsxs("div",{className:"relative z-[2] shrink-0 px-[15px] pb-2.5",children:[u.isOpen&&e.jsx(yt,{items:u.items,activeIndex:u.activeIndex,onSelect:p}),e.jsxs("form",{className:`sa-input-form flex min-h-[70px] cursor-text items-start gap-2 rounded-[5px] p-2 ${d?"sa-input-form-active":""}`,onClick:m,onSubmit:f=>{f.preventDefault(),g()},children:[e.jsx("textarea",{ref:l,className:"sa-input-field flex-1 resize-none border-none bg-transparent p-0 text-[14px] leading-[1.5] text-[#333] outline-none placeholder:text-[#B8B8B8]",value:r,onChange:h,onKeyDown:b,placeholder:"请输入你想要了解的关键词",rows:1,disabled:c}),c?e.jsx("button",{type:"button",className:"sa-send-btn sa-send-btn-active","aria-label":"停止生成",title:"停止生成",onClick:s,children:e.jsx("span",{className:"sa-stop-icon"})}):e.jsx("button",{type:"submit",className:`sa-send-btn ${r.trim()?"sa-send-btn-active":""}`,"aria-label":"发送",title:"发送",children:e.jsx("img",{src:O.sendSolid,alt:"发送",width:14,height:14,draggable:!1})})]}),e.jsx("div",{className:"mt-3 text-center text-[11px] leading-none text-[#B8B8B8]",children:"所有内容均由AI生成仅供参考"})]})}function jt({artifact:t}){const[a,s]=i.useState(null),[n,r]=i.useState(!0),[o,l]=i.useState(null);return i.useEffect(()=>{let c=!1;r(!0),l(null),s(null);async function d(){try{if(t.type==="pdf"){c||r(!1);return}if(t.type==="html"){const p=await fetch(t.url);if(!p.ok)throw new Error(`HTTP ${p.status}`);const u=await p.text(),g=(await Promise.resolve().then(()=>require("./purify.es-Dsdnkgrg.cjs"))).default;c||(s(g.sanitize(u,{FORCE_BODY:!0,ADD_ATTR:["target"]})),r(!1));return}if(t.type==="docx"){const p=await fetch(t.url);if(!p.ok)throw new Error(`HTTP ${p.status}`);const u=await p.arrayBuffer(),b=await(await Promise.resolve().then(()=>require("./mammoth.browser-DiAPPO3x.cjs")).then(m=>m.mammoth_browser)).convertToHtml({arrayBuffer:u}),h=(await Promise.resolve().then(()=>require("./purify.es-Dsdnkgrg.cjs"))).default;c||(s(h.sanitize(b.value,{FORCE_BODY:!0,ADD_ATTR:["target"]})),r(!1));return}c||(r(!1),l(`不支持预览「${t.type}」类型`))}catch(p){c||(r(!1),l(p instanceof Error?p.message:"加载失败"))}}return d(),()=>{c=!0}},[t]),n?e.jsx("div",{className:"sa-drawer-preview-loading",children:"加载中"}):o?e.jsxs("div",{className:"sa-drawer-preview-error",children:[o,e.jsx("button",{className:"sa-drawer-btn-sm",onClick:()=>void Q(t),children:"下载查看"})]}):t.type==="pdf"?e.jsx("iframe",{src:t.url,title:t.filename,className:"sa-drawer-preview-iframe",sandbox:"allow-scripts"}):a!==null?e.jsx("iframe",{srcDoc:a,title:t.filename,className:"sa-drawer-preview-iframe",sandbox:"allow-same-origin"}):null}function We({artifacts:t,initialArtifact:a,onClose:s}){const[n,r]=i.useState(a?{mode:"preview",artifact:a}:{mode:"list"}),[o,l]=i.useState(!1),c=i.useRef(null),[d,p]=i.useState(340),u=i.useRef(null);i.useEffect(()=>{a&&(c.current&&(clearTimeout(c.current),c.current=null,l(!1)),r({mode:"preview",artifact:a}))},[a]);const g=i.useCallback(()=>{l(!0),c.current=setTimeout(()=>{c.current=null,s()},240)},[s]);i.useEffect(()=>()=>{var f;c.current&&clearTimeout(c.current),(f=u.current)==null||f.call(u)},[]);const b=i.useCallback(f=>{r({mode:"preview",artifact:f})},[]),h=i.useCallback(()=>{r({mode:"list"})},[]);i.useEffect(()=>{const f=y=>{y.key==="Escape"&&g()};return document.addEventListener("keydown",f),()=>document.removeEventListener("keydown",f)},[g]);const m=i.useCallback(f=>{f.preventDefault();const y=f.clientX,C=d,D=j=>{const T=y-j.clientX;p(Math.max(240,Math.min(window.innerWidth*.7,C+T)))},k=()=>{document.removeEventListener("mousemove",D),document.removeEventListener("mouseup",k),document.body.style.cursor="",document.body.style.userSelect="",u.current=null};document.body.style.cursor="col-resize",document.body.style.userSelect="none",document.addEventListener("mousemove",D),document.addEventListener("mouseup",k),u.current=k},[d]);return e.jsxs("div",{className:`sa-artifact-drawer ${o?"sa-drawer-closing":""}`,style:{width:d},children:[e.jsx("div",{className:"sa-drawer-resize-handle",onMouseDown:m}),e.jsxs("div",{className:"sa-artifact-drawer-header",children:[n.mode==="preview"?e.jsxs(e.Fragment,{children:[e.jsx("button",{className:"sa-drawer-btn",onClick:h,title:"返回列表","aria-label":"返回列表",children:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:e.jsx("path",{d:"M15 18l-6-6 6-6"})})}),e.jsx("span",{className:"sa-artifact-drawer-title",children:n.artifact.filename})]}):e.jsxs(e.Fragment,{children:[e.jsxs("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",style:{flexShrink:0},children:[e.jsx("path",{d:"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"}),e.jsx("polyline",{points:"14 2 14 8 20 8"})]}),e.jsx("span",{className:"sa-artifact-drawer-title",children:"会话产物"})]}),e.jsx("div",{style:{flex:1}}),n.mode==="preview"&&e.jsx("button",{className:"sa-drawer-btn",onClick:()=>void Q(n.artifact),title:"下载","aria-label":"下载",children:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:e.jsx("path",{d:"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M7 10l5 5 5-5M12 15V3"})})}),e.jsx("button",{className:"sa-drawer-btn",onClick:g,title:"关闭","aria-label":"关闭",children:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:e.jsx("path",{d:"M18 6L6 18M6 6l12 12"})})})]}),e.jsx("div",{className:"sa-artifact-drawer-body",children:n.mode==="list"?t.length===0?e.jsx("div",{className:"sa-drawer-empty",children:"暂无产物"}):e.jsx("ul",{className:"sa-drawer-file-list",role:"list",children:t.map((f,y)=>e.jsxs("li",{className:"sa-drawer-file-card",onClick:()=>b(f),onKeyDown:C=>{(C.key==="Enter"||C.key===" ")&&(C.preventDefault(),b(f))},tabIndex:0,role:"button","aria-label":`预览 ${f.filename}`,children:[e.jsx("div",{className:"sa-drawer-file-icon",children:e.jsx("span",{className:"sa-artifact-chip-type",children:ze(f.type)})}),e.jsxs("div",{className:"sa-drawer-file-info",children:[e.jsx("span",{className:"sa-drawer-file-name",children:f.filename}),e.jsx("span",{className:"sa-drawer-file-size",children:Ne(f.size)})]}),e.jsx("button",{className:"sa-drawer-btn",title:"下载","aria-label":`下载 ${f.filename}`,onClick:C=>{C.stopPropagation(),Q(f)},children:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:e.jsx("path",{d:"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M7 10l5 5 5-5M12 15V3"})})})]},f.id||`artifact-${y}`))}):e.jsx("div",{className:"sa-drawer-view-enter",children:e.jsx(jt,{artifact:n.artifact})})})]})}function Ct({isOpen:t,onClose:a,title:s,slots:n,welcomeMessage:r,suggestedPrompts:o,avatar:l,artifactPreview:c,capabilities:d,quickLinks:p,logo:u,defaultWidth:g,defaultHeight:b,showTimestamp:h}){const{status:m,sendMessage:f,stop:y,toggleThreadList:C,setThreadListOpen:D,isThreadListOpen:k,toggleArtifactDrawer:j,isArtifactDrawerOpen:T,allArtifacts:I,activePreviewArtifact:w,messages:S,messagesLoading:M,conversations:A,activeConversationId:v,switchConversation:E,newConversation:N,deleteConversation:$,renameConversation:x,hasMore:R,loadMoreConversations:F}=X(),{width:H,position:z,hasCustomPosition:P,isMaximized:_,totalWidth:G,windowHeight:oe,startWindowDrag:Ve,startResize:le,toggleMaximize:Ke,reset:ce,setLockedHeight:ee}=at({defaultWidth:g??W.DEFAULT_WIDTH,defaultHeight:b??W.DEFAULT_HEIGHT,sidebarWidth:k?200:0}),de=i.useRef(null),pe=i.useRef(null),te=!M&&S.length===0,Z=!M&&S.length>0;i.useEffect(()=>{t||ce()},[t,ce]),i.useEffect(()=>{D(_?de.current??!0:pe.current??!1)},[_,D]),i.useEffect(()=>{Z||ee(null)},[Z,ee]);const Ze=rt({enabled:t&&Z&&!_,contentSelector:".sa-panel-content",defaultHeight:b??W.DEFAULT_HEIGHT,onHeightChange:ee});if(!t)return null;const ue=n.Header,ge=n.Composer,J=n.ThreadList,Je=()=>{const U=!k;C(),_?de.current=U:pe.current=U},Qe=P?{width:`${G}px`,height:`${oe}px`,left:`${z.x}px`,top:`${z.y}px`}:{width:`${G}px`,height:`${oe}px`,right:"20px",bottom:"20px"},fe={title:s,onClose:a,onToggleThreadList:Je,isMaximized:_,onToggleMaximize:Ke,showHome:Z,onHome:N,artifactCount:c?I.length:0,onToggleArtifactDrawer:c?j:void 0},xe={conversations:A,activeSessionId:v,onSwitch:E,onNew:N,onDelete:$,onRename:x,hasMore:R,onLoadMore:F},he=e.jsxs("div",{className:`relative flex min-w-0 flex-col bg-white ${_?"flex-1":"h-full shrink-0"}`,style:_?void 0:{width:`${H}px`},children:[te&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"sa-home-gradient pointer-events-none absolute inset-x-0 top-0 z-0 h-[238px] opacity-10"}),e.jsx("div",{className:"sa-home-gradient-fade pointer-events-none absolute inset-x-0 top-0 z-[1] h-[238px]"})]}),e.jsx("div",{className:`relative z-20 ${te||_?"":"bg-white"} ${_?"cursor-default":"cursor-grab active:cursor-grabbing"}`,onMouseDown:_?void 0:Ve,children:ue?e.jsx(ue,{...fe}):e.jsx(Ie,{...fe})}),e.jsxs("div",{className:`sa-panel-content relative z-[2] ${te?"sa-home-view":""} ${_?"mx-auto w-full max-w-[800px]":""}`,children:[M?e.jsxs("div",{className:"sa-messages-loading",children:[e.jsx("span",{className:"sa-loading-spinner"}),"加载对话..."]}):e.jsx(ne,{slots:n,welcomeMessage:r,suggestedPrompts:o,avatar:l,artifactPreview:c,capabilities:d,quickLinks:p,logo:u,showTimestamp:h}),c&&T&&e.jsx(We,{artifacts:I,initialArtifact:w,onClose:j})]}),e.jsx("div",{className:`shrink-0 ${_?"mx-auto w-full max-w-[800px]":""}`,children:ge?e.jsx(ge,{status:m,onSend:f,onStop:y}):e.jsx(ie,{})})]});return _?e.jsx("div",{className:"fixed inset-0 z-[var(--sa-z-index,9999)] flex animate-sa-fade-in flex-col justify-end bg-black/30",children:e.jsxs("div",{className:"flex h-[calc(100%_-_48px)] w-full animate-sa-slide-up-full flex-row overflow-hidden rounded-t-2xl bg-[#F5F5F5] shadow-[0_-12px_48px_rgba(0,0,0,0.25)]",children:[k&&(J?e.jsx(J,{...xe}):e.jsx(se,{width:220})),he]})}):e.jsxs("div",{ref:Ze,className:"fixed z-[var(--sa-z-index,9999)] flex animate-sa-window-in flex-row overflow-hidden rounded-xl border border-[#DADADA] bg-white shadow-[0_12px_36px_rgba(0,0,0,0.18)]",style:Qe,children:[e.jsx("div",{className:"sa-resize-handle absolute bottom-0 left-[-3px] top-0 z-10 w-[6px] cursor-col-resize",onMouseDown:U=>le(U,"left")}),e.jsx("div",{className:"sa-resize-handle absolute bottom-0 right-[-3px] top-0 z-10 w-[6px] cursor-col-resize",onMouseDown:U=>le(U,"right")}),k&&(J?e.jsx(J,{...xe}):e.jsx(se,{width:200})),he]})}const Nt=()=>{};function zt({conversations:t,activeSessionId:a,onSwitch:s,onNew:n,onDelete:r,onRename:o,isCollapsed:l,onToggleCollapse:c,hasMore:d,onLoadMore:p,conversationsLoading:u}){const[g,b]=i.useState(null),[h,m]=i.useState(null),[f,y]=i.useState(""),[C,D]=i.useState(null),k=i.useRef(null);i.useEffect(()=>()=>{k.current&&clearTimeout(k.current)},[]);const j=i.useCallback((A,v)=>{v.stopPropagation(),g===A?(r(A),b(null)):(b(A),k.current&&clearTimeout(k.current),k.current=setTimeout(()=>b(null),3e3))},[g,r]),T=i.useCallback((A,v,E)=>{E.stopPropagation(),m(A),y(v??"")},[]),I=i.useCallback(A=>{f.trim()&&o(A,f.trim()),m(null)},[f,o]),w=i.useRef(null),S=i.useCallback(()=>{const A=w.current;!A||!d||!p||A.scrollHeight-A.scrollTop-A.clientHeight<50&&p()},[d,p]),M=i.useMemo(()=>Me(t),[t]);return l?e.jsxs("div",{className:"flex w-12 shrink-0 flex-col items-center gap-1 border-r border-[#ECECEC] bg-[#FAFAFA] py-3",children:[e.jsx("button",{type:"button",className:"sa-tip relative flex h-7 w-7 items-center justify-center rounded-md text-[#666] transition-colors hover:bg-white","data-tooltip":"展开",onClick:c,children:e.jsx(L,{name:"panel-left",size:18})}),e.jsx("button",{type:"button",className:"sa-tip relative flex h-7 w-7 items-center justify-center rounded-md text-[#666] transition-colors hover:bg-white","data-tooltip":"新建对话",onClick:()=>{n(),c()},children:e.jsx("img",{src:O.messageCreate,alt:"",width:18,height:18})})]}):e.jsxs("div",{className:"relative flex w-[220px] shrink-0 flex-col border-r border-[#ECECEC] bg-[#FAFAFA] p-3",children:[e.jsxs("div",{className:"mb-4 flex shrink-0 items-center gap-1.5",children:[e.jsxs("button",{type:"button",className:"sa-new-chat flex h-8 flex-1 items-center justify-center gap-2 rounded-md text-[14px] font-medium transition-colors",onClick:n,children:[e.jsx("img",{src:O.messageCreate,alt:"",width:18,height:18}),e.jsx("span",{className:"sa-new-chat-text whitespace-nowrap",children:"新建对话"})]}),e.jsx("button",{type:"button",className:"sa-tip relative flex h-7 w-7 shrink-0 items-center justify-center rounded-md text-[#666] transition-colors hover:bg-white","data-tooltip":"收起侧边栏",onClick:c,children:e.jsx(L,{name:"panel-left-close",size:16})})]}),e.jsxs("div",{className:"px-1 pb-2.5",children:[e.jsx("div",{className:"mb-1 text-[14px] font-semibold text-[#333]",children:"历史对话"}),e.jsx("div",{className:"text-[11px] text-[#999]",children:"展示最近的会话记录"})]}),e.jsxs("div",{ref:w,className:"flex-1 overflow-y-auto",onScroll:S,children:[u&&t.length===0&&e.jsx("div",{className:"px-0.5 py-2 text-[12px] text-[#999]",children:"加载中..."}),!u&&t.length===0&&e.jsx("div",{className:"px-0.5 py-2 text-[12px] text-[#999]",children:"暂无记录"}),M.map(A=>e.jsxs("div",{className:"mb-1",children:[e.jsx("div",{className:"px-1 pb-1 pt-2 text-[11px] text-[#A0A0A0]",children:A.label}),A.items.map(v=>{const E=v.sessionId===a,N=g===v.sessionId;return e.jsx("div",{className:`group relative mb-0.5 flex h-8 w-full cursor-pointer items-center gap-1 rounded-md px-0.5 text-[13px] transition-colors ${E?"bg-[#E8F1FE]":"hover:bg-[#E8F1FE]"}`,onClick:()=>{h!==v.sessionId&&s(v.sessionId)},onMouseEnter:$=>{if(h===v.sessionId)return;const x=$.currentTarget.getBoundingClientRect();D({text:v.title||"新会话",x:x.right+8,y:x.top+x.height/2})},onMouseLeave:()=>D(null),children:h===v.sessionId?e.jsx("input",{className:"w-full rounded border border-[var(--sa-primary)] bg-white px-1.5 py-0.5 text-[12px] outline-none",value:f,onChange:$=>y($.target.value),onBlur:()=>I(v.sessionId),onKeyDown:$=>{$.key==="Enter"&&I(v.sessionId),$.key==="Escape"&&m(null)},onClick:$=>$.stopPropagation(),autoFocus:!0}):e.jsxs(e.Fragment,{children:[e.jsx("img",{src:O.message,alt:"",width:16,height:16,className:"shrink-0 opacity-60"}),e.jsx("span",{className:"flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-left text-[#333]",children:v.title||"新会话"}),e.jsxs("span",{className:"hidden shrink-0 items-center gap-0.5 group-hover:flex",children:[e.jsx("button",{type:"button",className:"flex h-5 w-5 items-center justify-center rounded text-[#999] hover:bg-white/70 hover:text-[var(--sa-primary)]",onClick:$=>T(v.sessionId,v.title,$),title:"重命名",children:e.jsx(L,{name:"pen",size:12})}),e.jsx("button",{type:"button",className:`flex h-5 w-5 items-center justify-center rounded ${N?"bg-[#fee2e2] text-[#ef4444]":"text-[#999] hover:bg-white/70 hover:text-[#ef4444]"}`,onClick:$=>j(v.sessionId,$),title:N?"确认删除":"删除",children:e.jsx(L,{name:N?"x":"trash2",size:12})})]})]})},v.sessionId)})]},A.label)),d&&e.jsx("div",{className:"px-0.5 py-2 text-center text-[11px] text-[#C0C0C0]",children:"向下滚动加载更多"})]}),C&&e.jsx("div",{className:"pointer-events-none fixed z-[10001] whitespace-nowrap rounded border border-[#E8E8E8] bg-white px-2.5 py-1.5 text-[12px] leading-[1.4] text-[#333] shadow-[0_2px_8px_rgba(0,0,0,0.12)]",style:{left:C.x,top:C.y,transform:"translateY(-50%)"},children:C.text})]})}function Ye({title:t,slots:a,welcomeMessage:s,suggestedPrompts:n,capabilities:r,quickLinks:o,logo:l,sidebarDefaultOpen:c=!0,onClose:d,avatar:p,artifactPreview:u,showTimestamp:g}){const{status:b,sendMessage:h,stop:m,conversations:f,activeConversationId:y,switchConversation:C,newConversation:D,deleteConversation:k,renameConversation:j,toggleArtifactDrawer:T,isArtifactDrawerOpen:I,allArtifacts:w,activePreviewArtifact:S,hasMore:M,loadMoreConversations:A,conversationsLoading:v,messagesLoading:E}=X(),[N,$]=i.useState(c),x=i.useCallback(()=>$(z=>!z),[]),R=a.ThreadList,F=a.Composer,H=a.Header;return e.jsxs("div",{className:"sa-fullpage",children:[R?e.jsx("div",{className:`sa-fp-sidebar-wrapper ${N?"":"sa-fp-sidebar-wrapper-collapsed"}`,children:e.jsx(R,{conversations:f,activeSessionId:y,onSwitch:C,onNew:D,onDelete:k,onRename:j,hasMore:M,onLoadMore:A})}):e.jsx(zt,{conversations:f,activeSessionId:y,onSwitch:C,onNew:D,onDelete:k,onRename:j,isCollapsed:!N,onToggleCollapse:x,hasMore:M,onLoadMore:A,conversationsLoading:v}),e.jsxs("div",{className:"sa-fp-main",children:[H?e.jsx(H,{title:t,onClose:d??Nt,onToggleThreadList:x,artifactCount:u?w.length:0,onToggleArtifactDrawer:u?T:void 0}):e.jsxs("div",{className:"sa-fp-header",children:[e.jsx("div",{className:"sa-fp-header-title",children:t}),e.jsx("div",{className:"sa-fp-header-actions",children:u&&w.length>0&&e.jsxs("button",{className:"sa-fp-header-btn sa-header-btn-artifact",onClick:T,title:"会话产物",children:[e.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[e.jsx("path",{d:"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"}),e.jsx("polyline",{points:"14 2 14 8 20 8"})]}),e.jsx("span",{children:"产物"})]})})]}),e.jsxs("div",{className:"sa-fp-content-row",children:[E?e.jsxs("div",{className:"sa-messages-loading",children:[e.jsx("span",{className:"sa-loading-spinner"}),"加载对话..."]}):e.jsx(ne,{slots:a,welcomeMessage:s,suggestedPrompts:n,capabilities:r,quickLinks:o,logo:l,avatar:p,artifactPreview:u,showTimestamp:g}),u&&I&&e.jsx(We,{artifacts:w,initialArtifact:S,onClose:T})]}),F?e.jsx(F,{status:b,onSend:h,onStop:m}):e.jsx(ie,{})]})]})}function Ge(t){const{sdk:a,mode:s="floating",slots:n={},hooks:r={},welcomeMessage:o,suggestedPrompts:l,title:c="AI Assistant",initialOpen:d=!1,onOpenChange:p,sidebarDefaultOpen:u,avatar:g,artifactPreview:b,capabilities:h,quickLinks:m,logo:f,triggerLogo:y,theme:C,showTimestamp:D}=t,[k,j]=i.useState(d);i.useEffect(()=>{j(d)},[d]);const T=i.useCallback(()=>{var M,A;const S=!k;j(S),p==null||p(S),S?(M=r.onOpen)==null||M.call(r):(A=r.onClose)==null||A.call(r)},[k,r,p]),I=i.useCallback(()=>{var S;j(!1),p==null||p(!1),(S=r.onClose)==null||S.call(r)},[r,p]),w=n.Trigger??Ee;return s==="fullpage"?k?e.jsx(re,{sdk:a,hooks:r,children:e.jsx(Ye,{title:c,slots:n,welcomeMessage:o,suggestedPrompts:l,capabilities:h,quickLinks:m,logo:f,sidebarDefaultOpen:u,onClose:I,avatar:g,artifactPreview:b,showTimestamp:D})}):null:e.jsxs(re,{sdk:a,hooks:r,children:[e.jsx(w,{isOpen:k,onClick:T,triggerLogo:y}),e.jsx(Ct,{isOpen:k,onClose:I,title:c,slots:n,welcomeMessage:o,suggestedPrompts:l,avatar:g,artifactPreview:b,capabilities:h,quickLinks:m,logo:f,defaultWidth:C==null?void 0:C.panelWidth,defaultHeight:C==null?void 0:C.panelHeight,showTimestamp:D})]})}const Xe=`
|
|
4
4
|
[data-super-agent-widget] {
|
|
5
5
|
--sa-primary-dark: color-mix(in srgb, var(--sa-primary) 82%, #000);
|
|
6
6
|
--sa-primary-light: color-mix(in srgb, var(--sa-primary) 10%, #fff);
|
|
@@ -30,135 +30,7 @@
|
|
|
30
30
|
font-family: inherit;
|
|
31
31
|
}
|
|
32
32
|
|
|
33
|
-
/* ── Trigger
|
|
34
|
-
|
|
35
|
-
.sa-trigger {
|
|
36
|
-
position: fixed;
|
|
37
|
-
bottom: 24px;
|
|
38
|
-
right: 24px;
|
|
39
|
-
width: 56px;
|
|
40
|
-
height: 56px;
|
|
41
|
-
border: none;
|
|
42
|
-
border-radius: 50%;
|
|
43
|
-
cursor: pointer;
|
|
44
|
-
display: flex;
|
|
45
|
-
align-items: center;
|
|
46
|
-
justify-content: center;
|
|
47
|
-
background: linear-gradient(135deg, var(--sa-primary), var(--sa-primary-dark));
|
|
48
|
-
color: #ffffff;
|
|
49
|
-
font-size: 24px;
|
|
50
|
-
box-shadow: 0 8px 24px color-mix(in srgb, var(--sa-primary) 35%, transparent);
|
|
51
|
-
z-index: var(--sa-z-index, 9999);
|
|
52
|
-
transition: transform 0.2s ease, box-shadow 0.2s ease;
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
.sa-trigger:hover {
|
|
56
|
-
transform: scale(1.08);
|
|
57
|
-
box-shadow: 0 12px 32px color-mix(in srgb, var(--sa-primary) 45%, transparent);
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
.sa-trigger:active {
|
|
61
|
-
transform: scale(0.94);
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
.sa-trigger-open {
|
|
65
|
-
transform: rotate(90deg);
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
/* ── Panel ───────────────────────────────────────────────── */
|
|
69
|
-
|
|
70
|
-
.sa-panel {
|
|
71
|
-
position: fixed;
|
|
72
|
-
bottom: 96px;
|
|
73
|
-
right: 24px;
|
|
74
|
-
width: var(--sa-panel-width, 380px);
|
|
75
|
-
height: var(--sa-panel-height, 520px);
|
|
76
|
-
max-height: calc(100vh - 120px);
|
|
77
|
-
display: flex;
|
|
78
|
-
flex-direction: column;
|
|
79
|
-
overflow: hidden;
|
|
80
|
-
background: var(--sa-bg);
|
|
81
|
-
border: 1px solid var(--sa-border);
|
|
82
|
-
border-radius: var(--sa-radius, 16px);
|
|
83
|
-
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.18);
|
|
84
|
-
z-index: var(--sa-z-index, 9999);
|
|
85
|
-
animation: sa-slide-up 0.25s cubic-bezier(0.16, 1, 0.3, 1);
|
|
86
|
-
}
|
|
87
|
-
|
|
88
|
-
/* ── Header ──────────────────────────────────────────────── */
|
|
89
|
-
|
|
90
|
-
.sa-header {
|
|
91
|
-
display: flex;
|
|
92
|
-
align-items: center;
|
|
93
|
-
gap: 10px;
|
|
94
|
-
padding: 14px 16px;
|
|
95
|
-
color: #ffffff;
|
|
96
|
-
background: linear-gradient(135deg, var(--sa-primary), var(--sa-primary-dark));
|
|
97
|
-
flex-shrink: 0;
|
|
98
|
-
}
|
|
99
|
-
|
|
100
|
-
.sa-header-left {
|
|
101
|
-
display: flex;
|
|
102
|
-
align-items: center;
|
|
103
|
-
gap: 10px;
|
|
104
|
-
flex: 1;
|
|
105
|
-
}
|
|
106
|
-
|
|
107
|
-
.sa-header-avatar {
|
|
108
|
-
width: 28px;
|
|
109
|
-
height: 28px;
|
|
110
|
-
border-radius: 50%;
|
|
111
|
-
background: rgba(255,255,255,0.2);
|
|
112
|
-
display: flex;
|
|
113
|
-
align-items: center;
|
|
114
|
-
justify-content: center;
|
|
115
|
-
font-size: 12px;
|
|
116
|
-
font-weight: 600;
|
|
117
|
-
}
|
|
118
|
-
|
|
119
|
-
.sa-header-info {
|
|
120
|
-
display: flex;
|
|
121
|
-
flex-direction: column;
|
|
122
|
-
}
|
|
123
|
-
|
|
124
|
-
.sa-header-status {
|
|
125
|
-
font-size: 11px;
|
|
126
|
-
opacity: 0.8;
|
|
127
|
-
color: #a5f3a6;
|
|
128
|
-
}
|
|
129
|
-
|
|
130
|
-
.sa-header-actions {
|
|
131
|
-
display: flex;
|
|
132
|
-
gap: 4px;
|
|
133
|
-
}
|
|
134
|
-
|
|
135
|
-
.sa-header-title {
|
|
136
|
-
flex: 1;
|
|
137
|
-
font-size: 16px;
|
|
138
|
-
font-weight: 600;
|
|
139
|
-
white-space: nowrap;
|
|
140
|
-
overflow: hidden;
|
|
141
|
-
text-overflow: ellipsis;
|
|
142
|
-
}
|
|
143
|
-
|
|
144
|
-
.sa-header-btn {
|
|
145
|
-
width: 30px;
|
|
146
|
-
height: 30px;
|
|
147
|
-
border: none;
|
|
148
|
-
border-radius: 8px;
|
|
149
|
-
background: transparent;
|
|
150
|
-
color: #ffffff;
|
|
151
|
-
font-size: 16px;
|
|
152
|
-
cursor: pointer;
|
|
153
|
-
display: flex;
|
|
154
|
-
align-items: center;
|
|
155
|
-
justify-content: center;
|
|
156
|
-
transition: background 0.15s ease;
|
|
157
|
-
}
|
|
158
|
-
|
|
159
|
-
.sa-header-btn:hover {
|
|
160
|
-
background: rgba(255, 255, 255, 0.18);
|
|
161
|
-
}
|
|
33
|
+
/* ── Trigger / Panel / Header(浮窗框架已改用 Tailwind 实现,见 tailwind.css) ── */
|
|
162
34
|
|
|
163
35
|
/* ── Thread / messages ───────────────────────────────────── */
|
|
164
36
|
|
|
@@ -166,7 +38,7 @@
|
|
|
166
38
|
flex: 1;
|
|
167
39
|
display: flex;
|
|
168
40
|
flex-direction: column;
|
|
169
|
-
gap:
|
|
41
|
+
gap: 16px;
|
|
170
42
|
overflow-y: auto;
|
|
171
43
|
padding: 16px;
|
|
172
44
|
background: var(--sa-surface);
|
|
@@ -186,6 +58,9 @@
|
|
|
186
58
|
background: rgba(0, 0, 0, 0.24);
|
|
187
59
|
}
|
|
188
60
|
|
|
61
|
+
/* ── Message:浮窗默认 hr-for-help 风格(AI 头像独占一行);
|
|
62
|
+
fullpage 模式在 .sa-fp-content-row 下恢复原横排布局,互不影响 ── */
|
|
63
|
+
|
|
189
64
|
.sa-message {
|
|
190
65
|
display: flex;
|
|
191
66
|
align-items: flex-start;
|
|
@@ -197,6 +72,13 @@
|
|
|
197
72
|
justify-content: flex-end;
|
|
198
73
|
}
|
|
199
74
|
|
|
75
|
+
/* AI 消息:列布局,头像独占一行(仅浮窗,对齐 hr-for-help msgAi) */
|
|
76
|
+
.sa-message-assistant {
|
|
77
|
+
flex-direction: column;
|
|
78
|
+
align-items: flex-start;
|
|
79
|
+
gap: 6px;
|
|
80
|
+
}
|
|
81
|
+
|
|
200
82
|
.sa-message-content {
|
|
201
83
|
max-width: 78%;
|
|
202
84
|
display: flex;
|
|
@@ -204,33 +86,42 @@
|
|
|
204
86
|
gap: 4px;
|
|
205
87
|
}
|
|
206
88
|
|
|
89
|
+
.sa-message-user .sa-message-content {
|
|
90
|
+
max-width: 90%;
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
.sa-message-assistant .sa-message-content {
|
|
94
|
+
max-width: 100%;
|
|
95
|
+
min-width: 0;
|
|
96
|
+
width: 100%;
|
|
97
|
+
}
|
|
98
|
+
|
|
207
99
|
.sa-message-body {
|
|
208
100
|
display: flex;
|
|
209
101
|
flex-direction: column;
|
|
210
102
|
gap: 4px;
|
|
211
103
|
}
|
|
212
104
|
|
|
105
|
+
/* 浮窗气泡:用户浅蓝、AI 白底描边(对齐 hr-for-help) */
|
|
213
106
|
.sa-message-user .sa-message-body {
|
|
214
|
-
padding:
|
|
215
|
-
border-radius:
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
color: #ffffff;
|
|
107
|
+
padding: 8px 12px;
|
|
108
|
+
border-radius: 8px 8px 0 8px;
|
|
109
|
+
background: #E8F1FE;
|
|
110
|
+
color: #333333;
|
|
219
111
|
font-size: 14px;
|
|
220
|
-
line-height: 1.
|
|
112
|
+
line-height: 1.6;
|
|
221
113
|
word-break: break-word;
|
|
222
114
|
}
|
|
223
115
|
|
|
224
116
|
.sa-message-assistant .sa-message-body {
|
|
225
|
-
padding: 10px
|
|
226
|
-
border-radius:
|
|
227
|
-
border-bottom-left-radius: 4px;
|
|
117
|
+
padding: 10px 12px;
|
|
118
|
+
border-radius: 8px;
|
|
228
119
|
background: #ffffff;
|
|
120
|
+
border: 1px solid #E0E0E0;
|
|
229
121
|
color: var(--sa-text);
|
|
230
122
|
font-size: 14px;
|
|
231
|
-
line-height: 1.
|
|
123
|
+
line-height: 1.5;
|
|
232
124
|
word-break: break-word;
|
|
233
|
-
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
|
|
234
125
|
}
|
|
235
126
|
|
|
236
127
|
.sa-message-time {
|
|
@@ -243,26 +134,72 @@
|
|
|
243
134
|
text-align: right;
|
|
244
135
|
}
|
|
245
136
|
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
137
|
+
/* 消息头像:裸展示,无背景色(对齐 hr-for-help msgAvatar) */
|
|
138
|
+
.sa-msg-avatar {
|
|
139
|
+
width: 24px;
|
|
140
|
+
height: 24px;
|
|
250
141
|
border-radius: 50%;
|
|
251
|
-
|
|
142
|
+
object-fit: cover;
|
|
143
|
+
flex-shrink: 0;
|
|
144
|
+
display: block;
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
.sa-msg-avatar-text {
|
|
148
|
+
display: inline-flex;
|
|
252
149
|
align-items: center;
|
|
253
150
|
justify-content: center;
|
|
254
|
-
|
|
255
|
-
font-
|
|
256
|
-
font-weight: 600;
|
|
257
|
-
overflow: hidden;
|
|
151
|
+
font-size: 18px;
|
|
152
|
+
font-weight: 400;
|
|
258
153
|
}
|
|
259
154
|
|
|
260
|
-
|
|
261
|
-
|
|
155
|
+
/* ── fullpage 覆盖:恢复横排头像 + 经典气泡(不受浮窗 hr-for-help 改版影响) ── */
|
|
156
|
+
|
|
157
|
+
.sa-fp-content-row .sa-message-assistant {
|
|
158
|
+
flex-direction: row;
|
|
159
|
+
gap: 10px;
|
|
262
160
|
}
|
|
263
161
|
|
|
264
|
-
.sa-
|
|
265
|
-
|
|
162
|
+
.sa-fp-content-row .sa-message-assistant .sa-message-content {
|
|
163
|
+
max-width: 88%;
|
|
164
|
+
width: auto;
|
|
165
|
+
}
|
|
166
|
+
|
|
167
|
+
.sa-fp-content-row .sa-message-user .sa-message-content {
|
|
168
|
+
max-width: 78%;
|
|
169
|
+
}
|
|
170
|
+
|
|
171
|
+
// .sa-fp-content-row .sa-message-user .sa-message-body {
|
|
172
|
+
// padding: 10px 14px;
|
|
173
|
+
// border-radius: 16px;
|
|
174
|
+
// border-bottom-right-radius: 4px;
|
|
175
|
+
// background: var(--sa-primary);
|
|
176
|
+
// color: #ffffff;
|
|
177
|
+
// font-size: 14px;
|
|
178
|
+
// line-height: 1.55;
|
|
179
|
+
// word-break: break-word;
|
|
180
|
+
// }
|
|
181
|
+
|
|
182
|
+
.sa-fp-content-row .sa-message-assistant .sa-message-body {
|
|
183
|
+
padding: 10px 14px;
|
|
184
|
+
border-radius: 16px;
|
|
185
|
+
background: #ffffff;
|
|
186
|
+
color: var(--sa-text);
|
|
187
|
+
font-size: 14px;
|
|
188
|
+
line-height: 1.55;
|
|
189
|
+
word-break: break-word;
|
|
190
|
+
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
|
|
191
|
+
}
|
|
192
|
+
|
|
193
|
+
.sa-fp-content-row .sa-msg-avatar {
|
|
194
|
+
width: 24px;
|
|
195
|
+
height: 24px;
|
|
196
|
+
}
|
|
197
|
+
|
|
198
|
+
.sa-fp-content-row .sa-msg-avatar-text {
|
|
199
|
+
background: linear-gradient(135deg, var(--sa-primary), var(--sa-primary-dark));
|
|
200
|
+
color: #ffffff;
|
|
201
|
+
font-size: 12px;
|
|
202
|
+
font-weight: 600;
|
|
266
203
|
}
|
|
267
204
|
|
|
268
205
|
/* ── Text part (markdown) ────────────────────────────────── */
|
|
@@ -638,84 +575,7 @@
|
|
|
638
575
|
}
|
|
639
576
|
.sa-dislike-cancel:hover { background: var(--sa-surface); }
|
|
640
577
|
|
|
641
|
-
/* ── Composer
|
|
642
|
-
|
|
643
|
-
.sa-composer {
|
|
644
|
-
position: relative;
|
|
645
|
-
display: flex;
|
|
646
|
-
align-items: flex-end;
|
|
647
|
-
gap: 10px;
|
|
648
|
-
padding: 12px 14px;
|
|
649
|
-
border-top: 1px solid var(--sa-border);
|
|
650
|
-
background: var(--sa-bg);
|
|
651
|
-
flex-shrink: 0;
|
|
652
|
-
}
|
|
653
|
-
|
|
654
|
-
.sa-composer-input {
|
|
655
|
-
flex: 1;
|
|
656
|
-
min-height: 38px;
|
|
657
|
-
max-height: 120px;
|
|
658
|
-
padding: 9px 14px;
|
|
659
|
-
border: 1px solid var(--sa-border);
|
|
660
|
-
border-radius: 19px;
|
|
661
|
-
background: var(--sa-surface);
|
|
662
|
-
color: var(--sa-text);
|
|
663
|
-
font-family: var(--sa-font);
|
|
664
|
-
font-size: 14px;
|
|
665
|
-
line-height: 1.5;
|
|
666
|
-
resize: none;
|
|
667
|
-
outline: none;
|
|
668
|
-
transition: border-color 0.2s ease, background 0.2s ease;
|
|
669
|
-
}
|
|
670
|
-
|
|
671
|
-
.sa-composer-input::placeholder {
|
|
672
|
-
color: #9ca3af;
|
|
673
|
-
}
|
|
674
|
-
|
|
675
|
-
.sa-composer-input:focus {
|
|
676
|
-
border-color: var(--sa-primary);
|
|
677
|
-
background: #ffffff;
|
|
678
|
-
}
|
|
679
|
-
|
|
680
|
-
.sa-composer-send,
|
|
681
|
-
.sa-composer-stop {
|
|
682
|
-
width: 38px;
|
|
683
|
-
height: 38px;
|
|
684
|
-
flex-shrink: 0;
|
|
685
|
-
border: none;
|
|
686
|
-
border-radius: 50%;
|
|
687
|
-
cursor: pointer;
|
|
688
|
-
display: flex;
|
|
689
|
-
align-items: center;
|
|
690
|
-
justify-content: center;
|
|
691
|
-
color: #ffffff;
|
|
692
|
-
font-size: 16px;
|
|
693
|
-
transition: transform 0.15s ease, background 0.2s ease;
|
|
694
|
-
}
|
|
695
|
-
|
|
696
|
-
.sa-composer-send {
|
|
697
|
-
background: var(--sa-primary);
|
|
698
|
-
}
|
|
699
|
-
|
|
700
|
-
.sa-composer-send:hover {
|
|
701
|
-
background: var(--sa-primary-dark);
|
|
702
|
-
transform: scale(1.05);
|
|
703
|
-
}
|
|
704
|
-
|
|
705
|
-
.sa-composer-send:disabled {
|
|
706
|
-
opacity: 0.5;
|
|
707
|
-
cursor: not-allowed;
|
|
708
|
-
transform: none;
|
|
709
|
-
}
|
|
710
|
-
|
|
711
|
-
.sa-composer-stop {
|
|
712
|
-
background: #ef4444;
|
|
713
|
-
}
|
|
714
|
-
|
|
715
|
-
.sa-composer-stop:hover {
|
|
716
|
-
background: #dc2626;
|
|
717
|
-
transform: scale(1.05);
|
|
718
|
-
}
|
|
578
|
+
/* ── Composer(输入区改用 Tailwind 实现,见 tailwind.css 的 .sa-input-form/.sa-send-btn) ── */
|
|
719
579
|
|
|
720
580
|
/* ── Slash Menu ─────────────────────────────────────────── */
|
|
721
581
|
|
|
@@ -773,89 +633,7 @@
|
|
|
773
633
|
min-width: 0;
|
|
774
634
|
}
|
|
775
635
|
|
|
776
|
-
/* ── Thread list
|
|
777
|
-
|
|
778
|
-
.sa-thread-list-overlay {
|
|
779
|
-
position: absolute;
|
|
780
|
-
inset: 0;
|
|
781
|
-
background: rgba(0,0,0,0.3);
|
|
782
|
-
z-index: 19;
|
|
783
|
-
}
|
|
784
|
-
|
|
785
|
-
.sa-thread-list {
|
|
786
|
-
position: absolute;
|
|
787
|
-
top: 0;
|
|
788
|
-
left: 0;
|
|
789
|
-
bottom: 0;
|
|
790
|
-
width: 100%;
|
|
791
|
-
display: flex;
|
|
792
|
-
flex-direction: column;
|
|
793
|
-
background: #ffffff;
|
|
794
|
-
z-index: 20;
|
|
795
|
-
box-shadow: 0 0 40px rgba(0, 0, 0, 0.15);
|
|
796
|
-
animation: sa-slide-in-left 0.25s cubic-bezier(0.16, 1, 0.3, 1);
|
|
797
|
-
}
|
|
798
|
-
|
|
799
|
-
.sa-thread-list-header {
|
|
800
|
-
display: flex;
|
|
801
|
-
align-items: center;
|
|
802
|
-
justify-content: space-between;
|
|
803
|
-
padding: 20px 20px 16px;
|
|
804
|
-
flex-shrink: 0;
|
|
805
|
-
}
|
|
806
|
-
|
|
807
|
-
.sa-thread-list-title {
|
|
808
|
-
font-size: 17px;
|
|
809
|
-
font-weight: 700;
|
|
810
|
-
color: #18181b;
|
|
811
|
-
letter-spacing: -0.2px;
|
|
812
|
-
}
|
|
813
|
-
|
|
814
|
-
.sa-thread-list-new {
|
|
815
|
-
display: flex;
|
|
816
|
-
align-items: center;
|
|
817
|
-
gap: 6px;
|
|
818
|
-
padding: 8px 16px;
|
|
819
|
-
border: none;
|
|
820
|
-
border-radius: 20px;
|
|
821
|
-
background: #f4f4f5;
|
|
822
|
-
color: #3f3f46;
|
|
823
|
-
font-size: 13px;
|
|
824
|
-
font-weight: 500;
|
|
825
|
-
cursor: pointer;
|
|
826
|
-
transition: background 0.15s;
|
|
827
|
-
}
|
|
828
|
-
|
|
829
|
-
.sa-thread-list-new:hover {
|
|
830
|
-
background: #e4e4e7;
|
|
831
|
-
}
|
|
832
|
-
|
|
833
|
-
.sa-thread-list-items {
|
|
834
|
-
flex: 1;
|
|
835
|
-
overflow-y: auto;
|
|
836
|
-
padding: 0 12px 12px;
|
|
837
|
-
}
|
|
838
|
-
|
|
839
|
-
.sa-thread-list-empty {
|
|
840
|
-
padding: 48px 16px;
|
|
841
|
-
text-align: center;
|
|
842
|
-
color: var(--sa-text-muted);
|
|
843
|
-
font-size: 14px;
|
|
844
|
-
}
|
|
845
|
-
|
|
846
|
-
.sa-thread-list-loading {
|
|
847
|
-
padding: 12px 16px;
|
|
848
|
-
text-align: center;
|
|
849
|
-
color: #9ca3af;
|
|
850
|
-
font-size: 13px;
|
|
851
|
-
}
|
|
852
|
-
|
|
853
|
-
.sa-thread-list-hint {
|
|
854
|
-
padding: 8px 16px 12px;
|
|
855
|
-
text-align: center;
|
|
856
|
-
color: #d1d5db;
|
|
857
|
-
font-size: 12px;
|
|
858
|
-
}
|
|
636
|
+
/* ── Thread list(内嵌侧边栏改用 Tailwind 实现,见 FullpageLayout.tsx / ThreadList.tsx) ── */
|
|
859
637
|
|
|
860
638
|
/* 消息区加载态 */
|
|
861
639
|
.sa-messages-loading {
|
|
@@ -882,155 +660,12 @@
|
|
|
882
660
|
to { transform: rotate(360deg); }
|
|
883
661
|
}
|
|
884
662
|
|
|
885
|
-
.
|
|
886
|
-
padding: 16px 8px 6px;
|
|
887
|
-
font-size: 12px;
|
|
888
|
-
font-weight: 500;
|
|
889
|
-
color: #a1a1aa;
|
|
890
|
-
}
|
|
891
|
-
|
|
892
|
-
.sa-thread-item {
|
|
893
|
-
display: flex;
|
|
894
|
-
align-items: center;
|
|
895
|
-
justify-content: space-between;
|
|
896
|
-
gap: 8px;
|
|
897
|
-
padding: 10px 12px;
|
|
898
|
-
margin: 2px 0;
|
|
899
|
-
border-radius: 8px;
|
|
900
|
-
color: #374151;
|
|
901
|
-
font-size: 14px;
|
|
902
|
-
cursor: pointer;
|
|
903
|
-
transition: background 0.15s ease;
|
|
904
|
-
}
|
|
905
|
-
|
|
906
|
-
.sa-thread-item:hover {
|
|
907
|
-
background: #f9fafb;
|
|
908
|
-
}
|
|
909
|
-
|
|
910
|
-
.sa-thread-item.active {
|
|
911
|
-
background: var(--sa-primary-light);
|
|
912
|
-
color: var(--sa-primary-dark);
|
|
913
|
-
font-weight: 500;
|
|
914
|
-
}
|
|
915
|
-
|
|
916
|
-
.sa-thread-item-info {
|
|
917
|
-
flex: 1;
|
|
918
|
-
overflow: hidden;
|
|
919
|
-
display: flex;
|
|
920
|
-
flex-direction: column;
|
|
921
|
-
gap: 2px;
|
|
922
|
-
}
|
|
923
|
-
|
|
924
|
-
.sa-thread-item-title {
|
|
925
|
-
overflow: hidden;
|
|
926
|
-
white-space: nowrap;
|
|
927
|
-
text-overflow: ellipsis;
|
|
928
|
-
}
|
|
929
|
-
|
|
930
|
-
.sa-thread-item-time {
|
|
931
|
-
font-size: 11px;
|
|
932
|
-
color: var(--sa-text-light);
|
|
933
|
-
white-space: nowrap;
|
|
934
|
-
}
|
|
935
|
-
|
|
936
|
-
.sa-thread-item-edit {
|
|
937
|
-
width: 100%;
|
|
938
|
-
padding: 4px 8px;
|
|
939
|
-
border: 1px solid var(--sa-primary);
|
|
940
|
-
border-radius: 6px;
|
|
941
|
-
font-size: 13px;
|
|
942
|
-
outline: none;
|
|
943
|
-
background: var(--sa-bg);
|
|
944
|
-
color: var(--sa-text);
|
|
945
|
-
}
|
|
946
|
-
|
|
947
|
-
/* 操作按钮组:始终占位(visibility 控制),hover 时显示,高度不变 */
|
|
948
|
-
.sa-thread-item-actions {
|
|
949
|
-
display: flex;
|
|
950
|
-
gap: 2px;
|
|
951
|
-
flex-shrink: 0;
|
|
952
|
-
visibility: hidden;
|
|
953
|
-
}
|
|
954
|
-
|
|
955
|
-
.sa-thread-item:hover .sa-thread-item-actions {
|
|
956
|
-
visibility: visible;
|
|
957
|
-
}
|
|
958
|
-
|
|
959
|
-
.sa-thread-item-action-btn {
|
|
960
|
-
border: none;
|
|
961
|
-
background: transparent;
|
|
962
|
-
color: var(--sa-text-muted);
|
|
963
|
-
cursor: pointer;
|
|
964
|
-
padding: 2px;
|
|
965
|
-
border-radius: 4px;
|
|
966
|
-
display: inline-flex;
|
|
967
|
-
align-items: center;
|
|
968
|
-
transition: color 0.15s ease, background 0.15s ease;
|
|
969
|
-
}
|
|
970
|
-
|
|
971
|
-
.sa-thread-item-action-btn:hover {
|
|
972
|
-
color: var(--sa-primary);
|
|
973
|
-
background: rgba(99,102,241,0.08);
|
|
974
|
-
}
|
|
975
|
-
|
|
976
|
-
/* ── Welcome ─────────────────────────────────────────────── */
|
|
977
|
-
|
|
978
|
-
.sa-welcome {
|
|
979
|
-
flex: 1;
|
|
980
|
-
display: flex;
|
|
981
|
-
flex-direction: column;
|
|
982
|
-
align-items: center;
|
|
983
|
-
justify-content: center;
|
|
984
|
-
padding: 24px;
|
|
985
|
-
text-align: center;
|
|
986
|
-
}
|
|
987
|
-
|
|
988
|
-
.sa-welcome-icon {
|
|
989
|
-
font-size: 40px;
|
|
990
|
-
margin-bottom: 12px;
|
|
991
|
-
}
|
|
663
|
+
/* ── Welcome(首页改用 Tailwind 实现,见 tailwind.css) ── */
|
|
992
664
|
|
|
993
|
-
.sa-
|
|
994
|
-
|
|
665
|
+
.sa-thinking-indicator {
|
|
666
|
+
color: #9ca3af;
|
|
995
667
|
font-size: 14px;
|
|
996
|
-
|
|
997
|
-
line-height: 1.6;
|
|
998
|
-
}
|
|
999
|
-
|
|
1000
|
-
.sa-welcome-prompts {
|
|
1001
|
-
display: flex;
|
|
1002
|
-
flex-direction: column;
|
|
1003
|
-
gap: 8px;
|
|
1004
|
-
width: 100%;
|
|
1005
|
-
}
|
|
1006
|
-
|
|
1007
|
-
.sa-welcome-prompt {
|
|
1008
|
-
padding: 10px 16px;
|
|
1009
|
-
border: 1px solid var(--sa-border);
|
|
1010
|
-
border-radius: 999px;
|
|
1011
|
-
background: #ffffff;
|
|
1012
|
-
color: #374151;
|
|
1013
|
-
font-size: 13px;
|
|
1014
|
-
cursor: pointer;
|
|
1015
|
-
transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease;
|
|
1016
|
-
}
|
|
1017
|
-
|
|
1018
|
-
.sa-welcome-prompt:hover {
|
|
1019
|
-
border-color: var(--sa-primary);
|
|
1020
|
-
background: var(--sa-primary-light);
|
|
1021
|
-
color: var(--sa-primary-dark);
|
|
1022
|
-
}
|
|
1023
|
-
|
|
1024
|
-
/* ── Streaming cursor ────────────────────────────────────── */
|
|
1025
|
-
|
|
1026
|
-
.sa-streaming-cursor {
|
|
1027
|
-
display: inline-block;
|
|
1028
|
-
width: 2px;
|
|
1029
|
-
height: 1em;
|
|
1030
|
-
margin-left: 2px;
|
|
1031
|
-
background: var(--sa-primary);
|
|
1032
|
-
vertical-align: text-bottom;
|
|
1033
|
-
animation: sa-blink 1s steps(2, start) infinite;
|
|
668
|
+
animation: sa-blink 1.2s ease-in-out infinite;
|
|
1034
669
|
}
|
|
1035
670
|
|
|
1036
671
|
/* ── Interrupt cards ──────────────────────────────────────── */
|
|
@@ -1247,17 +882,6 @@
|
|
|
1247
882
|
|
|
1248
883
|
/* ── Animations ──────────────────────────────────────────── */
|
|
1249
884
|
|
|
1250
|
-
@keyframes sa-slide-up {
|
|
1251
|
-
from {
|
|
1252
|
-
opacity: 0;
|
|
1253
|
-
transform: translateY(16px) scale(0.98);
|
|
1254
|
-
}
|
|
1255
|
-
to {
|
|
1256
|
-
opacity: 1;
|
|
1257
|
-
transform: translateY(0) scale(1);
|
|
1258
|
-
}
|
|
1259
|
-
}
|
|
1260
|
-
|
|
1261
885
|
@keyframes sa-blink {
|
|
1262
886
|
0%,
|
|
1263
887
|
100% {
|
|
@@ -1268,17 +892,6 @@
|
|
|
1268
892
|
}
|
|
1269
893
|
}
|
|
1270
894
|
|
|
1271
|
-
@keyframes sa-slide-in-left {
|
|
1272
|
-
from {
|
|
1273
|
-
opacity: 0;
|
|
1274
|
-
transform: translateX(-100%);
|
|
1275
|
-
}
|
|
1276
|
-
to {
|
|
1277
|
-
opacity: 1;
|
|
1278
|
-
transform: translateX(0);
|
|
1279
|
-
}
|
|
1280
|
-
}
|
|
1281
|
-
|
|
1282
895
|
/* ── Fullpage Layout (DeepSeek-style) ────────────────────────── */
|
|
1283
896
|
|
|
1284
897
|
.sa-fullpage {
|
|
@@ -1289,208 +902,21 @@
|
|
|
1289
902
|
background: var(--sa-bg, #ffffff);
|
|
1290
903
|
}
|
|
1291
904
|
|
|
1292
|
-
/* Sidebar */
|
|
1293
|
-
.sa-fp-sidebar {
|
|
1294
|
-
width: 260px;
|
|
1295
|
-
display: flex;
|
|
1296
|
-
flex-direction: column;
|
|
1297
|
-
background: var(--sa-surface, #ffffff);
|
|
1298
|
-
flex-shrink: 0;
|
|
1299
|
-
transition: width 0.2s cubic-bezier(0.16,1,0.3,1);
|
|
1300
|
-
overflow: hidden;
|
|
1301
|
-
border-right: 1px solid #e8e8ea;
|
|
1302
|
-
}
|
|
1303
|
-
|
|
1304
|
-
.sa-fp-sidebar-collapsed {
|
|
1305
|
-
width: 52px;
|
|
1306
|
-
align-items: center;
|
|
1307
|
-
padding-top: 12px;
|
|
1308
|
-
gap: 4px;
|
|
1309
|
-
border-right: 1px solid #e8e8ea;
|
|
1310
|
-
}
|
|
1311
|
-
|
|
1312
|
-
.sa-fp-sidebar-header {
|
|
1313
|
-
display: flex;
|
|
1314
|
-
align-items: center;
|
|
1315
|
-
gap: 8px;
|
|
1316
|
-
padding: 12px 12px 8px;
|
|
1317
|
-
flex-shrink: 0;
|
|
1318
|
-
}
|
|
1319
|
-
|
|
1320
|
-
.sa-fp-sidebar-toggle {
|
|
1321
|
-
width: 32px;
|
|
1322
|
-
height: 32px;
|
|
1323
|
-
border: none;
|
|
1324
|
-
border-radius: 8px;
|
|
1325
|
-
background: transparent;
|
|
1326
|
-
color: #71717a;
|
|
1327
|
-
cursor: pointer;
|
|
1328
|
-
display: flex;
|
|
1329
|
-
align-items: center;
|
|
1330
|
-
justify-content: center;
|
|
1331
|
-
transition: background 0.12s, color 0.12s;
|
|
1332
|
-
flex-shrink: 0;
|
|
1333
|
-
}
|
|
1334
|
-
|
|
1335
|
-
.sa-fp-sidebar-toggle:hover {
|
|
1336
|
-
background: #e4e4e7;
|
|
1337
|
-
color: #18181b;
|
|
1338
|
-
}
|
|
1339
|
-
|
|
1340
|
-
.sa-fp-sidebar-new {
|
|
1341
|
-
flex: 1;
|
|
1342
|
-
padding: 7px 12px;
|
|
1343
|
-
border: 1px solid #d4d4d8;
|
|
1344
|
-
border-radius: 8px;
|
|
1345
|
-
background: #fff;
|
|
1346
|
-
color: #3f3f46;
|
|
1347
|
-
font-size: 13px;
|
|
1348
|
-
font-weight: 500;
|
|
1349
|
-
cursor: pointer;
|
|
1350
|
-
display: flex;
|
|
1351
|
-
align-items: center;
|
|
1352
|
-
gap: 6px;
|
|
1353
|
-
transition: border-color 0.12s, box-shadow 0.12s;
|
|
1354
|
-
}
|
|
1355
|
-
|
|
1356
|
-
.sa-fp-sidebar-new:hover {
|
|
1357
|
-
border-color: #a1a1aa;
|
|
1358
|
-
box-shadow: 0 1px 3px rgba(0,0,0,0.06);
|
|
1359
|
-
}
|
|
1360
|
-
|
|
1361
|
-
.sa-fp-sidebar-new span {
|
|
1362
|
-
font-size: 13px;
|
|
1363
|
-
}
|
|
1364
|
-
|
|
1365
|
-
.sa-fp-sidebar-list {
|
|
1366
|
-
flex: 1;
|
|
1367
|
-
overflow-y: auto;
|
|
1368
|
-
padding: 4px 8px 12px;
|
|
1369
|
-
}
|
|
1370
|
-
|
|
1371
|
-
.sa-fp-sidebar-list::-webkit-scrollbar {
|
|
1372
|
-
width: 4px;
|
|
1373
|
-
}
|
|
1374
|
-
|
|
1375
|
-
.sa-fp-sidebar-list::-webkit-scrollbar-thumb {
|
|
1376
|
-
background: rgba(0,0,0,0.08);
|
|
1377
|
-
border-radius: 2px;
|
|
1378
|
-
}
|
|
1379
|
-
|
|
1380
|
-
.sa-fp-sidebar-list::-webkit-scrollbar-thumb:hover {
|
|
1381
|
-
background: rgba(0,0,0,0.15);
|
|
1382
|
-
}
|
|
1383
|
-
|
|
1384
|
-
.sa-fp-sidebar-group {
|
|
1385
|
-
padding: 12px 8px 4px;
|
|
1386
|
-
font-size: 11px;
|
|
1387
|
-
font-weight: 500;
|
|
1388
|
-
color: #a1a1aa;
|
|
1389
|
-
letter-spacing: 0.3px;
|
|
1390
|
-
}
|
|
1391
|
-
|
|
1392
|
-
.sa-fp-sidebar-item {
|
|
1393
|
-
display: flex;
|
|
1394
|
-
align-items: center;
|
|
1395
|
-
gap: 8px;
|
|
1396
|
-
padding: 8px 10px;
|
|
1397
|
-
margin: 1px 0;
|
|
1398
|
-
border-radius: 8px;
|
|
1399
|
-
cursor: pointer;
|
|
1400
|
-
color: #3f3f46;
|
|
1401
|
-
font-size: 13px;
|
|
1402
|
-
line-height: 1.4;
|
|
1403
|
-
transition: background 0.1s;
|
|
1404
|
-
}
|
|
1405
|
-
|
|
1406
|
-
.sa-fp-sidebar-item:hover {
|
|
1407
|
-
background: #e8e8ea;
|
|
1408
|
-
}
|
|
1409
|
-
|
|
1410
|
-
.sa-fp-sidebar-item.active {
|
|
1411
|
-
background: #e4e4e7;
|
|
1412
|
-
color: #18181b;
|
|
1413
|
-
font-weight: 500;
|
|
1414
|
-
}
|
|
1415
|
-
|
|
1416
|
-
.sa-fp-sidebar-item-title {
|
|
1417
|
-
flex: 1;
|
|
1418
|
-
overflow: hidden;
|
|
1419
|
-
white-space: nowrap;
|
|
1420
|
-
text-overflow: ellipsis;
|
|
1421
|
-
}
|
|
1422
|
-
|
|
1423
|
-
.sa-fp-sidebar-item-edit {
|
|
1424
|
-
flex: 1;
|
|
1425
|
-
min-width: 0;
|
|
1426
|
-
padding: 2px 6px;
|
|
1427
|
-
border: 1px solid var(--sa-primary, #6366f1);
|
|
1428
|
-
border-radius: 4px;
|
|
1429
|
-
font-size: 13px;
|
|
1430
|
-
color: #27272a;
|
|
1431
|
-
background: #fff;
|
|
1432
|
-
outline: none;
|
|
1433
|
-
}
|
|
1434
|
-
|
|
1435
|
-
.sa-fp-sidebar-item-actions {
|
|
1436
|
-
display: flex;
|
|
1437
|
-
gap: 2px;
|
|
1438
|
-
flex-shrink: 0;
|
|
1439
|
-
visibility: hidden;
|
|
1440
|
-
}
|
|
1441
|
-
|
|
1442
|
-
.sa-fp-sidebar-item-actions.visible {
|
|
1443
|
-
visibility: visible;
|
|
1444
|
-
}
|
|
1445
|
-
|
|
1446
|
-
.sa-fp-sidebar-item-action {
|
|
1447
|
-
width: 24px;
|
|
1448
|
-
height: 24px;
|
|
1449
|
-
border: none;
|
|
1450
|
-
border-radius: 6px;
|
|
1451
|
-
background: transparent;
|
|
1452
|
-
color: #a1a1aa;
|
|
1453
|
-
cursor: pointer;
|
|
1454
|
-
display: flex;
|
|
1455
|
-
align-items: center;
|
|
1456
|
-
justify-content: center;
|
|
1457
|
-
flex-shrink: 0;
|
|
1458
|
-
transition: color 0.1s, background 0.1s;
|
|
1459
|
-
}
|
|
1460
|
-
|
|
1461
|
-
.sa-fp-sidebar-item-action:hover {
|
|
1462
|
-
color: #71717a;
|
|
1463
|
-
background: rgba(0,0,0,0.05);
|
|
1464
|
-
}
|
|
1465
|
-
|
|
1466
|
-
.sa-fp-sidebar-item-action.danger {
|
|
1467
|
-
color: #ef4444;
|
|
1468
|
-
}
|
|
1469
|
-
|
|
1470
|
-
.sa-fp-sidebar-item-action.danger:hover {
|
|
1471
|
-
color: #dc2626;
|
|
1472
|
-
background: rgba(239,68,68,0.08);
|
|
1473
|
-
}
|
|
1474
|
-
|
|
1475
|
-
.sa-fp-sidebar-empty {
|
|
1476
|
-
padding: 32px 12px;
|
|
1477
|
-
text-align: center;
|
|
1478
|
-
color: #a1a1aa;
|
|
1479
|
-
font-size: 13px;
|
|
1480
|
-
}
|
|
905
|
+
/* Sidebar(fullpage 默认侧边栏改用 Tailwind 实现,对齐浮窗历史对话样式,见 FullpageLayout.tsx) */
|
|
1481
906
|
|
|
1482
|
-
/* Sidebar wrapper (for custom ThreadList slot) */
|
|
907
|
+
/* Sidebar wrapper (for custom ThreadList slot):宽度与默认侧边栏 220px 对齐 */
|
|
1483
908
|
.sa-fp-sidebar-wrapper {
|
|
1484
|
-
width:
|
|
909
|
+
width: 220px;
|
|
1485
910
|
flex-shrink: 0;
|
|
1486
911
|
overflow: hidden;
|
|
1487
|
-
border-right: 1px solid #
|
|
1488
|
-
background: #
|
|
912
|
+
border-right: 1px solid #ECECEC;
|
|
913
|
+
background: #FAFAFA;
|
|
1489
914
|
transition: width 0.2s cubic-bezier(0.16,1,0.3,1);
|
|
1490
915
|
}
|
|
1491
916
|
|
|
1492
917
|
.sa-fp-sidebar-wrapper-collapsed {
|
|
1493
918
|
width: 0;
|
|
919
|
+
border-right: none;
|
|
1494
920
|
}
|
|
1495
921
|
|
|
1496
922
|
/* Main area */
|
|
@@ -1733,4 +1159,5 @@
|
|
|
1733
1159
|
from { opacity: 0; transform: translateX(12px); }
|
|
1734
1160
|
to { opacity: 1; transform: translateX(0); }
|
|
1735
1161
|
}
|
|
1736
|
-
`,Se={primaryColor:"#6366f1",backgroundColor:"#ffffff",fontFamily:"system-ui, -apple-system, sans-serif",borderRadius:16,panelWidth:380,panelHeight:520,zIndex:9999};function Qe(t,a){const r=parseInt(t.slice(1,3),16),n=parseInt(t.slice(3,5),16),s=parseInt(t.slice(5,7),16),i=1-a;return`#${Math.round(r*i).toString(16).padStart(2,"0")}${Math.round(n*i).toString(16).padStart(2,"0")}${Math.round(s*i).toString(16).padStart(2,"0")}`}function et(t,a){const r=parseInt(t.slice(1,3),16),n=parseInt(t.slice(3,5),16),s=parseInt(t.slice(5,7),16);return`#${Math.round(r+(255-r)*a).toString(16).padStart(2,"0")}${Math.round(n+(255-n)*a).toString(16).padStart(2,"0")}${Math.round(s+(255-s)*a).toString(16).padStart(2,"0")}`}function Ie(t){const a={...Se,...t},r=a.primaryColor,n=a.backgroundColor;return[`--sa-primary: ${r}`,`--sa-bg: ${n}`,`--sa-font: ${a.fontFamily}`,`--sa-radius: ${a.borderRadius}px`,`--sa-panel-width: ${a.panelWidth}px`,`--sa-panel-height: ${a.panelHeight}px`,`--sa-z-index: ${a.zIndex}`,`--sa-primary-dark: ${Qe(r,.15)}`,`--sa-primary-light: ${et(r,.9)}`,`--sa-surface: ${n}`,"--sa-border: #e5e7eb","--sa-hover: #f4f4f5","--sa-text: #374151","--sa-text-muted: #9ca3af","--sa-text-light: #6b7280"].join("; ")}function tt(t,a){const r=typeof t=="string"?document.querySelector(t):t;if(!r)throw new Error(`Target element not found: ${t}`);const n=document.createElement("div");n.setAttribute("data-super-agent-widget","");const s=Ie(a.theme??{});if(n.setAttribute("style",`${s}; height: 100%;`),r.appendChild(n),!document.getElementById("sa-widget-styles")){const d=document.createElement("style");d.id="sa-widget-styles",d.textContent=ze,document.head.appendChild(d)}let i=Me.createRoot(n),l=!1;const c=d=>{i&&i.render(o.createElement(Ne,{...a,initialOpen:d??l,onOpenChange:p=>{l=p}}))};return c(!1),{open(){l=!0,c(!0)},close(){l=!1,c(!1)},destroy(){i&&(i.unmount(),i=null),n.remove()}}}exports.ActionBar=we;exports.ChatProvider=U;exports.ChatWidget=Ne;exports.Composer=X;exports.ErrorPart=be;exports.FullpageLayout=Ce;exports.Header=de;exports.Icon=N;exports.InterruptCard=ve;exports.Message=ye;exports.TextPart=xe;exports.ThinkingPart=me;exports.Thread=V;exports.ThreadList=ue;exports.ToolCallPart=he;exports.ToolResultPart=ge;exports.Trigger=ce;exports.WelcomeScreen=ke;exports.defaultTheme=Se;exports.ensureIconFont=le;exports.mount=tt;exports.themeToCSSVars=Ie;exports.useAutoScroll=fe;exports.useChat=te;exports.useChatContext=_;exports.useConversations=se;exports.widgetStyles=ze;
|
|
1162
|
+
`,St='[data-super-agent-widget] .pointer-events-none{pointer-events:none}[data-super-agent-widget] .collapse{visibility:collapse}[data-super-agent-widget] .fixed{position:fixed}[data-super-agent-widget] .absolute{position:absolute}[data-super-agent-widget] .relative{position:relative}[data-super-agent-widget] .inset-0{top:0;right:0;bottom:0;left:0}[data-super-agent-widget] .inset-x-0{left:0;right:0}[data-super-agent-widget] .-right-2{right:-.5rem}[data-super-agent-widget] .-top-1\\.5{top:-.375rem}[data-super-agent-widget] .bottom-0{bottom:0}[data-super-agent-widget] .left-\\[-3px\\]{left:-3px}[data-super-agent-widget] .right-\\[-3px\\]{right:-3px}[data-super-agent-widget] .top-0{top:0}[data-super-agent-widget] .z-0{z-index:0}[data-super-agent-widget] .z-10{z-index:10}[data-super-agent-widget] .z-20{z-index:20}[data-super-agent-widget] .z-\\[10000\\]{z-index:10000}[data-super-agent-widget] .z-\\[10001\\]{z-index:10001}[data-super-agent-widget] .z-\\[1\\]{z-index:1}[data-super-agent-widget] .z-\\[2\\]{z-index:2}[data-super-agent-widget] .z-\\[5\\]{z-index:5}[data-super-agent-widget] .z-\\[var\\(--sa-z-index\\,9999\\)\\]{z-index:var(--sa-z-index,9999)}[data-super-agent-widget] .m-0{margin:0}[data-super-agent-widget] .mx-auto{margin-left:auto;margin-right:auto}[data-super-agent-widget] .mb-0\\.5{margin-bottom:.125rem}[data-super-agent-widget] .mb-1{margin-bottom:.25rem}[data-super-agent-widget] .mb-3{margin-bottom:.75rem}[data-super-agent-widget] .mb-4{margin-bottom:1rem}[data-super-agent-widget] .mt-3{margin-top:.75rem}[data-super-agent-widget] .block{display:block}[data-super-agent-widget] .inline{display:inline}[data-super-agent-widget] .flex{display:flex}[data-super-agent-widget] .inline-flex{display:inline-flex}[data-super-agent-widget] .table{display:table}[data-super-agent-widget] .hidden{display:none}[data-super-agent-widget] .h-14{height:3.5rem}[data-super-agent-widget] .h-5{height:1.25rem}[data-super-agent-widget] .h-7{height:1.75rem}[data-super-agent-widget] .h-8{height:2rem}[data-super-agent-widget] .h-9{height:2.25rem}[data-super-agent-widget] .h-\\[13px\\]{height:13px}[data-super-agent-widget] .h-\\[18px\\]{height:18px}[data-super-agent-widget] .h-\\[238px\\]{height:238px}[data-super-agent-widget] .h-\\[calc\\(100\\%_-_48px\\)\\]{height:calc(100% - 48px)}[data-super-agent-widget] .h-full{height:100%}[data-super-agent-widget] .min-h-\\[70px\\]{min-height:70px}[data-super-agent-widget] .w-12{width:3rem}[data-super-agent-widget] .w-14{width:3.5rem}[data-super-agent-widget] .w-5{width:1.25rem}[data-super-agent-widget] .w-7{width:1.75rem}[data-super-agent-widget] .w-\\[18px\\]{width:18px}[data-super-agent-widget] .w-\\[220px\\]{width:220px}[data-super-agent-widget] .w-\\[6px\\]{width:6px}[data-super-agent-widget] .w-full{width:100%}[data-super-agent-widget] .w-px{width:1px}[data-super-agent-widget] .min-w-0{min-width:0px}[data-super-agent-widget] .min-w-\\[14px\\]{min-width:14px}[data-super-agent-widget] .max-w-16{max-width:4rem}[data-super-agent-widget] .max-w-\\[800px\\]{max-width:800px}[data-super-agent-widget] .max-w-full{max-width:100%}[data-super-agent-widget] .flex-1{flex:1 1 0%}[data-super-agent-widget] .flex-shrink{flex-shrink:1}[data-super-agent-widget] .shrink-0{flex-shrink:0}[data-super-agent-widget] .border-collapse{border-collapse:collapse}[data-super-agent-widget] .scale-50{--tw-scale-x: .5;--tw-scale-y: .5;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}[data-super-agent-widget] .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}[data-super-agent-widget] .cursor-col-resize{cursor:col-resize}[data-super-agent-widget] .cursor-default{cursor:default}[data-super-agent-widget] .cursor-grab{cursor:grab}[data-super-agent-widget] .cursor-pointer{cursor:pointer}[data-super-agent-widget] .cursor-text{cursor:text}[data-super-agent-widget] .select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-super-agent-widget] .resize-none{resize:none}[data-super-agent-widget] .resize{resize:both}[data-super-agent-widget] .flex-row{flex-direction:row}[data-super-agent-widget] .flex-col{flex-direction:column}[data-super-agent-widget] .flex-wrap{flex-wrap:wrap}[data-super-agent-widget] .items-start{align-items:flex-start}[data-super-agent-widget] .items-center{align-items:center}[data-super-agent-widget] .justify-end{justify-content:flex-end}[data-super-agent-widget] .justify-center{justify-content:center}[data-super-agent-widget] .justify-between{justify-content:space-between}[data-super-agent-widget] .gap-0\\.5{gap:.125rem}[data-super-agent-widget] .gap-1{gap:.25rem}[data-super-agent-widget] .gap-1\\.5{gap:.375rem}[data-super-agent-widget] .gap-2{gap:.5rem}[data-super-agent-widget] .gap-2\\.5{gap:.625rem}[data-super-agent-widget] .gap-3{gap:.75rem}[data-super-agent-widget] .gap-4{gap:1rem}[data-super-agent-widget] .gap-8{gap:2rem}[data-super-agent-widget] .gap-\\[22px\\]{gap:22px}[data-super-agent-widget] .gap-\\[7px\\]{gap:7px}[data-super-agent-widget] .overflow-hidden{overflow:hidden}[data-super-agent-widget] .overflow-visible{overflow:visible}[data-super-agent-widget] .overflow-y-auto{overflow-y:auto}[data-super-agent-widget] .text-ellipsis{text-overflow:ellipsis}[data-super-agent-widget] .whitespace-nowrap{white-space:nowrap}[data-super-agent-widget] .rounded{border-radius:.25rem}[data-super-agent-widget] .rounded-\\[5px\\]{border-radius:5px}[data-super-agent-widget] .rounded-full{border-radius:9999px}[data-super-agent-widget] .rounded-md{border-radius:.375rem}[data-super-agent-widget] .rounded-xl{border-radius:.75rem}[data-super-agent-widget] .rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}[data-super-agent-widget] .border{border-width:1px}[data-super-agent-widget] .border-r{border-right-width:1px}[data-super-agent-widget] .border-none{border-style:none}[data-super-agent-widget] .border-\\[\\#DADADA\\]{--tw-border-opacity: 1;border-color:rgb(218 218 218 / var(--tw-border-opacity, 1))}[data-super-agent-widget] .border-\\[\\#E8E8E8\\]{--tw-border-opacity: 1;border-color:rgb(232 232 232 / var(--tw-border-opacity, 1))}[data-super-agent-widget] .border-\\[\\#ECECEC\\]{--tw-border-opacity: 1;border-color:rgb(236 236 236 / var(--tw-border-opacity, 1))}[data-super-agent-widget] .border-\\[var\\(--sa-primary\\)\\]{border-color:var(--sa-primary)}[data-super-agent-widget] .bg-\\[\\#DCDCDC\\]{--tw-bg-opacity: 1;background-color:rgb(220 220 220 / var(--tw-bg-opacity, 1))}[data-super-agent-widget] .bg-\\[\\#E8F1FE\\]{--tw-bg-opacity: 1;background-color:rgb(232 241 254 / var(--tw-bg-opacity, 1))}[data-super-agent-widget] .bg-\\[\\#F5F5F5\\]{--tw-bg-opacity: 1;background-color:rgb(245 245 245 / var(--tw-bg-opacity, 1))}[data-super-agent-widget] .bg-\\[\\#FAFAFA\\]{--tw-bg-opacity: 1;background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))}[data-super-agent-widget] .bg-\\[\\#fee2e2\\]{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}[data-super-agent-widget] .bg-\\[var\\(--sa-primary\\)\\]{background-color:var(--sa-primary)}[data-super-agent-widget] .bg-black\\/30{background-color:#0000004d}[data-super-agent-widget] .bg-transparent{background-color:transparent}[data-super-agent-widget] .bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}[data-super-agent-widget] .object-contain{-o-object-fit:contain;object-fit:contain}[data-super-agent-widget] .p-0{padding:0}[data-super-agent-widget] .p-2{padding:.5rem}[data-super-agent-widget] .p-3{padding:.75rem}[data-super-agent-widget] .px-0\\.5{padding-left:.125rem;padding-right:.125rem}[data-super-agent-widget] .px-1{padding-left:.25rem;padding-right:.25rem}[data-super-agent-widget] .px-1\\.5{padding-left:.375rem;padding-right:.375rem}[data-super-agent-widget] .px-2\\.5{padding-left:.625rem;padding-right:.625rem}[data-super-agent-widget] .px-3{padding-left:.75rem;padding-right:.75rem}[data-super-agent-widget] .px-\\[15px\\]{padding-left:15px;padding-right:15px}[data-super-agent-widget] .py-0\\.5{padding-top:.125rem;padding-bottom:.125rem}[data-super-agent-widget] .py-1{padding-top:.25rem;padding-bottom:.25rem}[data-super-agent-widget] .py-1\\.5{padding-top:.375rem;padding-bottom:.375rem}[data-super-agent-widget] .py-2{padding-top:.5rem;padding-bottom:.5rem}[data-super-agent-widget] .py-3{padding-top:.75rem;padding-bottom:.75rem}[data-super-agent-widget] .pb-1{padding-bottom:.25rem}[data-super-agent-widget] .pb-2\\.5{padding-bottom:.625rem}[data-super-agent-widget] .pt-2{padding-top:.5rem}[data-super-agent-widget] .text-left{text-align:left}[data-super-agent-widget] .text-center{text-align:center}[data-super-agent-widget] .text-\\[11px\\]{font-size:11px}[data-super-agent-widget] .text-\\[12px\\]{font-size:12px}[data-super-agent-widget] .text-\\[13px\\]{font-size:13px}[data-super-agent-widget] .text-\\[14px\\]{font-size:14px}[data-super-agent-widget] .text-\\[18px\\]{font-size:18px}[data-super-agent-widget] .text-\\[9px\\]{font-size:9px}[data-super-agent-widget] .font-bold{font-weight:700}[data-super-agent-widget] .font-medium{font-weight:500}[data-super-agent-widget] .font-semibold{font-weight:600}[data-super-agent-widget] .italic{font-style:italic}[data-super-agent-widget] .leading-\\[1\\.3\\]{line-height:1.3}[data-super-agent-widget] .leading-\\[1\\.4\\]{line-height:1.4}[data-super-agent-widget] .leading-\\[1\\.5\\]{line-height:1.5}[data-super-agent-widget] .leading-\\[14px\\]{line-height:14px}[data-super-agent-widget] .leading-none{line-height:1}[data-super-agent-widget] .text-\\[\\#333\\]{--tw-text-opacity: 1;color:rgb(51 51 51 / var(--tw-text-opacity, 1))}[data-super-agent-widget] .text-\\[\\#666\\]{--tw-text-opacity: 1;color:rgb(102 102 102 / var(--tw-text-opacity, 1))}[data-super-agent-widget] .text-\\[\\#999\\]{--tw-text-opacity: 1;color:rgb(153 153 153 / var(--tw-text-opacity, 1))}[data-super-agent-widget] .text-\\[\\#9A9A9A\\]{--tw-text-opacity: 1;color:rgb(154 154 154 / var(--tw-text-opacity, 1))}[data-super-agent-widget] .text-\\[\\#A0A0A0\\]{--tw-text-opacity: 1;color:rgb(160 160 160 / var(--tw-text-opacity, 1))}[data-super-agent-widget] .text-\\[\\#B8B8B8\\]{--tw-text-opacity: 1;color:rgb(184 184 184 / var(--tw-text-opacity, 1))}[data-super-agent-widget] .text-\\[\\#C0C0C0\\]{--tw-text-opacity: 1;color:rgb(192 192 192 / var(--tw-text-opacity, 1))}[data-super-agent-widget] .text-\\[\\#ef4444\\]{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}[data-super-agent-widget] .text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}[data-super-agent-widget] .underline{text-decoration-line:underline}[data-super-agent-widget] .antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-super-agent-widget] .opacity-0{opacity:0}[data-super-agent-widget] .opacity-10{opacity:.1}[data-super-agent-widget] .opacity-100{opacity:1}[data-super-agent-widget] .opacity-60{opacity:.6}[data-super-agent-widget] .opacity-70{opacity:.7}[data-super-agent-widget] .shadow-\\[0_-12px_48px_rgba\\(0\\,0\\,0\\,0\\.25\\)\\]{--tw-shadow: 0 -12px 48px rgba(0,0,0,.25);--tw-shadow-colored: 0 -12px 48px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}[data-super-agent-widget] .shadow-\\[0_12px_36px_rgba\\(0\\,0\\,0\\,0\\.18\\)\\]{--tw-shadow: 0 12px 36px rgba(0,0,0,.18);--tw-shadow-colored: 0 12px 36px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}[data-super-agent-widget] .shadow-\\[0_2px_8px_rgba\\(0\\,0\\,0\\,0\\.12\\)\\]{--tw-shadow: 0 2px 8px rgba(0,0,0,.12);--tw-shadow-colored: 0 2px 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}[data-super-agent-widget] .outline-none{outline:2px solid transparent;outline-offset:2px}[data-super-agent-widget] .outline{outline-style:solid}[data-super-agent-widget] .blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}[data-super-agent-widget] .filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}[data-super-agent-widget] .transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}[data-super-agent-widget] .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}[data-super-agent-widget] .transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}[data-super-agent-widget] .duration-200{transition-duration:.2s}[data-super-agent-widget] .ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}[data-super-agent-widget] .ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@keyframes sa-window-in{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes sa-slide-up-full{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes sa-home-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes sa-chip-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes sa-logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes sa-title-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes sa-history-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}[data-super-agent-widget] .animate-sa-window-in{animation:sa-window-in .3s cubic-bezier(.16,1,.3,1)}[data-super-agent-widget] .animate-sa-slide-up-full{animation:sa-slide-up-full .3s cubic-bezier(.16,1,.3,1)}[data-super-agent-widget] .animate-sa-fade-in{animation:sa-fade-in .2s ease}[data-super-agent-widget] .animate-sa-home-fade-in{animation:sa-home-fade-in .4s ease forwards}[data-super-agent-widget] .animate-sa-chip-in{animation:sa-chip-in .4s cubic-bezier(.22,1,.36,1) forwards}[data-super-agent-widget] .animate-sa-logo-float{animation:sa-logo-float 3s ease-in-out infinite}[data-super-agent-widget] .animate-sa-title-shimmer{animation:sa-title-shimmer 2.5s ease forwards}[data-super-agent-widget] .animate-sa-history-in{animation:sa-history-in .2s ease}[data-super-agent-widget] .sa-tip{position:relative}[data-super-agent-widget] .sa-tip:before,[data-super-agent-widget] .sa-tip:after{position:absolute;top:100%;left:50%;pointer-events:none;opacity:0;transition:opacity .15s ease;z-index:100}[data-super-agent-widget] .sa-tip:before{content:attr(data-tooltip);transform:translate(-50%);margin-top:6px;padding:4px 8px;background:#fff;color:#333;font-size:12px;line-height:1.4;white-space:nowrap;border-radius:4px;box-shadow:0 2px 8px #0000001f;border:1px solid #e8e8e8}[data-super-agent-widget] .sa-tip:after{content:"";transform:translate(-50%);margin-top:2px;border:4px solid transparent;border-bottom-color:#fff;filter:drop-shadow(0 -1px 1px rgba(0,0,0,.06))}[data-super-agent-widget] .sa-tip:hover:before,[data-super-agent-widget] .sa-tip:hover:after{opacity:1}[data-super-agent-widget] .sa-chip{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(#e0e0e0,#e0e0e0) border-box;border:1px solid transparent}[data-super-agent-widget] .sa-chip:hover{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(110deg,#03b5ff,#285cff 47%,#ff28a7) border-box}[data-super-agent-widget] .sa-chip:hover .sa-chip-text{background:linear-gradient(110deg,#03b5ff,#285cff 47%,#ff28a7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}[data-super-agent-widget] .sa-shimmer-text{background:linear-gradient(90deg,#333,#333 35%,#00d4ff 40%,#1881f0,#2b52ee,#d116ea,#ff2e7e 56%,#333 61%,#333);background-size:300% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}[data-super-agent-widget] .sa-new-chat{background:linear-gradient(258deg,#ff2e7e1a -4%,#d116ea1a 16%,#2b52ee1a 53%,#1881f01a 81%,#00d4ff1a 106%)}[data-super-agent-widget] .sa-new-chat:hover{background:linear-gradient(258deg,#ff2e7e29 -4%,#d116ea29 16%,#2b52ee29 53%,#1881f029 81%,#00d4ff29 106%)}[data-super-agent-widget] .sa-new-chat .sa-new-chat-text{background:linear-gradient(110deg,#03b5ff,#285cff 47%,#ff28a7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}[data-super-agent-widget] .sa-home-gradient{background:linear-gradient(239deg,#ff2e7e -3%,#d116ea 17%,#2b52ee 54%,#1881f0 82%,#00d4ff 107%)}[data-super-agent-widget] .sa-home-gradient-fade{background:linear-gradient(180deg,#fff0,#fff)}[data-super-agent-widget] .sa-home-view .sa-thread{background:transparent}[data-super-agent-widget] .sa-resize-handle:hover{background:color-mix(in srgb,var(--sa-primary) 30%,transparent)}[data-super-agent-widget] .sa-input-form{border:1px solid transparent;background-color:#fff;background-image:linear-gradient(#fff,#fff),linear-gradient(110deg,#03b5ff80,#285cff80 47%,#ff28a780);background-origin:border-box;background-clip:padding-box,border-box;transition:background .15s ease}[data-super-agent-widget] .sa-input-form-active,[data-super-agent-widget] .sa-input-form:focus-within{background-image:linear-gradient(#fff,#fff),linear-gradient(110deg,#03b5ff,#285cff 47%,#ff28a7)}[data-super-agent-widget] .sa-send-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:9999px;background:linear-gradient(110deg,#03b5ff80,#285cff80 47%,#ff28a780);cursor:pointer;flex-shrink:0;align-self:flex-end;transition:background .15s ease,opacity .15s ease}[data-super-agent-widget] .sa-send-btn-active,[data-super-agent-widget] .sa-input-form:focus-within .sa-send-btn{background:linear-gradient(110deg,#03b5ff,#285cff 47%,#ff28a7)}[data-super-agent-widget] .sa-send-btn:hover{opacity:.9}[data-super-agent-widget] .sa-send-btn:active{opacity:.7}[data-super-agent-widget] .sa-send-btn img{display:block;width:14px;height:14px;filter:brightness(0) invert(1)}[data-super-agent-widget] .sa-stop-icon{display:block;width:8px;height:8px;border-radius:2px;background:#fff}[data-super-agent-widget] .placeholder\\:text-\\[\\#B8B8B8\\]::-moz-placeholder{--tw-text-opacity: 1;color:rgb(184 184 184 / var(--tw-text-opacity, 1))}[data-super-agent-widget] .placeholder\\:text-\\[\\#B8B8B8\\]::placeholder{--tw-text-opacity: 1;color:rgb(184 184 184 / var(--tw-text-opacity, 1))}[data-super-agent-widget] .hover\\:scale-\\[1\\.08\\]:hover{--tw-scale-x: 1.08;--tw-scale-y: 1.08;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}[data-super-agent-widget] .hover\\:bg-\\[\\#E8F1FE\\]:hover{--tw-bg-opacity: 1;background-color:rgb(232 241 254 / var(--tw-bg-opacity, 1))}[data-super-agent-widget] .hover\\:bg-\\[\\#F5F5F5\\]:hover{--tw-bg-opacity: 1;background-color:rgb(245 245 245 / var(--tw-bg-opacity, 1))}[data-super-agent-widget] .hover\\:bg-white:hover{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}[data-super-agent-widget] .hover\\:bg-white\\/70:hover{background-color:#ffffffb3}[data-super-agent-widget] .hover\\:text-\\[\\#1881F0\\]:hover{--tw-text-opacity: 1;color:rgb(24 129 240 / var(--tw-text-opacity, 1))}[data-super-agent-widget] .hover\\:text-\\[\\#ef4444\\]:hover{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}[data-super-agent-widget] .hover\\:text-\\[var\\(--sa-primary\\)\\]:hover{color:var(--sa-primary)}[data-super-agent-widget] .active\\:scale-95:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}[data-super-agent-widget] .active\\:cursor-grabbing:active{cursor:grabbing}[data-super-agent-widget] .active\\:bg-\\[\\#F5F5F5\\]:active{--tw-bg-opacity: 1;background-color:rgb(245 245 245 / var(--tw-bg-opacity, 1))}[data-super-agent-widget] :is(.group:hover .group-hover\\:flex){display:flex}',Ue={primaryColor:"#6366f1",backgroundColor:"#ffffff",fontFamily:"system-ui, -apple-system, sans-serif",borderRadius:16,panelWidth:400,panelHeight:648,zIndex:9999};function Tt(t,a){const s=parseInt(t.slice(1,3),16),n=parseInt(t.slice(3,5),16),r=parseInt(t.slice(5,7),16),o=1-a;return`#${Math.round(s*o).toString(16).padStart(2,"0")}${Math.round(n*o).toString(16).padStart(2,"0")}${Math.round(r*o).toString(16).padStart(2,"0")}`}function Et(t,a){const s=parseInt(t.slice(1,3),16),n=parseInt(t.slice(3,5),16),r=parseInt(t.slice(5,7),16);return`#${Math.round(s+(255-s)*a).toString(16).padStart(2,"0")}${Math.round(n+(255-n)*a).toString(16).padStart(2,"0")}${Math.round(r+(255-r)*a).toString(16).padStart(2,"0")}`}function qe(t){const a={...Ue,...t},s=a.primaryColor,n=a.backgroundColor;return[`--sa-primary: ${s}`,`--sa-bg: ${n}`,`--sa-font: ${a.fontFamily}`,`--sa-radius: ${a.borderRadius}px`,`--sa-panel-width: ${a.panelWidth}px`,`--sa-panel-height: ${a.panelHeight}px`,`--sa-z-index: ${a.zIndex}`,`--sa-primary-dark: ${Tt(s,.15)}`,`--sa-primary-light: ${Et(s,.9)}`,`--sa-surface: ${n}`,"--sa-border: #e5e7eb","--sa-hover: #f4f4f5","--sa-text: #374151","--sa-text-muted: #9ca3af","--sa-text-light: #6b7280"].join("; ")}function It(t,a){const s=typeof t=="string"?document.querySelector(t):t;if(!s)throw new Error(`Target element not found: ${t}`);const n=document.createElement("div");n.setAttribute("data-super-agent-widget","");const r=qe(a.theme??{});if(n.setAttribute("style",`${r}; height: 100%;`),s.appendChild(n),!document.getElementById("sa-widget-styles")){const d=document.createElement("style");d.id="sa-widget-styles",d.textContent=`${Xe}
|
|
1163
|
+
${St}`,document.head.appendChild(d)}let o=et.createRoot(n),l=!1;const c=d=>{o&&o.render(i.createElement(Ge,{...a,initialOpen:d??l,onOpenChange:p=>{l=p}}))};return c(!1),{open(){l=!0,c(!0)},close(){l=!1,c(!1)},destroy(){o&&(o.unmount(),o=null),n.remove()}}}exports.ASSETS=O;exports.ActionBar=Pe;exports.ChatProvider=re;exports.ChatWidget=Ge;exports.Composer=ie;exports.ErrorPart=_e;exports.FullpageLayout=Ye;exports.Header=Ie;exports.Icon=L;exports.InterruptCard=He;exports.Message=Be;exports.TextPart=Re;exports.ThinkingPart=$e;exports.Thread=ne;exports.ThreadList=se;exports.ToolCallPart=Le;exports.ToolResultPart=Fe;exports.Trigger=Ee;exports.WelcomeScreen=Oe;exports.defaultTheme=Ue;exports.ensureIconFont=De;exports.mount=It;exports.themeToCSSVars=qe;exports.useAutoScroll=Ae;exports.useChat=ke;exports.useChatContext=X;exports.useConversations=Ce;exports.widgetStyles=Xe;
|