@sciol/xyzen 0.1.3 → 0.1.4
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/dist/xyzen.es.js +138 -127
- package/dist/xyzen.umd.js +1 -1
- package/package.json +3 -2
- package/src/app/App.tsx +221 -0
- package/src/assets/react.svg +1 -0
- package/src/components/layouts/XyzenChat.tsx +212 -0
- package/src/components/layouts/XyzenHistory.tsx +117 -0
- package/src/components/layouts/XyzenNodes.tsx +7 -0
- package/src/components/layouts/components/ChatBubble.tsx +140 -0
- package/src/components/layouts/components/ChatInput.tsx +173 -0
- package/src/components/layouts/components/EmptyChat.tsx +117 -0
- package/src/components/layouts/components/WelcomeMessage.tsx +104 -0
- package/src/configs/index.ts +1 -0
- package/src/context/XyzenProvider.tsx +0 -0
- package/src/hooks/useTheme.ts +79 -0
- package/src/index.ts +6 -0
- package/src/lib/Markdown.tsx +98 -0
- package/src/lib/formatDate.ts +32 -0
- package/src/main.tsx +9 -0
- package/src/service/xyzenService.ts +90 -0
- package/src/store/xyzenStore.ts +326 -0
- package/src/types/xyzen.d.ts +0 -0
- package/src/vite-env.d.ts +1 -0
package/dist/xyzen.umd.js
CHANGED
|
@@ -351,4 +351,4 @@ l0,-`+(n+144)+`c-2,-159.3,-10,-310.7,-24,-454c-53.3,-528,-210,-949.7,
|
|
|
351
351
|
`),u&&(f+=c.move(u+`
|
|
352
352
|
`)),f+=c.move(d),p(),f}function r(i,s,o){let l=i.value||"",u=1;for(t||u++;new RegExp("(^|[^$])"+"\\$".repeat(u)+"([^$]|$)").test(l);)u++;const c="$".repeat(u);/[^ \r\n]/.test(l)&&(/^[ \r\n]/.test(l)&&/[ \r\n]$/.test(l)||/^\$|\$$/.test(l))&&(l=" "+l+" ");let d=-1;for(;++d<o.unsafe.length;){const p=o.unsafe[d];if(!p.atBreak)continue;const f=o.compilePattern(p);let b;for(;b=f.exec(l);){let g=b.index;l.codePointAt(g)===10&&l.codePointAt(g-1)===13&&g--,l=l.slice(0,g)+" "+l.slice(b.index+1)}}return c+l+c}function a(){return"$"}}const XQ={tokenize:ZQ,concrete:!0,name:"mathFlow"},uI={tokenize:QQ,partial:!0};function ZQ(e,t,n){const r=this,a=r.events[r.events.length-1],i=a&&a[1].type==="linePrefix"?a[2].sliceSerialize(a[1],!0).length:0;let s=0;return o;function o(y){return e.enter("mathFlow"),e.enter("mathFlowFence"),e.enter("mathFlowFenceSequence"),l(y)}function l(y){return y===36?(e.consume(y),s++,l):s<2?n(y):(e.exit("mathFlowFenceSequence"),We(e,u,"whitespace")(y))}function u(y){return y===null||Ae(y)?d(y):(e.enter("mathFlowFenceMeta"),e.enter("chunkString",{contentType:"string"}),c(y))}function c(y){return y===null||Ae(y)?(e.exit("chunkString"),e.exit("mathFlowFenceMeta"),d(y)):y===36?n(y):(e.consume(y),c)}function d(y){return e.exit("mathFlowFence"),r.interrupt?t(y):e.attempt(uI,p,T)(y)}function p(y){return e.attempt({tokenize:v,partial:!0},T,f)(y)}function f(y){return(i?We(e,b,"linePrefix",i+1):b)(y)}function b(y){return y===null?T(y):Ae(y)?e.attempt(uI,p,T)(y):(e.enter("mathFlowValue"),g(y))}function g(y){return y===null||Ae(y)?(e.exit("mathFlowValue"),b(y)):(e.consume(y),g)}function T(y){return e.exit("mathFlow"),t(y)}function v(y,_,k){let N=0;return We(y,S,"linePrefix",r.parser.constructs.disable.null.includes("codeIndented")?void 0:4);function S(D){return y.enter("mathFlowFence"),y.enter("mathFlowFenceSequence"),I(D)}function I(D){return D===36?(N++,y.consume(D),I):N<s?k(D):(y.exit("mathFlowFenceSequence"),We(y,P,"whitespace")(D))}function P(D){return D===null||Ae(D)?(y.exit("mathFlowFence"),_(D)):k(D)}}}function QQ(e,t,n){const r=this;return a;function a(s){return s===null?t(s):(e.enter("lineEnding"),e.consume(s),e.exit("lineEnding"),i)}function i(s){return r.parser.lazy[r.now().line]?n(s):t(s)}}function JQ(e){let n=(e||{}).singleDollarTextMath;return n==null&&(n=!0),{tokenize:r,resolve:eJ,previous:tJ,name:"mathText"};function r(a,i,s){let o=0,l,u;return c;function c(g){return a.enter("mathText"),a.enter("mathTextSequence"),d(g)}function d(g){return g===36?(a.consume(g),o++,d):o<2&&!n?s(g):(a.exit("mathTextSequence"),p(g))}function p(g){return g===null?s(g):g===36?(u=a.enter("mathTextSequence"),l=0,b(g)):g===32?(a.enter("space"),a.consume(g),a.exit("space"),p):Ae(g)?(a.enter("lineEnding"),a.consume(g),a.exit("lineEnding"),p):(a.enter("mathTextData"),f(g))}function f(g){return g===null||g===32||g===36||Ae(g)?(a.exit("mathTextData"),p(g)):(a.consume(g),f)}function b(g){return g===36?(a.consume(g),l++,b):l===o?(a.exit("mathTextSequence"),a.exit("mathText"),i(g)):(u.type="mathTextData",f(g))}}}function eJ(e){let t=e.length-4,n=3,r,a;if((e[n][1].type==="lineEnding"||e[n][1].type==="space")&&(e[t][1].type==="lineEnding"||e[t][1].type==="space")){for(r=n;++r<t;)if(e[r][1].type==="mathTextData"){e[t][1].type="mathTextPadding",e[n][1].type="mathTextPadding",n+=2,t-=2;break}}for(r=n-1,t++;++r<=t;)a===void 0?r!==t&&e[r][1].type!=="lineEnding"&&(a=r):(r===t||e[r][1].type==="lineEnding")&&(e[a][1].type="mathTextData",r!==a+2&&(e[a][1].end=e[r-1][1].end,e.splice(a+2,r-a-2),t-=r-a-2,r=a+2),a=void 0);return e}function tJ(e){return e!==36||this.events[this.events.length-1][1].type==="characterEscape"}function nJ(e){return{flow:{36:XQ},text:{36:JQ(e)}}}const rJ={};function aJ(e){const t=this,n=e||rJ,r=t.data(),a=r.micromarkExtensions||(r.micromarkExtensions=[]),i=r.fromMarkdownExtensions||(r.fromMarkdownExtensions=[]),s=r.toMarkdownExtensions||(r.toMarkdownExtensions=[]);a.push(nJ(n)),i.push(YQ()),s.push(KQ(n))}const iJ={'code[class*="language-"]':{background:"hsl(220, 13%, 18%)",color:"hsl(220, 14%, 71%)",textShadow:"0 1px rgba(0, 0, 0, 0.3)",fontFamily:'"Fira Code", "Fira Mono", Menlo, Consolas, "DejaVu Sans Mono", monospace',direction:"ltr",textAlign:"left",whiteSpace:"pre",wordSpacing:"normal",wordBreak:"normal",lineHeight:"1.5",MozTabSize:"2",OTabSize:"2",tabSize:"2",WebkitHyphens:"none",MozHyphens:"none",msHyphens:"none",hyphens:"none"},'pre[class*="language-"]':{background:"hsl(220, 13%, 18%)",color:"hsl(220, 14%, 71%)",textShadow:"0 1px rgba(0, 0, 0, 0.3)",fontFamily:'"Fira Code", "Fira Mono", Menlo, Consolas, "DejaVu Sans Mono", monospace',direction:"ltr",textAlign:"left",whiteSpace:"pre",wordSpacing:"normal",wordBreak:"normal",lineHeight:"1.5",MozTabSize:"2",OTabSize:"2",tabSize:"2",WebkitHyphens:"none",MozHyphens:"none",msHyphens:"none",hyphens:"none",padding:"1em",margin:"0.5em 0",overflow:"auto",borderRadius:"0.3em"},'code[class*="language-"]::-moz-selection':{background:"hsl(220, 13%, 28%)",color:"inherit",textShadow:"none"},'code[class*="language-"] *::-moz-selection':{background:"hsl(220, 13%, 28%)",color:"inherit",textShadow:"none"},'pre[class*="language-"] *::-moz-selection':{background:"hsl(220, 13%, 28%)",color:"inherit",textShadow:"none"},'code[class*="language-"]::selection':{background:"hsl(220, 13%, 28%)",color:"inherit",textShadow:"none"},'code[class*="language-"] *::selection':{background:"hsl(220, 13%, 28%)",color:"inherit",textShadow:"none"},'pre[class*="language-"] *::selection':{background:"hsl(220, 13%, 28%)",color:"inherit",textShadow:"none"},':not(pre) > code[class*="language-"]':{padding:"0.2em 0.3em",borderRadius:"0.3em",whiteSpace:"normal"},comment:{color:"hsl(220, 10%, 40%)",fontStyle:"italic"},prolog:{color:"hsl(220, 10%, 40%)"},cdata:{color:"hsl(220, 10%, 40%)"},doctype:{color:"hsl(220, 14%, 71%)"},punctuation:{color:"hsl(220, 14%, 71%)"},entity:{color:"hsl(220, 14%, 71%)",cursor:"help"},"attr-name":{color:"hsl(29, 54%, 61%)"},"class-name":{color:"hsl(29, 54%, 61%)"},boolean:{color:"hsl(29, 54%, 61%)"},constant:{color:"hsl(29, 54%, 61%)"},number:{color:"hsl(29, 54%, 61%)"},atrule:{color:"hsl(29, 54%, 61%)"},keyword:{color:"hsl(286, 60%, 67%)"},property:{color:"hsl(355, 65%, 65%)"},tag:{color:"hsl(355, 65%, 65%)"},symbol:{color:"hsl(355, 65%, 65%)"},deleted:{color:"hsl(355, 65%, 65%)"},important:{color:"hsl(355, 65%, 65%)"},selector:{color:"hsl(95, 38%, 62%)"},string:{color:"hsl(95, 38%, 62%)"},char:{color:"hsl(95, 38%, 62%)"},builtin:{color:"hsl(95, 38%, 62%)"},inserted:{color:"hsl(95, 38%, 62%)"},regex:{color:"hsl(95, 38%, 62%)"},"attr-value":{color:"hsl(95, 38%, 62%)"},"attr-value > .token.punctuation":{color:"hsl(95, 38%, 62%)"},variable:{color:"hsl(207, 82%, 66%)"},operator:{color:"hsl(207, 82%, 66%)"},function:{color:"hsl(207, 82%, 66%)"},url:{color:"hsl(187, 47%, 55%)"},"attr-value > .token.punctuation.attr-equals":{color:"hsl(220, 14%, 71%)"},"special-attr > .token.attr-value > .token.value.css":{color:"hsl(220, 14%, 71%)"},".language-css .token.selector":{color:"hsl(355, 65%, 65%)"},".language-css .token.property":{color:"hsl(220, 14%, 71%)"},".language-css .token.function":{color:"hsl(187, 47%, 55%)"},".language-css .token.url > .token.function":{color:"hsl(187, 47%, 55%)"},".language-css .token.url > .token.string.url":{color:"hsl(95, 38%, 62%)"},".language-css .token.important":{color:"hsl(286, 60%, 67%)"},".language-css .token.atrule .token.rule":{color:"hsl(286, 60%, 67%)"},".language-javascript .token.operator":{color:"hsl(286, 60%, 67%)"},".language-javascript .token.template-string > .token.interpolation > .token.interpolation-punctuation.punctuation":{color:"hsl(5, 48%, 51%)"},".language-json .token.operator":{color:"hsl(220, 14%, 71%)"},".language-json .token.null.keyword":{color:"hsl(29, 54%, 61%)"},".language-markdown .token.url":{color:"hsl(220, 14%, 71%)"},".language-markdown .token.url > .token.operator":{color:"hsl(220, 14%, 71%)"},".language-markdown .token.url-reference.url > .token.string":{color:"hsl(220, 14%, 71%)"},".language-markdown .token.url > .token.content":{color:"hsl(207, 82%, 66%)"},".language-markdown .token.url > .token.url":{color:"hsl(187, 47%, 55%)"},".language-markdown .token.url-reference.url":{color:"hsl(187, 47%, 55%)"},".language-markdown .token.blockquote.punctuation":{color:"hsl(220, 10%, 40%)",fontStyle:"italic"},".language-markdown .token.hr.punctuation":{color:"hsl(220, 10%, 40%)",fontStyle:"italic"},".language-markdown .token.code-snippet":{color:"hsl(95, 38%, 62%)"},".language-markdown .token.bold .token.content":{color:"hsl(29, 54%, 61%)"},".language-markdown .token.italic .token.content":{color:"hsl(286, 60%, 67%)"},".language-markdown .token.strike .token.content":{color:"hsl(355, 65%, 65%)"},".language-markdown .token.strike .token.punctuation":{color:"hsl(355, 65%, 65%)"},".language-markdown .token.list.punctuation":{color:"hsl(355, 65%, 65%)"},".language-markdown .token.title.important > .token.punctuation":{color:"hsl(355, 65%, 65%)"},bold:{fontWeight:"bold"},italic:{fontStyle:"italic"},namespace:{Opacity:"0.8"},"token.tab:not(:empty):before":{color:"hsla(220, 14%, 71%, 0.15)",textShadow:"none"},"token.cr:before":{color:"hsla(220, 14%, 71%, 0.15)",textShadow:"none"},"token.lf:before":{color:"hsla(220, 14%, 71%, 0.15)",textShadow:"none"},"token.space:before":{color:"hsla(220, 14%, 71%, 0.15)",textShadow:"none"},"div.code-toolbar > .toolbar.toolbar > .toolbar-item":{marginRight:"0.4em"},"div.code-toolbar > .toolbar.toolbar > .toolbar-item > button":{background:"hsl(220, 13%, 26%)",color:"hsl(220, 9%, 55%)",padding:"0.1em 0.4em",borderRadius:"0.3em"},"div.code-toolbar > .toolbar.toolbar > .toolbar-item > a":{background:"hsl(220, 13%, 26%)",color:"hsl(220, 9%, 55%)",padding:"0.1em 0.4em",borderRadius:"0.3em"},"div.code-toolbar > .toolbar.toolbar > .toolbar-item > span":{background:"hsl(220, 13%, 26%)",color:"hsl(220, 9%, 55%)",padding:"0.1em 0.4em",borderRadius:"0.3em"},"div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:hover":{background:"hsl(220, 13%, 28%)",color:"hsl(220, 14%, 71%)"},"div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:focus":{background:"hsl(220, 13%, 28%)",color:"hsl(220, 14%, 71%)"},"div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:hover":{background:"hsl(220, 13%, 28%)",color:"hsl(220, 14%, 71%)"},"div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:focus":{background:"hsl(220, 13%, 28%)",color:"hsl(220, 14%, 71%)"},"div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:hover":{background:"hsl(220, 13%, 28%)",color:"hsl(220, 14%, 71%)"},"div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:focus":{background:"hsl(220, 13%, 28%)",color:"hsl(220, 14%, 71%)"},".line-highlight.line-highlight":{background:"hsla(220, 100%, 80%, 0.04)"},".line-highlight.line-highlight:before":{background:"hsl(220, 13%, 26%)",color:"hsl(220, 14%, 71%)",padding:"0.1em 0.6em",borderRadius:"0.3em",boxShadow:"0 2px 0 0 rgba(0, 0, 0, 0.2)"},".line-highlight.line-highlight[data-end]:after":{background:"hsl(220, 13%, 26%)",color:"hsl(220, 14%, 71%)",padding:"0.1em 0.6em",borderRadius:"0.3em",boxShadow:"0 2px 0 0 rgba(0, 0, 0, 0.2)"},"pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows > span:hover:before":{backgroundColor:"hsla(220, 100%, 80%, 0.04)"},".line-numbers.line-numbers .line-numbers-rows":{borderRightColor:"hsla(220, 14%, 71%, 0.15)"},".command-line .command-line-prompt":{borderRightColor:"hsla(220, 14%, 71%, 0.15)"},".line-numbers .line-numbers-rows > span:before":{color:"hsl(220, 14%, 45%)"},".command-line .command-line-prompt > span:before":{color:"hsl(220, 14%, 45%)"},".rainbow-braces .token.token.punctuation.brace-level-1":{color:"hsl(355, 65%, 65%)"},".rainbow-braces .token.token.punctuation.brace-level-5":{color:"hsl(355, 65%, 65%)"},".rainbow-braces .token.token.punctuation.brace-level-9":{color:"hsl(355, 65%, 65%)"},".rainbow-braces .token.token.punctuation.brace-level-2":{color:"hsl(95, 38%, 62%)"},".rainbow-braces .token.token.punctuation.brace-level-6":{color:"hsl(95, 38%, 62%)"},".rainbow-braces .token.token.punctuation.brace-level-10":{color:"hsl(95, 38%, 62%)"},".rainbow-braces .token.token.punctuation.brace-level-3":{color:"hsl(207, 82%, 66%)"},".rainbow-braces .token.token.punctuation.brace-level-7":{color:"hsl(207, 82%, 66%)"},".rainbow-braces .token.token.punctuation.brace-level-11":{color:"hsl(207, 82%, 66%)"},".rainbow-braces .token.token.punctuation.brace-level-4":{color:"hsl(286, 60%, 67%)"},".rainbow-braces .token.token.punctuation.brace-level-8":{color:"hsl(286, 60%, 67%)"},".rainbow-braces .token.token.punctuation.brace-level-12":{color:"hsl(286, 60%, 67%)"},"pre.diff-highlight > code .token.token.deleted:not(.prefix)":{backgroundColor:"hsla(353, 100%, 66%, 0.15)"},"pre > code.diff-highlight .token.token.deleted:not(.prefix)":{backgroundColor:"hsla(353, 100%, 66%, 0.15)"},"pre.diff-highlight > code .token.token.deleted:not(.prefix)::-moz-selection":{backgroundColor:"hsla(353, 95%, 66%, 0.25)"},"pre.diff-highlight > code .token.token.deleted:not(.prefix) *::-moz-selection":{backgroundColor:"hsla(353, 95%, 66%, 0.25)"},"pre > code.diff-highlight .token.token.deleted:not(.prefix)::-moz-selection":{backgroundColor:"hsla(353, 95%, 66%, 0.25)"},"pre > code.diff-highlight .token.token.deleted:not(.prefix) *::-moz-selection":{backgroundColor:"hsla(353, 95%, 66%, 0.25)"},"pre.diff-highlight > code .token.token.deleted:not(.prefix)::selection":{backgroundColor:"hsla(353, 95%, 66%, 0.25)"},"pre.diff-highlight > code .token.token.deleted:not(.prefix) *::selection":{backgroundColor:"hsla(353, 95%, 66%, 0.25)"},"pre > code.diff-highlight .token.token.deleted:not(.prefix)::selection":{backgroundColor:"hsla(353, 95%, 66%, 0.25)"},"pre > code.diff-highlight .token.token.deleted:not(.prefix) *::selection":{backgroundColor:"hsla(353, 95%, 66%, 0.25)"},"pre.diff-highlight > code .token.token.inserted:not(.prefix)":{backgroundColor:"hsla(137, 100%, 55%, 0.15)"},"pre > code.diff-highlight .token.token.inserted:not(.prefix)":{backgroundColor:"hsla(137, 100%, 55%, 0.15)"},"pre.diff-highlight > code .token.token.inserted:not(.prefix)::-moz-selection":{backgroundColor:"hsla(135, 73%, 55%, 0.25)"},"pre.diff-highlight > code .token.token.inserted:not(.prefix) *::-moz-selection":{backgroundColor:"hsla(135, 73%, 55%, 0.25)"},"pre > code.diff-highlight .token.token.inserted:not(.prefix)::-moz-selection":{backgroundColor:"hsla(135, 73%, 55%, 0.25)"},"pre > code.diff-highlight .token.token.inserted:not(.prefix) *::-moz-selection":{backgroundColor:"hsla(135, 73%, 55%, 0.25)"},"pre.diff-highlight > code .token.token.inserted:not(.prefix)::selection":{backgroundColor:"hsla(135, 73%, 55%, 0.25)"},"pre.diff-highlight > code .token.token.inserted:not(.prefix) *::selection":{backgroundColor:"hsla(135, 73%, 55%, 0.25)"},"pre > code.diff-highlight .token.token.inserted:not(.prefix)::selection":{backgroundColor:"hsla(135, 73%, 55%, 0.25)"},"pre > code.diff-highlight .token.token.inserted:not(.prefix) *::selection":{backgroundColor:"hsla(135, 73%, 55%, 0.25)"},".prism-previewer.prism-previewer:before":{borderColor:"hsl(224, 13%, 17%)"},".prism-previewer-gradient.prism-previewer-gradient div":{borderColor:"hsl(224, 13%, 17%)",borderRadius:"0.3em"},".prism-previewer-color.prism-previewer-color:before":{borderRadius:"0.3em"},".prism-previewer-easing.prism-previewer-easing:before":{borderRadius:"0.3em"},".prism-previewer.prism-previewer:after":{borderTopColor:"hsl(224, 13%, 17%)"},".prism-previewer-flipped.prism-previewer-flipped.after":{borderBottomColor:"hsl(224, 13%, 17%)"},".prism-previewer-angle.prism-previewer-angle:before":{background:"hsl(219, 13%, 22%)"},".prism-previewer-time.prism-previewer-time:before":{background:"hsl(219, 13%, 22%)"},".prism-previewer-easing.prism-previewer-easing":{background:"hsl(219, 13%, 22%)"},".prism-previewer-angle.prism-previewer-angle circle":{stroke:"hsl(220, 14%, 71%)",strokeOpacity:"1"},".prism-previewer-time.prism-previewer-time circle":{stroke:"hsl(220, 14%, 71%)",strokeOpacity:"1"},".prism-previewer-easing.prism-previewer-easing circle":{stroke:"hsl(220, 14%, 71%)",fill:"transparent"},".prism-previewer-easing.prism-previewer-easing path":{stroke:"hsl(220, 14%, 71%)"},".prism-previewer-easing.prism-previewer-easing line":{stroke:"hsl(220, 14%, 71%)"}},sJ=function(t){const{content:n=""}=t,[r,a]=R.useState(null),i=o=>{navigator.clipboard.writeText(o).then(()=>{a(o),setTimeout(()=>{a(null)},2e3)})},s={code({inline:o,className:l,children:u,...c}){const d=/language-(\w+)/.exec(l||""),p=String(u).replace(/\n$/,"");return!o&&d?W.jsxs("div",{style:{position:"relative"},children:[W.jsx("button",{onClick:()=>i(p),style:{position:"absolute",top:"5px",right:"5px",padding:"4px 8px",backgroundColor:"#282c34",color:"white",border:"1px solid #444",borderRadius:"4px",cursor:"pointer",fontSize:"12px",zIndex:2,opacity:.8,transition:"opacity 0.2s"},onMouseEnter:f=>{f.currentTarget.style.opacity="1"},onMouseLeave:f=>{f.currentTarget.style.opacity="0.8"},children:r===p?W.jsx("span",{className:" text-green-400",children:"Copied!"}):"Copy"}),W.jsx(ak,{style:iJ,language:d[1],PreTag:"div",children:p})]}):W.jsx("code",{className:l,...c,children:u})}};return W.jsx(OF,{components:s,remarkPlugins:[aJ,jQ],rehypePlugins:[wj,UX,[oV,{ignoreMissing:!0}]],children:n})},oJ=({message:e})=>{const{isCurrentUser:t,content:n,timestamp:r,avatar:a}=e,[i,s]=R.useState(!1),[o,l]=R.useState(a);R.useEffect(()=>{if(t)try{const f=localStorage.getItem("userInfo");if(f){const b=JSON.parse(f);b.avatar&&l(b.avatar)}}catch(f){console.error("Failed to get avatar from localStorage",f)}},[t]);const u=new Date(r).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit",second:"2-digit"}),c=t?"border-l-4 border-blue-400 bg-blue-50/50 dark:border-blue-600 dark:bg-blue-900/20":"border-l-4 border-neutral-300 bg-white dark:border-neutral-600 dark:bg-neutral-800/50",d=f=>{if(!f)return null;if(f.startsWith("http"))return f;const b=process.env.NEXT_PUBLIC_API_URL||"";return f.startsWith("/")?`${b}${f}`:`${b}/${f}`},p=()=>{if(i||!o){const b=t?e.sender?.charAt(0)?.toUpperCase()||"U":"A";return W.jsx("div",{className:`flex h-6 w-6 items-center justify-center rounded-full ${t?"bg-blue-500 text-white":"bg-purple-500 text-white"}`,children:W.jsx("span",{className:"text-xs font-medium",children:b})})}const f=d(o);return W.jsx("img",{src:f||"",alt:t?"You":"Assistant",className:"h-6 w-6 rounded-full shadow-sm transition-transform duration-200 group-hover:scale-110",onError:()=>s(!0)})};return W.jsxs(fi.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.3,ease:"easeOut"},className:"group relative w-full pl-8",children:[W.jsx("div",{className:"absolute -top-6 left-8 z-10 transform opacity-0 transition-opacity duration-200 group-hover:opacity-100",children:W.jsx("span",{className:"rounded px-2 py-1 text-xs text-neutral-500 dark:text-neutral-400",children:u})}),W.jsx("div",{className:"absolute left-0 top-1",children:p()}),W.jsx("div",{className:`w-full rounded-none ${c} transition-all duration-200 hover:shadow-sm`,children:W.jsx("div",{className:"p-3",children:W.jsx("div",{className:`prose prose-neutral dark:prose-invert prose-sm max-w-none ${t?"text-sm text-neutral-800 dark:text-neutral-200":"text-sm text-neutral-700 dark:text-neutral-300"}`,children:t?W.jsx("p",{children:n}):W.jsx(sJ,{content:n})})})})]})};function lJ({title:e,titleId:t,...n},r){return Me.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:r,"aria-labelledby":t},n),e?Me.createElement("title",{id:t},e):null,Me.createElement("path",{d:"M3.478 2.404a.75.75 0 0 0-.926.941l2.432 7.905H13.5a.75.75 0 0 1 0 1.5H4.984l-2.432 7.905a.75.75 0 0 0 .926.94 60.519 60.519 0 0 0 18.445-8.986.75.75 0 0 0 0-1.218A60.517 60.517 0 0 0 3.478 2.404Z"}))}const uJ=Me.forwardRef(lJ),cJ=()=>{const{attributes:e,listeners:t,setNodeRef:n}=mE({id:"resize-handle"});return W.jsx("div",{ref:n,...t,...e,className:"absolute -top-2 left-0 right-0 -mx-2 h-0.5 cursor-ns-resize transition-colors hover:bg-indigo-600",title:"拖动调整高度"})},dJ=({onSendMessage:e,disabled:t=!1,placeholder:n="输入消息...",onHeightChange:r})=>{const[a,i]=R.useState(""),[s,o]=R.useState(()=>{const k=localStorage.getItem("chatInputHeight");return k?parseInt(k,10):80}),[l,u]=R.useState(!1),c=R.useRef(s),d=R.useRef(0),p=V1(G1(_o,{activationConstraint:{distance:0}}));R.useEffect(()=>{localStorage.setItem("chatInputHeight",s.toString()),r&&r(s)},[s,r]);const f=()=>{c.current=s,d.current=0},b=k=>{const{delta:N}=k;d.current=N.y;const S=Math.max(60,c.current-N.y);o(S)},g=k=>{const N=Math.max(60,c.current-d.current);o(N),d.current=0},T=()=>{a.trim()&&(e(a),i(""))},v=()=>{u(!0)},y=()=>{u(!1)},_=k=>{k.key==="Enter"&&!k.shiftKey&&!l&&(k.preventDefault(),T())};return W.jsxs("div",{className:"w-full",children:[W.jsx(fE,{sensors:p,onDragStart:f,onDragMove:b,onDragEnd:g,children:W.jsxs("div",{className:"group relative",children:[W.jsx(cJ,{}),W.jsx("textarea",{value:a,onChange:k=>i(k.target.value),onKeyDown:_,onCompositionStart:v,onCompositionEnd:y,placeholder:n,className:"w-full resize-none bg-white py-2 pl-3 pr-12 text-sm placeholder-neutral-500 focus:outline-none dark:bg-black dark:text-white dark:placeholder-neutral-400",style:{height:`${s}px`,transition:"none"},disabled:t}),W.jsx("button",{onClick:T,disabled:t||!a.trim(),className:`absolute bottom-4 right-2 rounded-md
|
|
353
353
|
bg-indigo-600 p-1.5 text-white transition-colors
|
|
354
|
-
hover:bg-indigo-700 disabled:bg-neutral-300 disabled:text-neutral-500 dark:disabled:bg-neutral-700 dark:disabled:text-neutral-400`,"aria-label":"Send message",children:W.jsx(uJ,{className:"h-4 w-4"})})]})}),W.jsx("p",{className:"mt-0.5 text-xs text-neutral-500",children:"按 Enter 发送,Shift+Enter 换行"})]})},pJ=()=>{const[e]=R.useState(!1);return W.jsxs("div",{className:"flex h-full flex-col items-center justify-center space-y-6 p-4 text-center",children:[W.jsx(fi.div,{initial:{opacity:0,y:-20},animate:{opacity:1,y:0},transition:{duration:.5},className:"rounded-full bg-neutral-100 p-4 dark:bg-neutral-800",children:W.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-8 w-8 text-neutral-500 dark:text-neutral-400",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:W.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,d:"M17 8h2a2 2 0 012 2v6a2 2 0 01-2 2h-2v4l-4-4H9a1.994 1.994 0 01-1.414-.586m0 0L11 14h4a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2v4l.586-.586z"})})}),W.jsxs(fi.div,{initial:{opacity:0},animate:{opacity:1},transition:{delay:.2,duration:.5},children:[W.jsx("h3",{className:"text-lg font-medium text-neutral-900 dark:text-white",children:"开始一个新对话"}),W.jsx("p",{className:"mt-2 max-w-md text-sm text-neutral-600 dark:text-neutral-300",children:"您可以从列表选择一个专业助手,或者直接开始一个自由对话。"})]}),W.jsx(fi.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{delay:.4,duration:.5},className:"flex flex-col space-y-3 sm:flex-row sm:space-x-3 sm:space-y-0",children:W.jsx("button",{onClick:()=>{},disabled:e,className:`flex items-center justify-center rounded-md ${e?"bg-indigo-400 dark:bg-indigo-700":"bg-indigo-600 hover:bg-indigo-700 dark:bg-indigo-500 dark:hover:bg-indigo-600"} px-4 py-2 text-sm font-medium text-white shadow-sm focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2`,children:e?W.jsxs(W.Fragment,{children:[W.jsxs("svg",{className:"mr-2 h-4 w-4 animate-spin",viewBox:"0 0 24 24",children:[W.jsx("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4",fill:"none"}),W.jsx("path",{className:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]}),"创建中..."]}):W.jsxs(W.Fragment,{children:[W.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"mr-2 h-4 w-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:W.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 4v16m8-8H4"})}),"开始新对话"]})})})]})},fJ=({assistant:e})=>{const t=e?.iconColor||"indigo",n={blue:"bg-blue-100 dark:bg-blue-900/30",green:"bg-green-100 dark:bg-green-900/30",purple:"bg-purple-100 dark:bg-purple-900/30",amber:"bg-amber-100 dark:bg-amber-900/30",red:"bg-red-100 dark:bg-red-900/30",indigo:"bg-indigo-100 dark:bg-indigo-900/30"},r={blue:"text-blue-600 dark:text-blue-400",green:"text-green-600 dark:text-green-400",purple:"text-purple-600 dark:text-purple-400",amber:"text-amber-600 dark:text-amber-400",red:"text-red-600 dark:text-red-400",indigo:"text-indigo-600 dark:text-indigo-400"},a=n[t]||n.indigo,i=r[t]||r.indigo,s=e?`欢迎使用 ${e.title}`:"欢迎使用自由对话",o=e?.description||"您现在可以自由提问任何问题。无需选择特定助手,系统将根据您的问题提供合适的回复。";return W.jsxs(fi.div,{initial:{opacity:0},animate:{opacity:1},transition:{duration:.6},className:"flex flex-col items-center justify-center space-y-4 p-6 text-center",children:[W.jsx("div",{className:`rounded-full ${a} p-5`,children:W.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:`h-10 w-10 ${i}`,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:W.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,d:"M8 10h.01M12 10h.01M16 10h.01M9 16H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-5l-5 5v-5z"})})}),W.jsxs(fi.div,{initial:{y:20,opacity:0},animate:{y:0,opacity:1},transition:{delay:.2,duration:.5},children:[W.jsx("h3",{className:"text-lg font-medium text-neutral-900 dark:text-white",children:s}),W.jsx("p",{className:"mt-2 max-w-md text-sm leading-relaxed text-neutral-600 dark:text-neutral-300",children:o})]})]})};function hJ(){const{activeChatChannel:e,channels:t,assistants:n,sendMessage:r,connectToChannel:a}=yo(),i=R.useRef(null),s=R.useRef(null),[o,l]=R.useState(!0),[u,c]=R.useState(!1),[d,p]=R.useState(80),f=d+36,b=d+48,g=e?t[e]:null,T=g?.assistantId?n.find(D=>D.id===g.assistantId):null,v=g?.messages||[],y=g?.connected||!1,_=g?.error||null,k=R.useCallback((D=!1)=>{!o&&!D||setTimeout(()=>{s.current?.scrollTo({top:s.current.scrollHeight,behavior:D?"auto":"smooth"})},50)},[o]),N=()=>{if(s.current){const{scrollTop:D,scrollHeight:M,clientHeight:$}=s.current,V=M-D-$<80;l(V)}},S=D=>{!D.trim()||!e||(r(D),l(!0),setTimeout(()=>k(!0),100))},I=()=>{g&&(c(!0),a(g.sessionId,g.id),setTimeout(()=>{c(!1)},2e3))};R.useEffect(()=>{o&&k()},[v.length,o,k]),R.useEffect(()=>{const D=s.current;if(D)return k(!0),D.addEventListener("scroll",N,{passive:!0}),()=>D.removeEventListener("scroll",N)},[e,k]);const P=D=>{p(D),o&&setTimeout(()=>k(!0),100)};return e?W.jsxs("div",{className:"flex h-full flex-col",children:[T?W.jsxs("div",{className:"flex-shrink-0 px-4 pb-2",children:[W.jsx("h2",{className:"text-lg font-medium text-neutral-800 dark:text-white",children:T.title}),W.jsx("p",{className:"text-sm text-neutral-500 dark:text-neutral-400",children:T.description})]}):W.jsxs("div",{className:"flex-shrink-0 px-4 pb-2",children:[W.jsx("h2",{className:"text-lg font-medium text-neutral-800 dark:text-white",children:"自由对话"}),W.jsx("p",{className:"text-sm text-neutral-500 dark:text-neutral-400",children:"您可以在这里与AI助手自由讨论任何话题"})]}),!y&&W.jsxs("div",{className:"mb-1 flex flex-shrink-0 items-center justify-between rounded-md bg-amber-50 px-3 py-1.5 dark:bg-amber-900/20",children:[W.jsx("span",{className:"text-xs text-amber-700 dark:text-amber-200",children:_||"正在连接聊天服务..."}),W.jsx("button",{onClick:I,disabled:u,className:"ml-2 rounded-md p-1 text-amber-700 hover:bg-amber-100 focus:outline-none focus:ring-1 focus:ring-amber-500 dark:text-amber-300 dark:hover:bg-amber-800/30",title:"重试连接",children:W.jsx(V5,{className:`h-4 w-4 ${u?"animate-spin":""}`})})]}),W.jsxs("div",{className:"relative flex h-[calc(100vh-12rem)] flex-grow flex-col",children:[W.jsx("div",{ref:s,className:"absolute inset-0 overflow-y-auto rounded-lg bg-neutral-50 pt-6 dark:bg-black",style:{scrollbarWidth:"thin",scrollbarColor:"rgba(156,163,175,0.5) transparent",paddingBottom:`${f}px`},onScroll:N,children:W.jsx("div",{className:"px-3",children:v.length===0?W.jsx(fJ,{}):W.jsxs("div",{className:"space-y-6",children:[W.jsx(i7,{children:v.map(D=>W.jsx(oJ,{message:D},D.id))}),W.jsx("div",{ref:i,className:"h-4"})]})})}),!o&&v.length>0&&W.jsx("button",{onClick:()=>{l(!0),k(!0)},className:"absolute right-4 z-20 rounded-full bg-indigo-600 p-2 text-white shadow-md transition-colors hover:bg-indigo-700",style:{bottom:`${b}px`},"aria-label":"Scroll to bottom",children:W.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-4 w-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:W.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M19 14l-7 7m0 0l-7-7m7 7V3"})})}),W.jsx("div",{className:"absolute bottom-0 left-0 right-0 rounded-b-lg border-t border-neutral-200 bg-white p-2 shadow-[0_-2px_5px_rgba(0,0,0,0.05)] dark:border-neutral-800 dark:bg-black dark:shadow-[0_-2px_5px_rgba(0,0,0,0.2)]",style:{zIndex:15},children:W.jsx(dJ,{onSendMessage:S,disabled:!y,placeholder:"输入消息...",onHeightChange:P})})]})]}):W.jsx(pJ,{})}const cI=6048e5,mJ=864e5,Jl=43200,dI=1440,pI=Symbol.for("constructDateFrom");function Xn(e,t){return typeof e=="function"?e(t):e&&typeof e=="object"&&pI in e?e[pI](t):e instanceof Date?new e.constructor(t):new Date(t)}function qt(e,t){return Xn(t||e,e)}function gJ(e,t,n){const r=qt(e,n?.in);return isNaN(t)?Xn(e,NaN):(r.setDate(r.getDate()+t),r)}let bJ={};function so(){return bJ}function Ha(e,t){const n=so(),r=t?.weekStartsOn??t?.locale?.options?.weekStartsOn??n.weekStartsOn??n.locale?.options?.weekStartsOn??0,a=qt(e,t?.in),i=a.getDay(),s=(i<r?7:0)+i-r;return a.setDate(a.getDate()-s),a.setHours(0,0,0,0),a}function eu(e,t){return Ha(e,{...t,weekStartsOn:1})}function fI(e,t){const n=qt(e,t?.in),r=n.getFullYear(),a=Xn(n,0);a.setFullYear(r+1,0,4),a.setHours(0,0,0,0);const i=eu(a),s=Xn(n,0);s.setFullYear(r,0,4),s.setHours(0,0,0,0);const o=eu(s);return n.getTime()>=i.getTime()?r+1:n.getTime()>=o.getTime()?r:r-1}function tu(e){const t=qt(e),n=new Date(Date.UTC(t.getFullYear(),t.getMonth(),t.getDate(),t.getHours(),t.getMinutes(),t.getSeconds(),t.getMilliseconds()));return n.setUTCFullYear(t.getFullYear()),+e-+n}function Bi(e,...t){const n=Xn.bind(null,e||t.find(r=>typeof r=="object"));return t.map(n)}function nu(e,t){const n=qt(e,t?.in);return n.setHours(0,0,0,0),n}function EJ(e,t,n){const[r,a]=Bi(n?.in,e,t),i=nu(r),s=nu(a),o=+i-tu(i),l=+s-tu(s);return Math.round((o-l)/mJ)}function yJ(e,t){const n=fI(e,t),r=Xn(e,0);return r.setFullYear(n,0,4),r.setHours(0,0,0,0),eu(r)}function ru(e,t){const n=+qt(e)-+qt(t);return n<0?-1:n>0?1:n}function E1(e){return Xn(e,Date.now())}function hI(e,t,n){const[r,a]=Bi(n?.in,e,t);return+nu(r)==+nu(a)}function vJ(e){return e instanceof Date||typeof e=="object"&&Object.prototype.toString.call(e)==="[object Date]"}function TJ(e){return!(!vJ(e)&&typeof e!="number"||isNaN(+qt(e)))}function SJ(e,t,n){const[r,a]=Bi(n?.in,e,t),i=r.getFullYear()-a.getFullYear(),s=r.getMonth()-a.getMonth();return i*12+s}function _J(e){return t=>{const r=(e?Math[e]:Math.trunc)(t);return r===0?0:r}}function AJ(e,t){return+qt(e)-+qt(t)}function wJ(e,t){const n=qt(e,t?.in);return n.setHours(23,59,59,999),n}function xJ(e,t){const n=qt(e,t?.in),r=n.getMonth();return n.setFullYear(n.getFullYear(),r+1,0),n.setHours(23,59,59,999),n}function kJ(e,t){const n=qt(e,t?.in);return+wJ(n,t)==+xJ(n,t)}function NJ(e,t,n){const[r,a,i]=Bi(n?.in,e,e,t),s=ru(a,i),o=Math.abs(SJ(a,i));if(o<1)return 0;a.getMonth()===1&&a.getDate()>27&&a.setDate(30),a.setMonth(a.getMonth()-s*o);let l=ru(a,i)===-s;kJ(r)&&o===1&&ru(r,i)===1&&(l=!1);const u=s*(o-+l);return u===0?0:u}function CJ(e,t,n){const r=AJ(e,t)/1e3;return _J(n?.roundingMethod)(r)}function IJ(e,t){const n=qt(e,t?.in);return n.setFullYear(n.getFullYear(),0,1),n.setHours(0,0,0,0),n}const RJ={lessThanXSeconds:{one:"less than a second",other:"less than {{count}} seconds"},xSeconds:{one:"1 second",other:"{{count}} seconds"},halfAMinute:"half a minute",lessThanXMinutes:{one:"less than a minute",other:"less than {{count}} minutes"},xMinutes:{one:"1 minute",other:"{{count}} minutes"},aboutXHours:{one:"about 1 hour",other:"about {{count}} hours"},xHours:{one:"1 hour",other:"{{count}} hours"},xDays:{one:"1 day",other:"{{count}} days"},aboutXWeeks:{one:"about 1 week",other:"about {{count}} weeks"},xWeeks:{one:"1 week",other:"{{count}} weeks"},aboutXMonths:{one:"about 1 month",other:"about {{count}} months"},xMonths:{one:"1 month",other:"{{count}} months"},aboutXYears:{one:"about 1 year",other:"about {{count}} years"},xYears:{one:"1 year",other:"{{count}} years"},overXYears:{one:"over 1 year",other:"over {{count}} years"},almostXYears:{one:"almost 1 year",other:"almost {{count}} years"}},OJ=(e,t,n)=>{let r;const a=RJ[e];return typeof a=="string"?r=a:t===1?r=a.one:r=a.other.replace("{{count}}",t.toString()),n?.addSuffix?n.comparison&&n.comparison>0?"in "+r:r+" ago":r};function Ui(e){return(t={})=>{const n=t.width?String(t.width):e.defaultWidth;return e.formats[n]||e.formats[e.defaultWidth]}}const DJ={full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"},LJ={full:"h:mm:ss a zzzz",long:"h:mm:ss a z",medium:"h:mm:ss a",short:"h:mm a"},MJ={full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},PJ={date:Ui({formats:DJ,defaultWidth:"full"}),time:Ui({formats:LJ,defaultWidth:"full"}),dateTime:Ui({formats:MJ,defaultWidth:"full"})},FJ={lastWeek:"'last' eeee 'at' p",yesterday:"'yesterday at' p",today:"'today at' p",tomorrow:"'tomorrow at' p",nextWeek:"eeee 'at' p",other:"P"},BJ=(e,t,n,r)=>FJ[e];function xr(e){return(t,n)=>{const r=n?.context?String(n.context):"standalone";let a;if(r==="formatting"&&e.formattingValues){const s=e.defaultFormattingWidth||e.defaultWidth,o=n?.width?String(n.width):s;a=e.formattingValues[o]||e.formattingValues[s]}else{const s=e.defaultWidth,o=n?.width?String(n.width):e.defaultWidth;a=e.values[o]||e.values[s]}const i=e.argumentCallback?e.argumentCallback(t):t;return a[i]}}const UJ={narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]},HJ={narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1st quarter","2nd quarter","3rd quarter","4th quarter"]},zJ={narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],abbreviated:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],wide:["January","February","March","April","May","June","July","August","September","October","November","December"]},$J={narrow:["S","M","T","W","T","F","S"],short:["Su","Mo","Tu","We","Th","Fr","Sa"],abbreviated:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],wide:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]},qJ={narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"}},GJ={narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"}},VJ={ordinalNumber:(e,t)=>{const n=Number(e),r=n%100;if(r>20||r<10)switch(r%10){case 1:return n+"st";case 2:return n+"nd";case 3:return n+"rd"}return n+"th"},era:xr({values:UJ,defaultWidth:"wide"}),quarter:xr({values:HJ,defaultWidth:"wide",argumentCallback:e=>e-1}),month:xr({values:zJ,defaultWidth:"wide"}),day:xr({values:$J,defaultWidth:"wide"}),dayPeriod:xr({values:qJ,defaultWidth:"wide",formattingValues:GJ,defaultFormattingWidth:"wide"})};function kr(e){return(t,n={})=>{const r=n.width,a=r&&e.matchPatterns[r]||e.matchPatterns[e.defaultMatchWidth],i=t.match(a);if(!i)return null;const s=i[0],o=r&&e.parsePatterns[r]||e.parsePatterns[e.defaultParseWidth],l=Array.isArray(o)?jJ(o,d=>d.test(s)):WJ(o,d=>d.test(s));let u;u=e.valueCallback?e.valueCallback(l):l,u=n.valueCallback?n.valueCallback(u):u;const c=t.slice(s.length);return{value:u,rest:c}}}function WJ(e,t){for(const n in e)if(Object.prototype.hasOwnProperty.call(e,n)&&t(e[n]))return n}function jJ(e,t){for(let n=0;n<e.length;n++)if(t(e[n]))return n}function mI(e){return(t,n={})=>{const r=t.match(e.matchPattern);if(!r)return null;const a=r[0],i=t.match(e.parsePattern);if(!i)return null;let s=e.valueCallback?e.valueCallback(i[0]):i[0];s=n.valueCallback?n.valueCallback(s):s;const o=t.slice(a.length);return{value:s,rest:o}}}const YJ=/^(\d+)(th|st|nd|rd)?/i,KJ=/\d+/i,XJ={narrow:/^(b|a)/i,abbreviated:/^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,wide:/^(before christ|before common era|anno domini|common era)/i},ZJ={any:[/^b/i,/^(a|c)/i]},QJ={narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](th|st|nd|rd)? quarter/i},JJ={any:[/1/i,/2/i,/3/i,/4/i]},eee={narrow:/^[jfmasond]/i,abbreviated:/^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,wide:/^(january|february|march|april|may|june|july|august|september|october|november|december)/i},tee={narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^may/i,/^jun/i,/^jul/i,/^au/i,/^s/i,/^o/i,/^n/i,/^d/i]},nee={narrow:/^[smtwf]/i,short:/^(su|mo|tu|we|th|fr|sa)/i,abbreviated:/^(sun|mon|tue|wed|thu|fri|sat)/i,wide:/^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i},ree={narrow:[/^s/i,/^m/i,/^t/i,/^w/i,/^t/i,/^f/i,/^s/i],any:[/^su/i,/^m/i,/^tu/i,/^w/i,/^th/i,/^f/i,/^sa/i]},aee={narrow:/^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,any:/^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i},iee={any:{am:/^a/i,pm:/^p/i,midnight:/^mi/i,noon:/^no/i,morning:/morning/i,afternoon:/afternoon/i,evening:/evening/i,night:/night/i}},see={ordinalNumber:mI({matchPattern:YJ,parsePattern:KJ,valueCallback:e=>parseInt(e,10)}),era:kr({matchPatterns:XJ,defaultMatchWidth:"wide",parsePatterns:ZJ,defaultParseWidth:"any"}),quarter:kr({matchPatterns:QJ,defaultMatchWidth:"wide",parsePatterns:JJ,defaultParseWidth:"any",valueCallback:e=>e+1}),month:kr({matchPatterns:eee,defaultMatchWidth:"wide",parsePatterns:tee,defaultParseWidth:"any"}),day:kr({matchPatterns:nee,defaultMatchWidth:"wide",parsePatterns:ree,defaultParseWidth:"any"}),dayPeriod:kr({matchPatterns:aee,defaultMatchWidth:"any",parsePatterns:iee,defaultParseWidth:"any"})},gI={code:"en-US",formatDistance:OJ,formatLong:PJ,formatRelative:BJ,localize:VJ,match:see,options:{weekStartsOn:0,firstWeekContainsDate:1}};function oee(e,t){const n=qt(e,t?.in);return EJ(n,IJ(n))+1}function lee(e,t){const n=qt(e,t?.in),r=+eu(n)-+yJ(n);return Math.round(r/cI)+1}function bI(e,t){const n=qt(e,t?.in),r=n.getFullYear(),a=so(),i=t?.firstWeekContainsDate??t?.locale?.options?.firstWeekContainsDate??a.firstWeekContainsDate??a.locale?.options?.firstWeekContainsDate??1,s=Xn(t?.in||e,0);s.setFullYear(r+1,0,i),s.setHours(0,0,0,0);const o=Ha(s,t),l=Xn(t?.in||e,0);l.setFullYear(r,0,i),l.setHours(0,0,0,0);const u=Ha(l,t);return+n>=+o?r+1:+n>=+u?r:r-1}function uee(e,t){const n=so(),r=t?.firstWeekContainsDate??t?.locale?.options?.firstWeekContainsDate??n.firstWeekContainsDate??n.locale?.options?.firstWeekContainsDate??1,a=bI(e,t),i=Xn(t?.in||e,0);return i.setFullYear(a,0,r),i.setHours(0,0,0,0),Ha(i,t)}function cee(e,t){const n=qt(e,t?.in),r=+Ha(n,t)-+uee(n,t);return Math.round(r/cI)+1}function et(e,t){const n=e<0?"-":"",r=Math.abs(e).toString().padStart(t,"0");return n+r}const ha={y(e,t){const n=e.getFullYear(),r=n>0?n:1-n;return et(t==="yy"?r%100:r,t.length)},M(e,t){const n=e.getMonth();return t==="M"?String(n+1):et(n+1,2)},d(e,t){return et(e.getDate(),t.length)},a(e,t){const n=e.getHours()/12>=1?"pm":"am";switch(t){case"a":case"aa":return n.toUpperCase();case"aaa":return n;case"aaaaa":return n[0];case"aaaa":default:return n==="am"?"a.m.":"p.m."}},h(e,t){return et(e.getHours()%12||12,t.length)},H(e,t){return et(e.getHours(),t.length)},m(e,t){return et(e.getMinutes(),t.length)},s(e,t){return et(e.getSeconds(),t.length)},S(e,t){const n=t.length,r=e.getMilliseconds(),a=Math.trunc(r*Math.pow(10,n-3));return et(a,t.length)}},Hi={midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},EI={G:function(e,t,n){const r=e.getFullYear()>0?1:0;switch(t){case"G":case"GG":case"GGG":return n.era(r,{width:"abbreviated"});case"GGGGG":return n.era(r,{width:"narrow"});case"GGGG":default:return n.era(r,{width:"wide"})}},y:function(e,t,n){if(t==="yo"){const r=e.getFullYear(),a=r>0?r:1-r;return n.ordinalNumber(a,{unit:"year"})}return ha.y(e,t)},Y:function(e,t,n,r){const a=bI(e,r),i=a>0?a:1-a;if(t==="YY"){const s=i%100;return et(s,2)}return t==="Yo"?n.ordinalNumber(i,{unit:"year"}):et(i,t.length)},R:function(e,t){const n=fI(e);return et(n,t.length)},u:function(e,t){const n=e.getFullYear();return et(n,t.length)},Q:function(e,t,n){const r=Math.ceil((e.getMonth()+1)/3);switch(t){case"Q":return String(r);case"QQ":return et(r,2);case"Qo":return n.ordinalNumber(r,{unit:"quarter"});case"QQQ":return n.quarter(r,{width:"abbreviated",context:"formatting"});case"QQQQQ":return n.quarter(r,{width:"narrow",context:"formatting"});case"QQQQ":default:return n.quarter(r,{width:"wide",context:"formatting"})}},q:function(e,t,n){const r=Math.ceil((e.getMonth()+1)/3);switch(t){case"q":return String(r);case"qq":return et(r,2);case"qo":return n.ordinalNumber(r,{unit:"quarter"});case"qqq":return n.quarter(r,{width:"abbreviated",context:"standalone"});case"qqqqq":return n.quarter(r,{width:"narrow",context:"standalone"});case"qqqq":default:return n.quarter(r,{width:"wide",context:"standalone"})}},M:function(e,t,n){const r=e.getMonth();switch(t){case"M":case"MM":return ha.M(e,t);case"Mo":return n.ordinalNumber(r+1,{unit:"month"});case"MMM":return n.month(r,{width:"abbreviated",context:"formatting"});case"MMMMM":return n.month(r,{width:"narrow",context:"formatting"});case"MMMM":default:return n.month(r,{width:"wide",context:"formatting"})}},L:function(e,t,n){const r=e.getMonth();switch(t){case"L":return String(r+1);case"LL":return et(r+1,2);case"Lo":return n.ordinalNumber(r+1,{unit:"month"});case"LLL":return n.month(r,{width:"abbreviated",context:"standalone"});case"LLLLL":return n.month(r,{width:"narrow",context:"standalone"});case"LLLL":default:return n.month(r,{width:"wide",context:"standalone"})}},w:function(e,t,n,r){const a=cee(e,r);return t==="wo"?n.ordinalNumber(a,{unit:"week"}):et(a,t.length)},I:function(e,t,n){const r=lee(e);return t==="Io"?n.ordinalNumber(r,{unit:"week"}):et(r,t.length)},d:function(e,t,n){return t==="do"?n.ordinalNumber(e.getDate(),{unit:"date"}):ha.d(e,t)},D:function(e,t,n){const r=oee(e);return t==="Do"?n.ordinalNumber(r,{unit:"dayOfYear"}):et(r,t.length)},E:function(e,t,n){const r=e.getDay();switch(t){case"E":case"EE":case"EEE":return n.day(r,{width:"abbreviated",context:"formatting"});case"EEEEE":return n.day(r,{width:"narrow",context:"formatting"});case"EEEEEE":return n.day(r,{width:"short",context:"formatting"});case"EEEE":default:return n.day(r,{width:"wide",context:"formatting"})}},e:function(e,t,n,r){const a=e.getDay(),i=(a-r.weekStartsOn+8)%7||7;switch(t){case"e":return String(i);case"ee":return et(i,2);case"eo":return n.ordinalNumber(i,{unit:"day"});case"eee":return n.day(a,{width:"abbreviated",context:"formatting"});case"eeeee":return n.day(a,{width:"narrow",context:"formatting"});case"eeeeee":return n.day(a,{width:"short",context:"formatting"});case"eeee":default:return n.day(a,{width:"wide",context:"formatting"})}},c:function(e,t,n,r){const a=e.getDay(),i=(a-r.weekStartsOn+8)%7||7;switch(t){case"c":return String(i);case"cc":return et(i,t.length);case"co":return n.ordinalNumber(i,{unit:"day"});case"ccc":return n.day(a,{width:"abbreviated",context:"standalone"});case"ccccc":return n.day(a,{width:"narrow",context:"standalone"});case"cccccc":return n.day(a,{width:"short",context:"standalone"});case"cccc":default:return n.day(a,{width:"wide",context:"standalone"})}},i:function(e,t,n){const r=e.getDay(),a=r===0?7:r;switch(t){case"i":return String(a);case"ii":return et(a,t.length);case"io":return n.ordinalNumber(a,{unit:"day"});case"iii":return n.day(r,{width:"abbreviated",context:"formatting"});case"iiiii":return n.day(r,{width:"narrow",context:"formatting"});case"iiiiii":return n.day(r,{width:"short",context:"formatting"});case"iiii":default:return n.day(r,{width:"wide",context:"formatting"})}},a:function(e,t,n){const a=e.getHours()/12>=1?"pm":"am";switch(t){case"a":case"aa":return n.dayPeriod(a,{width:"abbreviated",context:"formatting"});case"aaa":return n.dayPeriod(a,{width:"abbreviated",context:"formatting"}).toLowerCase();case"aaaaa":return n.dayPeriod(a,{width:"narrow",context:"formatting"});case"aaaa":default:return n.dayPeriod(a,{width:"wide",context:"formatting"})}},b:function(e,t,n){const r=e.getHours();let a;switch(r===12?a=Hi.noon:r===0?a=Hi.midnight:a=r/12>=1?"pm":"am",t){case"b":case"bb":return n.dayPeriod(a,{width:"abbreviated",context:"formatting"});case"bbb":return n.dayPeriod(a,{width:"abbreviated",context:"formatting"}).toLowerCase();case"bbbbb":return n.dayPeriod(a,{width:"narrow",context:"formatting"});case"bbbb":default:return n.dayPeriod(a,{width:"wide",context:"formatting"})}},B:function(e,t,n){const r=e.getHours();let a;switch(r>=17?a=Hi.evening:r>=12?a=Hi.afternoon:r>=4?a=Hi.morning:a=Hi.night,t){case"B":case"BB":case"BBB":return n.dayPeriod(a,{width:"abbreviated",context:"formatting"});case"BBBBB":return n.dayPeriod(a,{width:"narrow",context:"formatting"});case"BBBB":default:return n.dayPeriod(a,{width:"wide",context:"formatting"})}},h:function(e,t,n){if(t==="ho"){let r=e.getHours()%12;return r===0&&(r=12),n.ordinalNumber(r,{unit:"hour"})}return ha.h(e,t)},H:function(e,t,n){return t==="Ho"?n.ordinalNumber(e.getHours(),{unit:"hour"}):ha.H(e,t)},K:function(e,t,n){const r=e.getHours()%12;return t==="Ko"?n.ordinalNumber(r,{unit:"hour"}):et(r,t.length)},k:function(e,t,n){let r=e.getHours();return r===0&&(r=24),t==="ko"?n.ordinalNumber(r,{unit:"hour"}):et(r,t.length)},m:function(e,t,n){return t==="mo"?n.ordinalNumber(e.getMinutes(),{unit:"minute"}):ha.m(e,t)},s:function(e,t,n){return t==="so"?n.ordinalNumber(e.getSeconds(),{unit:"second"}):ha.s(e,t)},S:function(e,t){return ha.S(e,t)},X:function(e,t,n){const r=e.getTimezoneOffset();if(r===0)return"Z";switch(t){case"X":return vI(r);case"XXXX":case"XX":return za(r);case"XXXXX":case"XXX":default:return za(r,":")}},x:function(e,t,n){const r=e.getTimezoneOffset();switch(t){case"x":return vI(r);case"xxxx":case"xx":return za(r);case"xxxxx":case"xxx":default:return za(r,":")}},O:function(e,t,n){const r=e.getTimezoneOffset();switch(t){case"O":case"OO":case"OOO":return"GMT"+yI(r,":");case"OOOO":default:return"GMT"+za(r,":")}},z:function(e,t,n){const r=e.getTimezoneOffset();switch(t){case"z":case"zz":case"zzz":return"GMT"+yI(r,":");case"zzzz":default:return"GMT"+za(r,":")}},t:function(e,t,n){const r=Math.trunc(+e/1e3);return et(r,t.length)},T:function(e,t,n){return et(+e,t.length)}};function yI(e,t=""){const n=e>0?"-":"+",r=Math.abs(e),a=Math.trunc(r/60),i=r%60;return i===0?n+String(a):n+String(a)+t+et(i,2)}function vI(e,t){return e%60===0?(e>0?"-":"+")+et(Math.abs(e)/60,2):za(e,t)}function za(e,t=""){const n=e>0?"-":"+",r=Math.abs(e),a=et(Math.trunc(r/60),2),i=et(r%60,2);return n+a+t+i}const TI=(e,t)=>{switch(e){case"P":return t.date({width:"short"});case"PP":return t.date({width:"medium"});case"PPP":return t.date({width:"long"});case"PPPP":default:return t.date({width:"full"})}},SI=(e,t)=>{switch(e){case"p":return t.time({width:"short"});case"pp":return t.time({width:"medium"});case"ppp":return t.time({width:"long"});case"pppp":default:return t.time({width:"full"})}},dee={p:SI,P:(e,t)=>{const n=e.match(/(P+)(p+)?/)||[],r=n[1],a=n[2];if(!a)return TI(e,t);let i;switch(r){case"P":i=t.dateTime({width:"short"});break;case"PP":i=t.dateTime({width:"medium"});break;case"PPP":i=t.dateTime({width:"long"});break;case"PPPP":default:i=t.dateTime({width:"full"});break}return i.replace("{{date}}",TI(r,t)).replace("{{time}}",SI(a,t))}},pee=/^D+$/,fee=/^Y+$/,hee=["D","DD","YY","YYYY"];function mee(e){return pee.test(e)}function gee(e){return fee.test(e)}function bee(e,t,n){const r=Eee(e,t,n);if(console.warn(r),hee.includes(e))throw new RangeError(r)}function Eee(e,t,n){const r=e[0]==="Y"?"years":"days of the month";return`Use \`${e.toLowerCase()}\` instead of \`${e}\` (in \`${t}\`) for formatting ${r} to the input \`${n}\`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md`}const yee=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,vee=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,Tee=/^'([^]*?)'?$/,See=/''/g,_ee=/[a-zA-Z]/;function y1(e,t,n){const r=so(),a=r.locale??gI,i=r.firstWeekContainsDate??r.locale?.options?.firstWeekContainsDate??1,s=r.weekStartsOn??r.locale?.options?.weekStartsOn??0,o=qt(e,n?.in);if(!TJ(o))throw new RangeError("Invalid time value");let l=t.match(vee).map(c=>{const d=c[0];if(d==="p"||d==="P"){const p=dee[d];return p(c,a.formatLong)}return c}).join("").match(yee).map(c=>{if(c==="''")return{isToken:!1,value:"'"};const d=c[0];if(d==="'")return{isToken:!1,value:Aee(c)};if(EI[d])return{isToken:!0,value:c};if(d.match(_ee))throw new RangeError("Format string contains an unescaped latin alphabet character `"+d+"`");return{isToken:!1,value:c}});a.localize.preprocessor&&(l=a.localize.preprocessor(o,l));const u={firstWeekContainsDate:i,weekStartsOn:s,locale:a};return l.map(c=>{if(!c.isToken)return c.value;const d=c.value;(gee(d)||mee(d))&&bee(d,t,String(e));const p=EI[d[0]];return p(o,d,a.localize,u)}).join("")}function Aee(e){const t=e.match(Tee);return t?t[1].replace(See,"'"):e}function wee(e,t,n){const r=so(),a=n?.locale??r.locale??gI,i=2520,s=ru(e,t);if(isNaN(s))throw new RangeError("Invalid time value");const o=Object.assign({},n,{addSuffix:n?.addSuffix,comparison:s}),[l,u]=Bi(n?.in,...s>0?[t,e]:[e,t]),c=CJ(u,l),d=(tu(u)-tu(l))/1e3,p=Math.round((c-d)/60);let f;if(p<2)return n?.includeSeconds?c<5?a.formatDistance("lessThanXSeconds",5,o):c<10?a.formatDistance("lessThanXSeconds",10,o):c<20?a.formatDistance("lessThanXSeconds",20,o):c<40?a.formatDistance("halfAMinute",0,o):c<60?a.formatDistance("lessThanXMinutes",1,o):a.formatDistance("xMinutes",1,o):p===0?a.formatDistance("lessThanXMinutes",1,o):a.formatDistance("xMinutes",p,o);if(p<45)return a.formatDistance("xMinutes",p,o);if(p<90)return a.formatDistance("aboutXHours",1,o);if(p<dI){const b=Math.round(p/60);return a.formatDistance("aboutXHours",b,o)}else{if(p<i)return a.formatDistance("xDays",1,o);if(p<Jl){const b=Math.round(p/dI);return a.formatDistance("xDays",b,o)}else if(p<Jl*2)return f=Math.round(p/Jl),a.formatDistance("aboutXMonths",f,o)}if(f=NJ(u,l),f<12){const b=Math.round(p/Jl);return a.formatDistance("xMonths",b,o)}else{const b=f%12,g=Math.trunc(f/12);return b<3?a.formatDistance("aboutXYears",g,o):b<9?a.formatDistance("overXYears",g,o):a.formatDistance("almostXYears",g+1,o)}}function xee(e,t){return wee(e,E1(e),t)}function kee(e,t,n){const[r,a]=Bi(n?.in,e,t);return+Ha(r,n)==+Ha(a,n)}function Nee(e,t){return hI(Xn(e,e),E1(e))}function Cee(e,t,n){return gJ(e,-1,n)}function Iee(e,t){return hI(Xn(e,e),Cee(E1(e)))}const Ree={lessThanXSeconds:{one:"不到 1 秒",other:"不到 {{count}} 秒"},xSeconds:{one:"1 秒",other:"{{count}} 秒"},halfAMinute:"半分钟",lessThanXMinutes:{one:"不到 1 分钟",other:"不到 {{count}} 分钟"},xMinutes:{one:"1 分钟",other:"{{count}} 分钟"},xHours:{one:"1 小时",other:"{{count}} 小时"},aboutXHours:{one:"大约 1 小时",other:"大约 {{count}} 小时"},xDays:{one:"1 天",other:"{{count}} 天"},aboutXWeeks:{one:"大约 1 个星期",other:"大约 {{count}} 个星期"},xWeeks:{one:"1 个星期",other:"{{count}} 个星期"},aboutXMonths:{one:"大约 1 个月",other:"大约 {{count}} 个月"},xMonths:{one:"1 个月",other:"{{count}} 个月"},aboutXYears:{one:"大约 1 年",other:"大约 {{count}} 年"},xYears:{one:"1 年",other:"{{count}} 年"},overXYears:{one:"超过 1 年",other:"超过 {{count}} 年"},almostXYears:{one:"将近 1 年",other:"将近 {{count}} 年"}},Oee=(e,t,n)=>{let r;const a=Ree[e];return typeof a=="string"?r=a:t===1?r=a.one:r=a.other.replace("{{count}}",String(t)),n?.addSuffix?n.comparison&&n.comparison>0?r+"内":r+"前":r},Dee={full:"y'年'M'月'd'日' EEEE",long:"y'年'M'月'd'日'",medium:"yyyy-MM-dd",short:"yy-MM-dd"},Lee={full:"zzzz a h:mm:ss",long:"z a h:mm:ss",medium:"a h:mm:ss",short:"a h:mm"},Mee={full:"{{date}} {{time}}",long:"{{date}} {{time}}",medium:"{{date}} {{time}}",short:"{{date}} {{time}}"},Pee={date:Ui({formats:Dee,defaultWidth:"full"}),time:Ui({formats:Lee,defaultWidth:"full"}),dateTime:Ui({formats:Mee,defaultWidth:"full"})};function _I(e,t,n){const r="eeee p";return kee(e,t,n)?r:e.getTime()>t.getTime()?"'下个'"+r:"'上个'"+r}const Fee={lastWeek:_I,yesterday:"'昨天' p",today:"'今天' p",tomorrow:"'明天' p",nextWeek:_I,other:"PP p"},Bee=(e,t,n,r)=>{const a=Fee[e];return typeof a=="function"?a(t,n,r):a},Uee={narrow:["前","公元"],abbreviated:["前","公元"],wide:["公元前","公元"]},Hee={narrow:["1","2","3","4"],abbreviated:["第一季","第二季","第三季","第四季"],wide:["第一季度","第二季度","第三季度","第四季度"]},zee={narrow:["一","二","三","四","五","六","七","八","九","十","十一","十二"],abbreviated:["1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"],wide:["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"]},$ee={narrow:["日","一","二","三","四","五","六"],short:["日","一","二","三","四","五","六"],abbreviated:["周日","周一","周二","周三","周四","周五","周六"],wide:["星期日","星期一","星期二","星期三","星期四","星期五","星期六"]},qee={narrow:{am:"上",pm:"下",midnight:"凌晨",noon:"午",morning:"早",afternoon:"下午",evening:"晚",night:"夜"},abbreviated:{am:"上午",pm:"下午",midnight:"凌晨",noon:"中午",morning:"早晨",afternoon:"中午",evening:"晚上",night:"夜间"},wide:{am:"上午",pm:"下午",midnight:"凌晨",noon:"中午",morning:"早晨",afternoon:"中午",evening:"晚上",night:"夜间"}},Gee={narrow:{am:"上",pm:"下",midnight:"凌晨",noon:"午",morning:"早",afternoon:"下午",evening:"晚",night:"夜"},abbreviated:{am:"上午",pm:"下午",midnight:"凌晨",noon:"中午",morning:"早晨",afternoon:"中午",evening:"晚上",night:"夜间"},wide:{am:"上午",pm:"下午",midnight:"凌晨",noon:"中午",morning:"早晨",afternoon:"中午",evening:"晚上",night:"夜间"}},Vee={ordinalNumber:(e,t)=>{const n=Number(e);switch(t?.unit){case"date":return n.toString()+"日";case"hour":return n.toString()+"时";case"minute":return n.toString()+"分";case"second":return n.toString()+"秒";default:return"第 "+n.toString()}},era:xr({values:Uee,defaultWidth:"wide"}),quarter:xr({values:Hee,defaultWidth:"wide",argumentCallback:e=>e-1}),month:xr({values:zee,defaultWidth:"wide"}),day:xr({values:$ee,defaultWidth:"wide"}),dayPeriod:xr({values:qee,defaultWidth:"wide",formattingValues:Gee,defaultFormattingWidth:"wide"})},Wee=/^(第\s*)?\d+(日|时|分|秒)?/i,jee=/\d+/i,Yee={narrow:/^(前)/i,abbreviated:/^(前)/i,wide:/^(公元前|公元)/i},Kee={any:[/^(前)/i,/^(公元)/i]},Xee={narrow:/^[1234]/i,abbreviated:/^第[一二三四]刻/i,wide:/^第[一二三四]刻钟/i},Zee={any:[/(1|一)/i,/(2|二)/i,/(3|三)/i,/(4|四)/i]},Qee={narrow:/^(一|二|三|四|五|六|七|八|九|十[二一])/i,abbreviated:/^(一|二|三|四|五|六|七|八|九|十[二一]|\d|1[12])月/i,wide:/^(一|二|三|四|五|六|七|八|九|十[二一])月/i},Jee={narrow:[/^一/i,/^二/i,/^三/i,/^四/i,/^五/i,/^六/i,/^七/i,/^八/i,/^九/i,/^十(?!(一|二))/i,/^十一/i,/^十二/i],any:[/^一|1/i,/^二|2/i,/^三|3/i,/^四|4/i,/^五|5/i,/^六|6/i,/^七|7/i,/^八|8/i,/^九|9/i,/^十(?!(一|二))|10/i,/^十一|11/i,/^十二|12/i]},ete={narrow:/^[一二三四五六日]/i,short:/^[一二三四五六日]/i,abbreviated:/^周[一二三四五六日]/i,wide:/^星期[一二三四五六日]/i},tte={any:[/日/i,/一/i,/二/i,/三/i,/四/i,/五/i,/六/i]},nte={any:/^(上午?|下午?|午夜|[中正]午|早上?|下午|晚上?|凌晨|)/i},rte={any:{am:/^上午?/i,pm:/^下午?/i,midnight:/^午夜/i,noon:/^[中正]午/i,morning:/^早上/i,afternoon:/^下午/i,evening:/^晚上?/i,night:/^凌晨/i}},ate={ordinalNumber:mI({matchPattern:Wee,parsePattern:jee,valueCallback:e=>parseInt(e,10)}),era:kr({matchPatterns:Yee,defaultMatchWidth:"wide",parsePatterns:Kee,defaultParseWidth:"any"}),quarter:kr({matchPatterns:Xee,defaultMatchWidth:"wide",parsePatterns:Zee,defaultParseWidth:"any",valueCallback:e=>e+1}),month:kr({matchPatterns:Qee,defaultMatchWidth:"wide",parsePatterns:Jee,defaultParseWidth:"any"}),day:kr({matchPatterns:ete,defaultMatchWidth:"wide",parsePatterns:tte,defaultParseWidth:"any"}),dayPeriod:kr({matchPatterns:nte,defaultMatchWidth:"any",parsePatterns:rte,defaultParseWidth:"any"})},ite={code:"zh-CN",formatDistance:Oee,formatLong:Pee,formatRelative:Bee,localize:Vee,match:ate,options:{weekStartsOn:1,firstWeekContainsDate:4}};function ste(e){const t=new Date(e),n=new Date,r=xee(t,{addSuffix:!0,locale:ite});return n.getTime()-t.getTime()<24*60*60*1e3?r:Iee(t)?`昨天 ${y1(t,"HH:mm")}`:Nee(t)?y1(t,"HH:mm"):y1(t,"yyyy-MM-dd")}function ote({title:e,titleId:t,...n},r){return Me.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:r,"aria-labelledby":t},n),e?Me.createElement("title",{id:t},e):null,Me.createElement("path",{fillRule:"evenodd",d:"m9.69 18.933.003.001C9.89 19.02 10 19 10 19s.11.02.308-.066l.002-.001.006-.003.018-.008a5.741 5.741 0 0 0 .281-.14c.186-.096.446-.24.757-.433.62-.384 1.445-.966 2.274-1.765C15.302 14.988 17 12.493 17 9A7 7 0 1 0 3 9c0 3.492 1.698 5.988 3.355 7.584a13.731 13.731 0 0 0 2.273 1.765 11.842 11.842 0 0 0 .976.544l.062.029.018.008.006.003ZM10 11.25a2.25 2.25 0 1 0 0-4.5 2.25 2.25 0 0 0 0 4.5Z",clipRule:"evenodd"}))}const AI=Me.forwardRef(ote);function lte(){const{chatHistory:e,chatHistoryLoading:t,fetchChatHistory:n,setActiveChatChannel:r,togglePinChat:a,setTabIndex:i}=yo();R.useEffect(()=>{n()},[n]);const s=[...e].sort((u,c)=>{if(u.isPinned&&!c.isPinned)return-1;if(!u.isPinned&&c.isPinned)return 1;const d=new Date(u.updatedAt);return new Date(c.updatedAt).getTime()-d.getTime()}),o=u=>{r(u),i(0)},l=(u,c)=>{u.stopPropagation(),a(c)};return t?W.jsx("div",{className:"flex h-full items-center justify-center",children:W.jsx("div",{className:"h-8 w-8 animate-spin rounded-full border-4 border-neutral-300 border-t-indigo-600"})}):s.length===0?W.jsxs("div",{className:"flex h-full flex-col items-center justify-center px-4 text-center text-neutral-400",children:[W.jsx(Z5,{className:"h-12 w-12 opacity-50"}),W.jsx("p",{className:"mt-4",children:"没有聊天记录"}),W.jsx("p",{className:"mt-1 text-xs",children:"创建新对话开始聊天"})]}):W.jsx("div",{className:"space-y-2 px-4",children:s.map(u=>W.jsxs("div",{className:"group relative flex cursor-pointer items-center justify-between rounded-lg border border-neutral-200 p-3 hover:bg-neutral-50 dark:border-neutral-800 dark:hover:bg-neutral-900",onClick:()=>o(u.id),children:[W.jsxs("div",{className:"flex-1 overflow-hidden",children:[W.jsxs("div",{className:"flex items-center",children:[u.isPinned&&W.jsx(AI,{className:"mr-1.5 h-3.5 w-3.5 rotate-45 text-indigo-500 dark:text-indigo-400"}),W.jsx("h3",{className:`truncate text-sm font-medium ${u.isPinned?"text-indigo-700 dark:text-indigo-400":"text-neutral-800 dark:text-white"}`,children:u.title})]}),W.jsxs("div",{className:"mt-1 flex items-center text-xs text-neutral-500",children:[W.jsx("span",{className:"truncate",children:u.assistantTitle}),W.jsx("span",{className:"mx-1.5",children:"·"}),W.jsx("span",{className:"whitespace-nowrap",children:ste(u.updatedAt)})]}),u.lastMessage&&W.jsx("p",{className:"mt-1 truncate text-xs text-neutral-500",children:u.lastMessage})]}),W.jsxs("div",{className:"ml-4 flex items-center gap-2",children:[W.jsx("button",{className:"invisible rounded p-1 text-neutral-400 hover:bg-neutral-200 hover:text-neutral-700 group-hover:visible dark:hover:bg-neutral-800 dark:hover:text-neutral-300",title:u.isPinned?"取消置顶":"置顶会话",onClick:c=>l(c,u.id),children:W.jsx(AI,{className:`h-4 w-4 ${u.isPinned?"rotate-45":""}`})}),W.jsx("div",{className:"rounded-full p-1.5 text-neutral-400 group-hover:text-neutral-500",children:W.jsx(K5,{className:"h-4 w-4"})})]})]},u.id))})}function ute(){return W.jsx("div",{className:"flex h-full items-center justify-center",children:W.jsx("p",{className:"text-neutral-500",children:"节点视图正在建设中..."})})}const cte="http://localhost:8000",wI=()=>{const[e,t]=R.useState("system"),n=R.useCallback(a=>{const i=window.document.documentElement,s=a==="dark"||a==="system"&&window.matchMedia("(prefers-color-scheme: dark)").matches,o=document.createElement("style");o.innerHTML="*, *::before, *::after { transition: none !important; }",document.head.appendChild(o),i.classList.toggle("dark",s),localStorage.setItem("theme",a),setTimeout(()=>{document.head.removeChild(o)},50)},[]);return R.useEffect(()=>{const i=localStorage.getItem("theme")||"system";t(i),n(i)},[n]),R.useEffect(()=>{const a=window.matchMedia("(prefers-color-scheme: dark)"),i=()=>{e==="system"&&n("system")};return a.addEventListener("change",i),()=>a.removeEventListener("change",i)},[e,n]),{theme:e,cycleTheme:()=>{const a=["light","dark","system"],i=a.indexOf(e),s=a[(i+1)%a.length];t(s),n(s)}}},dte=280,pte=600,xI=380,fte=({isActive:e,onDoubleClick:t})=>{const{attributes:n,listeners:r,setNodeRef:a}=mE({id:"xyzen-resizer"});return W.jsx("div",{ref:a,className:`absolute left-0 top-0 z-50 h-full w-1 cursor-col-resize ${e?"bg-indigo-500 shadow-md dark:bg-indigo-400":"bg-transparent hover:bg-indigo-400/60 hover:shadow-sm dark:hover:bg-indigo-500/60"} transition-all duration-150 ease-in-out`,...r,...n,onDoubleClick:t})};function hte({backendUrl:e=cte}){const{isXyzenOpen:t,closeXyzen:n,panelWidth:r,setPanelWidth:a,toggleXyzen:i,activeTabIndex:s,setTabIndex:o,createDefaultChannel:l,setBackendUrl:u}=yo(),{theme:c,cycleTheme:d}=wI(),[p,f]=R.useState(!1),[b,g]=R.useState(!1),T=R.useRef(r),v=[{id:"chat",title:"聊天",component:W.jsx(hJ,{})},{id:"history",title:"历史",component:W.jsx(lte,{})},{id:"nodes",title:"节点",component:W.jsx(ute,{})}];R.useEffect(()=>{f(!0),u(e)},[e,u]);const y=V1(G1(_o,{activationConstraint:{distance:5}})),_=()=>{g(!0),T.current=r},k=I=>{const P=Math.min(Math.max(T.current-I.delta.x,dte),pte);a(P)},N=()=>{g(!1)},S=()=>{a(xI),T.current=xI};return R.useEffect(()=>{const I=P=>{(P.metaKey||P.ctrlKey)&&P.shiftKey&&P.key==="X"&&(P.preventDefault(),i())};return window.addEventListener("keydown",I),()=>window.removeEventListener("keydown",I)},[i]),!p||!t?null:W.jsx(fE,{sensors:y,onDragStart:_,onDragMove:k,onDragEnd:N,modifiers:[w6],children:W.jsxs("div",{className:"fixed right-0 top-0 z-50 h-full bg-white shadow-xl dark:border-l dark:border-neutral-800 dark:bg-black",style:{width:`${r}px`,transition:b?"none":"width 0.2s ease-in-out"},children:[W.jsx(fte,{isActive:b,onDoubleClick:S}),W.jsxs("div",{className:"flex h-16 items-center justify-between border-b border-neutral-200 px-4 dark:border-neutral-800",children:[W.jsx("h2",{className:"bg-gradient-to-r from-violet-500 to-fuchsia-500 bg-clip-text text-lg font-semibold text-transparent",children:"Xyzen"}),W.jsx("button",{onClick:n,className:"rounded-md p-2 text-neutral-500 hover:bg-neutral-100 dark:text-neutral-400 dark:hover:bg-neutral-800",children:W.jsx(j5,{className:"h-5 w-5"})})]}),W.jsxs(is.Group,{selectedIndex:s,onChange:o,children:[W.jsx("div",{className:"border-b border-neutral-200 px-4 dark:border-neutral-800",children:W.jsxs("div",{className:"flex items-center justify-between",children:[W.jsx(is.List,{className:"flex space-x-1",children:v.map(I=>W.jsx(is,{className:({selected:P})=>`whitespace-nowrap rounded-t-md px-3 py-2 text-sm font-medium outline-none transition-colors duration-200 ${P?"bg-neutral-100 text-indigo-600 dark:bg-neutral-900 dark:text-indigo-400":"text-neutral-500 hover:bg-neutral-100/50 dark:text-neutral-400 dark:hover:bg-neutral-800/50"}`,children:I.title},I.id))}),W.jsxs("div",{className:"flex items-center space-x-1",children:[W.jsxs("button",{className:"rounded-md p-1.5 text-neutral-500 hover:bg-neutral-100 dark:text-neutral-400 dark:hover:bg-neutral-800",title:"切换主题",onClick:d,children:[c==="light"&&W.jsx(iO,{className:"h-5 w-5"}),c==="dark"&&W.jsx(tO,{className:"h-5 w-5"}),c==="system"&&W.jsx(J5,{className:"h-5 w-5"})]}),W.jsx("button",{className:"rounded-md p-1.5 text-neutral-500 hover:bg-neutral-100 dark:text-neutral-400 dark:hover:bg-neutral-800",title:"新对话",onClick:l,children:W.jsx(rO,{className:"h-5 w-5"})})]})]})}),W.jsx("div",{className:"h-[calc(100%-104px)] overflow-y-auto py-4",children:W.jsx(is.Panels,{children:v.map(I=>W.jsx(is.Panel,{children:I.component},I.id))})})]})]})})}Jn.Xyzen=hte,Jn.useTheme=wI,Jn.useXyzen=yo,Jn.xyzenService=Gi,Object.defineProperty(Jn,Symbol.toStringTag,{value:"Module"})});
|
|
354
|
+
hover:bg-indigo-700 disabled:bg-neutral-300 disabled:text-neutral-500 dark:disabled:bg-neutral-700 dark:disabled:text-neutral-400`,"aria-label":"Send message",children:W.jsx(uJ,{className:"h-4 w-4"})})]})}),W.jsx("p",{className:"mt-0.5 text-xs text-neutral-500",children:"按 Enter 发送,Shift+Enter 换行"})]})},pJ=()=>{const[e]=R.useState(!1);return W.jsxs("div",{className:"flex h-full flex-col items-center justify-center space-y-6 p-4 text-center",children:[W.jsx(fi.div,{initial:{opacity:0,y:-20},animate:{opacity:1,y:0},transition:{duration:.5},className:"rounded-full bg-neutral-100 p-4 dark:bg-neutral-800",children:W.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-8 w-8 text-neutral-500 dark:text-neutral-400",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:W.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,d:"M17 8h2a2 2 0 012 2v6a2 2 0 01-2 2h-2v4l-4-4H9a1.994 1.994 0 01-1.414-.586m0 0L11 14h4a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2v4l.586-.586z"})})}),W.jsxs(fi.div,{initial:{opacity:0},animate:{opacity:1},transition:{delay:.2,duration:.5},children:[W.jsx("h3",{className:"text-lg font-medium text-neutral-900 dark:text-white",children:"开始一个新对话"}),W.jsx("p",{className:"mt-2 max-w-md text-sm text-neutral-600 dark:text-neutral-300",children:"您可以从列表选择一个专业助手,或者直接开始一个自由对话。"})]}),W.jsx(fi.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{delay:.4,duration:.5},className:"flex flex-col space-y-3 sm:flex-row sm:space-x-3 sm:space-y-0",children:W.jsx("button",{onClick:()=>{},disabled:e,className:`flex items-center justify-center rounded-md ${e?"bg-indigo-400 dark:bg-indigo-700":"bg-indigo-600 hover:bg-indigo-700 dark:bg-indigo-500 dark:hover:bg-indigo-600"} px-4 py-2 text-sm font-medium text-white shadow-sm focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2`,children:e?W.jsxs(W.Fragment,{children:[W.jsxs("svg",{className:"mr-2 h-4 w-4 animate-spin",viewBox:"0 0 24 24",children:[W.jsx("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4",fill:"none"}),W.jsx("path",{className:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]}),"创建中..."]}):W.jsxs(W.Fragment,{children:[W.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"mr-2 h-4 w-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:W.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 4v16m8-8H4"})}),"开始新对话"]})})})]})},fJ=({assistant:e})=>{const t=e?.iconColor||"indigo",n={blue:"bg-blue-100 dark:bg-blue-900/30",green:"bg-green-100 dark:bg-green-900/30",purple:"bg-purple-100 dark:bg-purple-900/30",amber:"bg-amber-100 dark:bg-amber-900/30",red:"bg-red-100 dark:bg-red-900/30",indigo:"bg-indigo-100 dark:bg-indigo-900/30"},r={blue:"text-blue-600 dark:text-blue-400",green:"text-green-600 dark:text-green-400",purple:"text-purple-600 dark:text-purple-400",amber:"text-amber-600 dark:text-amber-400",red:"text-red-600 dark:text-red-400",indigo:"text-indigo-600 dark:text-indigo-400"},a=n[t]||n.indigo,i=r[t]||r.indigo,s=e?`欢迎使用 ${e.title}`:"欢迎使用自由对话",o=e?.description||"您现在可以自由提问任何问题。无需选择特定助手,系统将根据您的问题提供合适的回复。";return W.jsxs(fi.div,{initial:{opacity:0},animate:{opacity:1},transition:{duration:.6},className:"flex flex-col items-center justify-center space-y-4 p-6 text-center",children:[W.jsx("div",{className:`rounded-full ${a} p-5`,children:W.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:`h-10 w-10 ${i}`,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:W.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,d:"M8 10h.01M12 10h.01M16 10h.01M9 16H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-5l-5 5v-5z"})})}),W.jsxs(fi.div,{initial:{y:20,opacity:0},animate:{y:0,opacity:1},transition:{delay:.2,duration:.5},children:[W.jsx("h3",{className:"text-lg font-medium text-neutral-900 dark:text-white",children:s}),W.jsx("p",{className:"mt-2 max-w-md text-sm leading-relaxed text-neutral-600 dark:text-neutral-300",children:o})]})]})};function hJ(){const{activeChatChannel:e,channels:t,assistants:n,sendMessage:r,connectToChannel:a}=yo(),i=R.useRef(null),s=R.useRef(null),[o,l]=R.useState(!0),[u,c]=R.useState(!1),[d,p]=R.useState(80),f=d+36,b=d+48,g=e?t[e]:null,T=g?.assistantId?n.find(D=>D.id===g.assistantId):null,v=g?.messages||[],y=g?.connected||!1,_=g?.error||null,k=R.useCallback((D=!1)=>{!o&&!D||setTimeout(()=>{s.current?.scrollTo({top:s.current.scrollHeight,behavior:D?"auto":"smooth"})},50)},[o]),N=()=>{if(s.current){const{scrollTop:D,scrollHeight:M,clientHeight:$}=s.current,V=M-D-$<80;l(V)}},S=D=>{!D.trim()||!e||(r(D),l(!0),setTimeout(()=>k(!0),100))},I=()=>{g&&(c(!0),a(g.sessionId,g.id),setTimeout(()=>{c(!1)},2e3))};R.useEffect(()=>{o&&k()},[v.length,o,k]),R.useEffect(()=>{const D=s.current;if(D)return k(!0),D.addEventListener("scroll",N,{passive:!0}),()=>D.removeEventListener("scroll",N)},[e,k]);const P=D=>{p(D),o&&setTimeout(()=>k(!0),100)};return e?W.jsxs("div",{className:"flex h-full flex-col",children:[T?W.jsxs("div",{className:"flex-shrink-0 px-4 pb-2",children:[W.jsx("h2",{className:"text-lg font-medium text-neutral-800 dark:text-white",children:T.title}),W.jsx("p",{className:"text-sm text-neutral-500 dark:text-neutral-400",children:T.description})]}):W.jsxs("div",{className:"flex-shrink-0 px-4 pb-2",children:[W.jsx("h2",{className:"text-lg font-medium text-neutral-800 dark:text-white",children:"自由对话"}),W.jsx("p",{className:"text-sm text-neutral-500 dark:text-neutral-400",children:"您可以在这里与AI助手自由讨论任何话题"})]}),!y&&W.jsxs("div",{className:"mb-1 flex flex-shrink-0 items-center justify-between rounded-md bg-amber-50 px-3 py-1.5 dark:bg-amber-900/20",children:[W.jsx("span",{className:"text-xs text-amber-700 dark:text-amber-200",children:_||"正在连接聊天服务..."}),W.jsx("button",{onClick:I,disabled:u,className:"ml-2 rounded-md p-1 text-amber-700 hover:bg-amber-100 focus:outline-none focus:ring-1 focus:ring-amber-500 dark:text-amber-300 dark:hover:bg-amber-800/30",title:"重试连接",children:W.jsx(V5,{className:`h-4 w-4 ${u?"animate-spin":""}`})})]}),W.jsxs("div",{className:"relative flex h-[calc(100vh-12rem)] flex-grow flex-col",children:[W.jsx("div",{ref:s,className:"absolute inset-0 overflow-y-auto rounded-lg bg-neutral-50 pt-6 dark:bg-black",style:{scrollbarWidth:"thin",scrollbarColor:"rgba(156,163,175,0.5) transparent",paddingBottom:`${f}px`},onScroll:N,children:W.jsx("div",{className:"px-3",children:v.length===0?W.jsx(fJ,{}):W.jsxs("div",{className:"space-y-6",children:[W.jsx(i7,{children:v.map(D=>W.jsx(oJ,{message:D},D.id))}),W.jsx("div",{ref:i,className:"h-4"})]})})}),!o&&v.length>0&&W.jsx("button",{onClick:()=>{l(!0),k(!0)},className:"absolute right-4 z-20 rounded-full bg-indigo-600 p-2 text-white shadow-md transition-colors hover:bg-indigo-700",style:{bottom:`${b}px`},"aria-label":"Scroll to bottom",children:W.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-4 w-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:W.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M19 14l-7 7m0 0l-7-7m7 7V3"})})}),W.jsx("div",{className:"absolute bottom-0 left-0 right-0 rounded-b-lg border-t border-neutral-200 bg-white p-2 shadow-[0_-2px_5px_rgba(0,0,0,0.05)] dark:border-neutral-800 dark:bg-black dark:shadow-[0_-2px_5px_rgba(0,0,0,0.2)]",style:{zIndex:15},children:W.jsx(dJ,{onSendMessage:S,disabled:!y,placeholder:"输入消息...",onHeightChange:P})})]})]}):W.jsx(pJ,{})}const cI=6048e5,mJ=864e5,Jl=43200,dI=1440,pI=Symbol.for("constructDateFrom");function Xn(e,t){return typeof e=="function"?e(t):e&&typeof e=="object"&&pI in e?e[pI](t):e instanceof Date?new e.constructor(t):new Date(t)}function qt(e,t){return Xn(t||e,e)}function gJ(e,t,n){const r=qt(e,n?.in);return isNaN(t)?Xn(e,NaN):(r.setDate(r.getDate()+t),r)}let bJ={};function so(){return bJ}function Ha(e,t){const n=so(),r=t?.weekStartsOn??t?.locale?.options?.weekStartsOn??n.weekStartsOn??n.locale?.options?.weekStartsOn??0,a=qt(e,t?.in),i=a.getDay(),s=(i<r?7:0)+i-r;return a.setDate(a.getDate()-s),a.setHours(0,0,0,0),a}function eu(e,t){return Ha(e,{...t,weekStartsOn:1})}function fI(e,t){const n=qt(e,t?.in),r=n.getFullYear(),a=Xn(n,0);a.setFullYear(r+1,0,4),a.setHours(0,0,0,0);const i=eu(a),s=Xn(n,0);s.setFullYear(r,0,4),s.setHours(0,0,0,0);const o=eu(s);return n.getTime()>=i.getTime()?r+1:n.getTime()>=o.getTime()?r:r-1}function tu(e){const t=qt(e),n=new Date(Date.UTC(t.getFullYear(),t.getMonth(),t.getDate(),t.getHours(),t.getMinutes(),t.getSeconds(),t.getMilliseconds()));return n.setUTCFullYear(t.getFullYear()),+e-+n}function Bi(e,...t){const n=Xn.bind(null,e||t.find(r=>typeof r=="object"));return t.map(n)}function nu(e,t){const n=qt(e,t?.in);return n.setHours(0,0,0,0),n}function EJ(e,t,n){const[r,a]=Bi(n?.in,e,t),i=nu(r),s=nu(a),o=+i-tu(i),l=+s-tu(s);return Math.round((o-l)/mJ)}function yJ(e,t){const n=fI(e,t),r=Xn(e,0);return r.setFullYear(n,0,4),r.setHours(0,0,0,0),eu(r)}function ru(e,t){const n=+qt(e)-+qt(t);return n<0?-1:n>0?1:n}function E1(e){return Xn(e,Date.now())}function hI(e,t,n){const[r,a]=Bi(n?.in,e,t);return+nu(r)==+nu(a)}function vJ(e){return e instanceof Date||typeof e=="object"&&Object.prototype.toString.call(e)==="[object Date]"}function TJ(e){return!(!vJ(e)&&typeof e!="number"||isNaN(+qt(e)))}function SJ(e,t,n){const[r,a]=Bi(n?.in,e,t),i=r.getFullYear()-a.getFullYear(),s=r.getMonth()-a.getMonth();return i*12+s}function _J(e){return t=>{const r=(e?Math[e]:Math.trunc)(t);return r===0?0:r}}function AJ(e,t){return+qt(e)-+qt(t)}function wJ(e,t){const n=qt(e,t?.in);return n.setHours(23,59,59,999),n}function xJ(e,t){const n=qt(e,t?.in),r=n.getMonth();return n.setFullYear(n.getFullYear(),r+1,0),n.setHours(23,59,59,999),n}function kJ(e,t){const n=qt(e,t?.in);return+wJ(n,t)==+xJ(n,t)}function NJ(e,t,n){const[r,a,i]=Bi(n?.in,e,e,t),s=ru(a,i),o=Math.abs(SJ(a,i));if(o<1)return 0;a.getMonth()===1&&a.getDate()>27&&a.setDate(30),a.setMonth(a.getMonth()-s*o);let l=ru(a,i)===-s;kJ(r)&&o===1&&ru(r,i)===1&&(l=!1);const u=s*(o-+l);return u===0?0:u}function CJ(e,t,n){const r=AJ(e,t)/1e3;return _J(n?.roundingMethod)(r)}function IJ(e,t){const n=qt(e,t?.in);return n.setFullYear(n.getFullYear(),0,1),n.setHours(0,0,0,0),n}const RJ={lessThanXSeconds:{one:"less than a second",other:"less than {{count}} seconds"},xSeconds:{one:"1 second",other:"{{count}} seconds"},halfAMinute:"half a minute",lessThanXMinutes:{one:"less than a minute",other:"less than {{count}} minutes"},xMinutes:{one:"1 minute",other:"{{count}} minutes"},aboutXHours:{one:"about 1 hour",other:"about {{count}} hours"},xHours:{one:"1 hour",other:"{{count}} hours"},xDays:{one:"1 day",other:"{{count}} days"},aboutXWeeks:{one:"about 1 week",other:"about {{count}} weeks"},xWeeks:{one:"1 week",other:"{{count}} weeks"},aboutXMonths:{one:"about 1 month",other:"about {{count}} months"},xMonths:{one:"1 month",other:"{{count}} months"},aboutXYears:{one:"about 1 year",other:"about {{count}} years"},xYears:{one:"1 year",other:"{{count}} years"},overXYears:{one:"over 1 year",other:"over {{count}} years"},almostXYears:{one:"almost 1 year",other:"almost {{count}} years"}},OJ=(e,t,n)=>{let r;const a=RJ[e];return typeof a=="string"?r=a:t===1?r=a.one:r=a.other.replace("{{count}}",t.toString()),n?.addSuffix?n.comparison&&n.comparison>0?"in "+r:r+" ago":r};function Ui(e){return(t={})=>{const n=t.width?String(t.width):e.defaultWidth;return e.formats[n]||e.formats[e.defaultWidth]}}const DJ={full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"},LJ={full:"h:mm:ss a zzzz",long:"h:mm:ss a z",medium:"h:mm:ss a",short:"h:mm a"},MJ={full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},PJ={date:Ui({formats:DJ,defaultWidth:"full"}),time:Ui({formats:LJ,defaultWidth:"full"}),dateTime:Ui({formats:MJ,defaultWidth:"full"})},FJ={lastWeek:"'last' eeee 'at' p",yesterday:"'yesterday at' p",today:"'today at' p",tomorrow:"'tomorrow at' p",nextWeek:"eeee 'at' p",other:"P"},BJ=(e,t,n,r)=>FJ[e];function xr(e){return(t,n)=>{const r=n?.context?String(n.context):"standalone";let a;if(r==="formatting"&&e.formattingValues){const s=e.defaultFormattingWidth||e.defaultWidth,o=n?.width?String(n.width):s;a=e.formattingValues[o]||e.formattingValues[s]}else{const s=e.defaultWidth,o=n?.width?String(n.width):e.defaultWidth;a=e.values[o]||e.values[s]}const i=e.argumentCallback?e.argumentCallback(t):t;return a[i]}}const UJ={narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]},HJ={narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1st quarter","2nd quarter","3rd quarter","4th quarter"]},zJ={narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],abbreviated:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],wide:["January","February","March","April","May","June","July","August","September","October","November","December"]},$J={narrow:["S","M","T","W","T","F","S"],short:["Su","Mo","Tu","We","Th","Fr","Sa"],abbreviated:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],wide:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]},qJ={narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"}},GJ={narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"}},VJ={ordinalNumber:(e,t)=>{const n=Number(e),r=n%100;if(r>20||r<10)switch(r%10){case 1:return n+"st";case 2:return n+"nd";case 3:return n+"rd"}return n+"th"},era:xr({values:UJ,defaultWidth:"wide"}),quarter:xr({values:HJ,defaultWidth:"wide",argumentCallback:e=>e-1}),month:xr({values:zJ,defaultWidth:"wide"}),day:xr({values:$J,defaultWidth:"wide"}),dayPeriod:xr({values:qJ,defaultWidth:"wide",formattingValues:GJ,defaultFormattingWidth:"wide"})};function kr(e){return(t,n={})=>{const r=n.width,a=r&&e.matchPatterns[r]||e.matchPatterns[e.defaultMatchWidth],i=t.match(a);if(!i)return null;const s=i[0],o=r&&e.parsePatterns[r]||e.parsePatterns[e.defaultParseWidth],l=Array.isArray(o)?jJ(o,d=>d.test(s)):WJ(o,d=>d.test(s));let u;u=e.valueCallback?e.valueCallback(l):l,u=n.valueCallback?n.valueCallback(u):u;const c=t.slice(s.length);return{value:u,rest:c}}}function WJ(e,t){for(const n in e)if(Object.prototype.hasOwnProperty.call(e,n)&&t(e[n]))return n}function jJ(e,t){for(let n=0;n<e.length;n++)if(t(e[n]))return n}function mI(e){return(t,n={})=>{const r=t.match(e.matchPattern);if(!r)return null;const a=r[0],i=t.match(e.parsePattern);if(!i)return null;let s=e.valueCallback?e.valueCallback(i[0]):i[0];s=n.valueCallback?n.valueCallback(s):s;const o=t.slice(a.length);return{value:s,rest:o}}}const YJ=/^(\d+)(th|st|nd|rd)?/i,KJ=/\d+/i,XJ={narrow:/^(b|a)/i,abbreviated:/^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,wide:/^(before christ|before common era|anno domini|common era)/i},ZJ={any:[/^b/i,/^(a|c)/i]},QJ={narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](th|st|nd|rd)? quarter/i},JJ={any:[/1/i,/2/i,/3/i,/4/i]},eee={narrow:/^[jfmasond]/i,abbreviated:/^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,wide:/^(january|february|march|april|may|june|july|august|september|october|november|december)/i},tee={narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^may/i,/^jun/i,/^jul/i,/^au/i,/^s/i,/^o/i,/^n/i,/^d/i]},nee={narrow:/^[smtwf]/i,short:/^(su|mo|tu|we|th|fr|sa)/i,abbreviated:/^(sun|mon|tue|wed|thu|fri|sat)/i,wide:/^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i},ree={narrow:[/^s/i,/^m/i,/^t/i,/^w/i,/^t/i,/^f/i,/^s/i],any:[/^su/i,/^m/i,/^tu/i,/^w/i,/^th/i,/^f/i,/^sa/i]},aee={narrow:/^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,any:/^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i},iee={any:{am:/^a/i,pm:/^p/i,midnight:/^mi/i,noon:/^no/i,morning:/morning/i,afternoon:/afternoon/i,evening:/evening/i,night:/night/i}},see={ordinalNumber:mI({matchPattern:YJ,parsePattern:KJ,valueCallback:e=>parseInt(e,10)}),era:kr({matchPatterns:XJ,defaultMatchWidth:"wide",parsePatterns:ZJ,defaultParseWidth:"any"}),quarter:kr({matchPatterns:QJ,defaultMatchWidth:"wide",parsePatterns:JJ,defaultParseWidth:"any",valueCallback:e=>e+1}),month:kr({matchPatterns:eee,defaultMatchWidth:"wide",parsePatterns:tee,defaultParseWidth:"any"}),day:kr({matchPatterns:nee,defaultMatchWidth:"wide",parsePatterns:ree,defaultParseWidth:"any"}),dayPeriod:kr({matchPatterns:aee,defaultMatchWidth:"any",parsePatterns:iee,defaultParseWidth:"any"})},gI={code:"en-US",formatDistance:OJ,formatLong:PJ,formatRelative:BJ,localize:VJ,match:see,options:{weekStartsOn:0,firstWeekContainsDate:1}};function oee(e,t){const n=qt(e,t?.in);return EJ(n,IJ(n))+1}function lee(e,t){const n=qt(e,t?.in),r=+eu(n)-+yJ(n);return Math.round(r/cI)+1}function bI(e,t){const n=qt(e,t?.in),r=n.getFullYear(),a=so(),i=t?.firstWeekContainsDate??t?.locale?.options?.firstWeekContainsDate??a.firstWeekContainsDate??a.locale?.options?.firstWeekContainsDate??1,s=Xn(t?.in||e,0);s.setFullYear(r+1,0,i),s.setHours(0,0,0,0);const o=Ha(s,t),l=Xn(t?.in||e,0);l.setFullYear(r,0,i),l.setHours(0,0,0,0);const u=Ha(l,t);return+n>=+o?r+1:+n>=+u?r:r-1}function uee(e,t){const n=so(),r=t?.firstWeekContainsDate??t?.locale?.options?.firstWeekContainsDate??n.firstWeekContainsDate??n.locale?.options?.firstWeekContainsDate??1,a=bI(e,t),i=Xn(t?.in||e,0);return i.setFullYear(a,0,r),i.setHours(0,0,0,0),Ha(i,t)}function cee(e,t){const n=qt(e,t?.in),r=+Ha(n,t)-+uee(n,t);return Math.round(r/cI)+1}function et(e,t){const n=e<0?"-":"",r=Math.abs(e).toString().padStart(t,"0");return n+r}const ha={y(e,t){const n=e.getFullYear(),r=n>0?n:1-n;return et(t==="yy"?r%100:r,t.length)},M(e,t){const n=e.getMonth();return t==="M"?String(n+1):et(n+1,2)},d(e,t){return et(e.getDate(),t.length)},a(e,t){const n=e.getHours()/12>=1?"pm":"am";switch(t){case"a":case"aa":return n.toUpperCase();case"aaa":return n;case"aaaaa":return n[0];case"aaaa":default:return n==="am"?"a.m.":"p.m."}},h(e,t){return et(e.getHours()%12||12,t.length)},H(e,t){return et(e.getHours(),t.length)},m(e,t){return et(e.getMinutes(),t.length)},s(e,t){return et(e.getSeconds(),t.length)},S(e,t){const n=t.length,r=e.getMilliseconds(),a=Math.trunc(r*Math.pow(10,n-3));return et(a,t.length)}},Hi={midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},EI={G:function(e,t,n){const r=e.getFullYear()>0?1:0;switch(t){case"G":case"GG":case"GGG":return n.era(r,{width:"abbreviated"});case"GGGGG":return n.era(r,{width:"narrow"});case"GGGG":default:return n.era(r,{width:"wide"})}},y:function(e,t,n){if(t==="yo"){const r=e.getFullYear(),a=r>0?r:1-r;return n.ordinalNumber(a,{unit:"year"})}return ha.y(e,t)},Y:function(e,t,n,r){const a=bI(e,r),i=a>0?a:1-a;if(t==="YY"){const s=i%100;return et(s,2)}return t==="Yo"?n.ordinalNumber(i,{unit:"year"}):et(i,t.length)},R:function(e,t){const n=fI(e);return et(n,t.length)},u:function(e,t){const n=e.getFullYear();return et(n,t.length)},Q:function(e,t,n){const r=Math.ceil((e.getMonth()+1)/3);switch(t){case"Q":return String(r);case"QQ":return et(r,2);case"Qo":return n.ordinalNumber(r,{unit:"quarter"});case"QQQ":return n.quarter(r,{width:"abbreviated",context:"formatting"});case"QQQQQ":return n.quarter(r,{width:"narrow",context:"formatting"});case"QQQQ":default:return n.quarter(r,{width:"wide",context:"formatting"})}},q:function(e,t,n){const r=Math.ceil((e.getMonth()+1)/3);switch(t){case"q":return String(r);case"qq":return et(r,2);case"qo":return n.ordinalNumber(r,{unit:"quarter"});case"qqq":return n.quarter(r,{width:"abbreviated",context:"standalone"});case"qqqqq":return n.quarter(r,{width:"narrow",context:"standalone"});case"qqqq":default:return n.quarter(r,{width:"wide",context:"standalone"})}},M:function(e,t,n){const r=e.getMonth();switch(t){case"M":case"MM":return ha.M(e,t);case"Mo":return n.ordinalNumber(r+1,{unit:"month"});case"MMM":return n.month(r,{width:"abbreviated",context:"formatting"});case"MMMMM":return n.month(r,{width:"narrow",context:"formatting"});case"MMMM":default:return n.month(r,{width:"wide",context:"formatting"})}},L:function(e,t,n){const r=e.getMonth();switch(t){case"L":return String(r+1);case"LL":return et(r+1,2);case"Lo":return n.ordinalNumber(r+1,{unit:"month"});case"LLL":return n.month(r,{width:"abbreviated",context:"standalone"});case"LLLLL":return n.month(r,{width:"narrow",context:"standalone"});case"LLLL":default:return n.month(r,{width:"wide",context:"standalone"})}},w:function(e,t,n,r){const a=cee(e,r);return t==="wo"?n.ordinalNumber(a,{unit:"week"}):et(a,t.length)},I:function(e,t,n){const r=lee(e);return t==="Io"?n.ordinalNumber(r,{unit:"week"}):et(r,t.length)},d:function(e,t,n){return t==="do"?n.ordinalNumber(e.getDate(),{unit:"date"}):ha.d(e,t)},D:function(e,t,n){const r=oee(e);return t==="Do"?n.ordinalNumber(r,{unit:"dayOfYear"}):et(r,t.length)},E:function(e,t,n){const r=e.getDay();switch(t){case"E":case"EE":case"EEE":return n.day(r,{width:"abbreviated",context:"formatting"});case"EEEEE":return n.day(r,{width:"narrow",context:"formatting"});case"EEEEEE":return n.day(r,{width:"short",context:"formatting"});case"EEEE":default:return n.day(r,{width:"wide",context:"formatting"})}},e:function(e,t,n,r){const a=e.getDay(),i=(a-r.weekStartsOn+8)%7||7;switch(t){case"e":return String(i);case"ee":return et(i,2);case"eo":return n.ordinalNumber(i,{unit:"day"});case"eee":return n.day(a,{width:"abbreviated",context:"formatting"});case"eeeee":return n.day(a,{width:"narrow",context:"formatting"});case"eeeeee":return n.day(a,{width:"short",context:"formatting"});case"eeee":default:return n.day(a,{width:"wide",context:"formatting"})}},c:function(e,t,n,r){const a=e.getDay(),i=(a-r.weekStartsOn+8)%7||7;switch(t){case"c":return String(i);case"cc":return et(i,t.length);case"co":return n.ordinalNumber(i,{unit:"day"});case"ccc":return n.day(a,{width:"abbreviated",context:"standalone"});case"ccccc":return n.day(a,{width:"narrow",context:"standalone"});case"cccccc":return n.day(a,{width:"short",context:"standalone"});case"cccc":default:return n.day(a,{width:"wide",context:"standalone"})}},i:function(e,t,n){const r=e.getDay(),a=r===0?7:r;switch(t){case"i":return String(a);case"ii":return et(a,t.length);case"io":return n.ordinalNumber(a,{unit:"day"});case"iii":return n.day(r,{width:"abbreviated",context:"formatting"});case"iiiii":return n.day(r,{width:"narrow",context:"formatting"});case"iiiiii":return n.day(r,{width:"short",context:"formatting"});case"iiii":default:return n.day(r,{width:"wide",context:"formatting"})}},a:function(e,t,n){const a=e.getHours()/12>=1?"pm":"am";switch(t){case"a":case"aa":return n.dayPeriod(a,{width:"abbreviated",context:"formatting"});case"aaa":return n.dayPeriod(a,{width:"abbreviated",context:"formatting"}).toLowerCase();case"aaaaa":return n.dayPeriod(a,{width:"narrow",context:"formatting"});case"aaaa":default:return n.dayPeriod(a,{width:"wide",context:"formatting"})}},b:function(e,t,n){const r=e.getHours();let a;switch(r===12?a=Hi.noon:r===0?a=Hi.midnight:a=r/12>=1?"pm":"am",t){case"b":case"bb":return n.dayPeriod(a,{width:"abbreviated",context:"formatting"});case"bbb":return n.dayPeriod(a,{width:"abbreviated",context:"formatting"}).toLowerCase();case"bbbbb":return n.dayPeriod(a,{width:"narrow",context:"formatting"});case"bbbb":default:return n.dayPeriod(a,{width:"wide",context:"formatting"})}},B:function(e,t,n){const r=e.getHours();let a;switch(r>=17?a=Hi.evening:r>=12?a=Hi.afternoon:r>=4?a=Hi.morning:a=Hi.night,t){case"B":case"BB":case"BBB":return n.dayPeriod(a,{width:"abbreviated",context:"formatting"});case"BBBBB":return n.dayPeriod(a,{width:"narrow",context:"formatting"});case"BBBB":default:return n.dayPeriod(a,{width:"wide",context:"formatting"})}},h:function(e,t,n){if(t==="ho"){let r=e.getHours()%12;return r===0&&(r=12),n.ordinalNumber(r,{unit:"hour"})}return ha.h(e,t)},H:function(e,t,n){return t==="Ho"?n.ordinalNumber(e.getHours(),{unit:"hour"}):ha.H(e,t)},K:function(e,t,n){const r=e.getHours()%12;return t==="Ko"?n.ordinalNumber(r,{unit:"hour"}):et(r,t.length)},k:function(e,t,n){let r=e.getHours();return r===0&&(r=24),t==="ko"?n.ordinalNumber(r,{unit:"hour"}):et(r,t.length)},m:function(e,t,n){return t==="mo"?n.ordinalNumber(e.getMinutes(),{unit:"minute"}):ha.m(e,t)},s:function(e,t,n){return t==="so"?n.ordinalNumber(e.getSeconds(),{unit:"second"}):ha.s(e,t)},S:function(e,t){return ha.S(e,t)},X:function(e,t,n){const r=e.getTimezoneOffset();if(r===0)return"Z";switch(t){case"X":return vI(r);case"XXXX":case"XX":return za(r);case"XXXXX":case"XXX":default:return za(r,":")}},x:function(e,t,n){const r=e.getTimezoneOffset();switch(t){case"x":return vI(r);case"xxxx":case"xx":return za(r);case"xxxxx":case"xxx":default:return za(r,":")}},O:function(e,t,n){const r=e.getTimezoneOffset();switch(t){case"O":case"OO":case"OOO":return"GMT"+yI(r,":");case"OOOO":default:return"GMT"+za(r,":")}},z:function(e,t,n){const r=e.getTimezoneOffset();switch(t){case"z":case"zz":case"zzz":return"GMT"+yI(r,":");case"zzzz":default:return"GMT"+za(r,":")}},t:function(e,t,n){const r=Math.trunc(+e/1e3);return et(r,t.length)},T:function(e,t,n){return et(+e,t.length)}};function yI(e,t=""){const n=e>0?"-":"+",r=Math.abs(e),a=Math.trunc(r/60),i=r%60;return i===0?n+String(a):n+String(a)+t+et(i,2)}function vI(e,t){return e%60===0?(e>0?"-":"+")+et(Math.abs(e)/60,2):za(e,t)}function za(e,t=""){const n=e>0?"-":"+",r=Math.abs(e),a=et(Math.trunc(r/60),2),i=et(r%60,2);return n+a+t+i}const TI=(e,t)=>{switch(e){case"P":return t.date({width:"short"});case"PP":return t.date({width:"medium"});case"PPP":return t.date({width:"long"});case"PPPP":default:return t.date({width:"full"})}},SI=(e,t)=>{switch(e){case"p":return t.time({width:"short"});case"pp":return t.time({width:"medium"});case"ppp":return t.time({width:"long"});case"pppp":default:return t.time({width:"full"})}},dee={p:SI,P:(e,t)=>{const n=e.match(/(P+)(p+)?/)||[],r=n[1],a=n[2];if(!a)return TI(e,t);let i;switch(r){case"P":i=t.dateTime({width:"short"});break;case"PP":i=t.dateTime({width:"medium"});break;case"PPP":i=t.dateTime({width:"long"});break;case"PPPP":default:i=t.dateTime({width:"full"});break}return i.replace("{{date}}",TI(r,t)).replace("{{time}}",SI(a,t))}},pee=/^D+$/,fee=/^Y+$/,hee=["D","DD","YY","YYYY"];function mee(e){return pee.test(e)}function gee(e){return fee.test(e)}function bee(e,t,n){const r=Eee(e,t,n);if(console.warn(r),hee.includes(e))throw new RangeError(r)}function Eee(e,t,n){const r=e[0]==="Y"?"years":"days of the month";return`Use \`${e.toLowerCase()}\` instead of \`${e}\` (in \`${t}\`) for formatting ${r} to the input \`${n}\`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md`}const yee=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,vee=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,Tee=/^'([^]*?)'?$/,See=/''/g,_ee=/[a-zA-Z]/;function y1(e,t,n){const r=so(),a=r.locale??gI,i=r.firstWeekContainsDate??r.locale?.options?.firstWeekContainsDate??1,s=r.weekStartsOn??r.locale?.options?.weekStartsOn??0,o=qt(e,n?.in);if(!TJ(o))throw new RangeError("Invalid time value");let l=t.match(vee).map(c=>{const d=c[0];if(d==="p"||d==="P"){const p=dee[d];return p(c,a.formatLong)}return c}).join("").match(yee).map(c=>{if(c==="''")return{isToken:!1,value:"'"};const d=c[0];if(d==="'")return{isToken:!1,value:Aee(c)};if(EI[d])return{isToken:!0,value:c};if(d.match(_ee))throw new RangeError("Format string contains an unescaped latin alphabet character `"+d+"`");return{isToken:!1,value:c}});a.localize.preprocessor&&(l=a.localize.preprocessor(o,l));const u={firstWeekContainsDate:i,weekStartsOn:s,locale:a};return l.map(c=>{if(!c.isToken)return c.value;const d=c.value;(gee(d)||mee(d))&&bee(d,t,String(e));const p=EI[d[0]];return p(o,d,a.localize,u)}).join("")}function Aee(e){const t=e.match(Tee);return t?t[1].replace(See,"'"):e}function wee(e,t,n){const r=so(),a=n?.locale??r.locale??gI,i=2520,s=ru(e,t);if(isNaN(s))throw new RangeError("Invalid time value");const o=Object.assign({},n,{addSuffix:n?.addSuffix,comparison:s}),[l,u]=Bi(n?.in,...s>0?[t,e]:[e,t]),c=CJ(u,l),d=(tu(u)-tu(l))/1e3,p=Math.round((c-d)/60);let f;if(p<2)return n?.includeSeconds?c<5?a.formatDistance("lessThanXSeconds",5,o):c<10?a.formatDistance("lessThanXSeconds",10,o):c<20?a.formatDistance("lessThanXSeconds",20,o):c<40?a.formatDistance("halfAMinute",0,o):c<60?a.formatDistance("lessThanXMinutes",1,o):a.formatDistance("xMinutes",1,o):p===0?a.formatDistance("lessThanXMinutes",1,o):a.formatDistance("xMinutes",p,o);if(p<45)return a.formatDistance("xMinutes",p,o);if(p<90)return a.formatDistance("aboutXHours",1,o);if(p<dI){const b=Math.round(p/60);return a.formatDistance("aboutXHours",b,o)}else{if(p<i)return a.formatDistance("xDays",1,o);if(p<Jl){const b=Math.round(p/dI);return a.formatDistance("xDays",b,o)}else if(p<Jl*2)return f=Math.round(p/Jl),a.formatDistance("aboutXMonths",f,o)}if(f=NJ(u,l),f<12){const b=Math.round(p/Jl);return a.formatDistance("xMonths",b,o)}else{const b=f%12,g=Math.trunc(f/12);return b<3?a.formatDistance("aboutXYears",g,o):b<9?a.formatDistance("overXYears",g,o):a.formatDistance("almostXYears",g+1,o)}}function xee(e,t){return wee(e,E1(e),t)}function kee(e,t,n){const[r,a]=Bi(n?.in,e,t);return+Ha(r,n)==+Ha(a,n)}function Nee(e,t){return hI(Xn(e,e),E1(e))}function Cee(e,t,n){return gJ(e,-1,n)}function Iee(e,t){return hI(Xn(e,e),Cee(E1(e)))}const Ree={lessThanXSeconds:{one:"不到 1 秒",other:"不到 {{count}} 秒"},xSeconds:{one:"1 秒",other:"{{count}} 秒"},halfAMinute:"半分钟",lessThanXMinutes:{one:"不到 1 分钟",other:"不到 {{count}} 分钟"},xMinutes:{one:"1 分钟",other:"{{count}} 分钟"},xHours:{one:"1 小时",other:"{{count}} 小时"},aboutXHours:{one:"大约 1 小时",other:"大约 {{count}} 小时"},xDays:{one:"1 天",other:"{{count}} 天"},aboutXWeeks:{one:"大约 1 个星期",other:"大约 {{count}} 个星期"},xWeeks:{one:"1 个星期",other:"{{count}} 个星期"},aboutXMonths:{one:"大约 1 个月",other:"大约 {{count}} 个月"},xMonths:{one:"1 个月",other:"{{count}} 个月"},aboutXYears:{one:"大约 1 年",other:"大约 {{count}} 年"},xYears:{one:"1 年",other:"{{count}} 年"},overXYears:{one:"超过 1 年",other:"超过 {{count}} 年"},almostXYears:{one:"将近 1 年",other:"将近 {{count}} 年"}},Oee=(e,t,n)=>{let r;const a=Ree[e];return typeof a=="string"?r=a:t===1?r=a.one:r=a.other.replace("{{count}}",String(t)),n?.addSuffix?n.comparison&&n.comparison>0?r+"内":r+"前":r},Dee={full:"y'年'M'月'd'日' EEEE",long:"y'年'M'月'd'日'",medium:"yyyy-MM-dd",short:"yy-MM-dd"},Lee={full:"zzzz a h:mm:ss",long:"z a h:mm:ss",medium:"a h:mm:ss",short:"a h:mm"},Mee={full:"{{date}} {{time}}",long:"{{date}} {{time}}",medium:"{{date}} {{time}}",short:"{{date}} {{time}}"},Pee={date:Ui({formats:Dee,defaultWidth:"full"}),time:Ui({formats:Lee,defaultWidth:"full"}),dateTime:Ui({formats:Mee,defaultWidth:"full"})};function _I(e,t,n){const r="eeee p";return kee(e,t,n)?r:e.getTime()>t.getTime()?"'下个'"+r:"'上个'"+r}const Fee={lastWeek:_I,yesterday:"'昨天' p",today:"'今天' p",tomorrow:"'明天' p",nextWeek:_I,other:"PP p"},Bee=(e,t,n,r)=>{const a=Fee[e];return typeof a=="function"?a(t,n,r):a},Uee={narrow:["前","公元"],abbreviated:["前","公元"],wide:["公元前","公元"]},Hee={narrow:["1","2","3","4"],abbreviated:["第一季","第二季","第三季","第四季"],wide:["第一季度","第二季度","第三季度","第四季度"]},zee={narrow:["一","二","三","四","五","六","七","八","九","十","十一","十二"],abbreviated:["1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"],wide:["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"]},$ee={narrow:["日","一","二","三","四","五","六"],short:["日","一","二","三","四","五","六"],abbreviated:["周日","周一","周二","周三","周四","周五","周六"],wide:["星期日","星期一","星期二","星期三","星期四","星期五","星期六"]},qee={narrow:{am:"上",pm:"下",midnight:"凌晨",noon:"午",morning:"早",afternoon:"下午",evening:"晚",night:"夜"},abbreviated:{am:"上午",pm:"下午",midnight:"凌晨",noon:"中午",morning:"早晨",afternoon:"中午",evening:"晚上",night:"夜间"},wide:{am:"上午",pm:"下午",midnight:"凌晨",noon:"中午",morning:"早晨",afternoon:"中午",evening:"晚上",night:"夜间"}},Gee={narrow:{am:"上",pm:"下",midnight:"凌晨",noon:"午",morning:"早",afternoon:"下午",evening:"晚",night:"夜"},abbreviated:{am:"上午",pm:"下午",midnight:"凌晨",noon:"中午",morning:"早晨",afternoon:"中午",evening:"晚上",night:"夜间"},wide:{am:"上午",pm:"下午",midnight:"凌晨",noon:"中午",morning:"早晨",afternoon:"中午",evening:"晚上",night:"夜间"}},Vee={ordinalNumber:(e,t)=>{const n=Number(e);switch(t?.unit){case"date":return n.toString()+"日";case"hour":return n.toString()+"时";case"minute":return n.toString()+"分";case"second":return n.toString()+"秒";default:return"第 "+n.toString()}},era:xr({values:Uee,defaultWidth:"wide"}),quarter:xr({values:Hee,defaultWidth:"wide",argumentCallback:e=>e-1}),month:xr({values:zee,defaultWidth:"wide"}),day:xr({values:$ee,defaultWidth:"wide"}),dayPeriod:xr({values:qee,defaultWidth:"wide",formattingValues:Gee,defaultFormattingWidth:"wide"})},Wee=/^(第\s*)?\d+(日|时|分|秒)?/i,jee=/\d+/i,Yee={narrow:/^(前)/i,abbreviated:/^(前)/i,wide:/^(公元前|公元)/i},Kee={any:[/^(前)/i,/^(公元)/i]},Xee={narrow:/^[1234]/i,abbreviated:/^第[一二三四]刻/i,wide:/^第[一二三四]刻钟/i},Zee={any:[/(1|一)/i,/(2|二)/i,/(3|三)/i,/(4|四)/i]},Qee={narrow:/^(一|二|三|四|五|六|七|八|九|十[二一])/i,abbreviated:/^(一|二|三|四|五|六|七|八|九|十[二一]|\d|1[12])月/i,wide:/^(一|二|三|四|五|六|七|八|九|十[二一])月/i},Jee={narrow:[/^一/i,/^二/i,/^三/i,/^四/i,/^五/i,/^六/i,/^七/i,/^八/i,/^九/i,/^十(?!(一|二))/i,/^十一/i,/^十二/i],any:[/^一|1/i,/^二|2/i,/^三|3/i,/^四|4/i,/^五|5/i,/^六|6/i,/^七|7/i,/^八|8/i,/^九|9/i,/^十(?!(一|二))|10/i,/^十一|11/i,/^十二|12/i]},ete={narrow:/^[一二三四五六日]/i,short:/^[一二三四五六日]/i,abbreviated:/^周[一二三四五六日]/i,wide:/^星期[一二三四五六日]/i},tte={any:[/日/i,/一/i,/二/i,/三/i,/四/i,/五/i,/六/i]},nte={any:/^(上午?|下午?|午夜|[中正]午|早上?|下午|晚上?|凌晨|)/i},rte={any:{am:/^上午?/i,pm:/^下午?/i,midnight:/^午夜/i,noon:/^[中正]午/i,morning:/^早上/i,afternoon:/^下午/i,evening:/^晚上?/i,night:/^凌晨/i}},ate={ordinalNumber:mI({matchPattern:Wee,parsePattern:jee,valueCallback:e=>parseInt(e,10)}),era:kr({matchPatterns:Yee,defaultMatchWidth:"wide",parsePatterns:Kee,defaultParseWidth:"any"}),quarter:kr({matchPatterns:Xee,defaultMatchWidth:"wide",parsePatterns:Zee,defaultParseWidth:"any",valueCallback:e=>e+1}),month:kr({matchPatterns:Qee,defaultMatchWidth:"wide",parsePatterns:Jee,defaultParseWidth:"any"}),day:kr({matchPatterns:ete,defaultMatchWidth:"wide",parsePatterns:tte,defaultParseWidth:"any"}),dayPeriod:kr({matchPatterns:nte,defaultMatchWidth:"any",parsePatterns:rte,defaultParseWidth:"any"})},ite={code:"zh-CN",formatDistance:Oee,formatLong:Pee,formatRelative:Bee,localize:Vee,match:ate,options:{weekStartsOn:1,firstWeekContainsDate:4}};function ste(e){const t=new Date(e),n=new Date,r=xee(t,{addSuffix:!0,locale:ite});return n.getTime()-t.getTime()<24*60*60*1e3?r:Iee(t)?`昨天 ${y1(t,"HH:mm")}`:Nee(t)?y1(t,"HH:mm"):y1(t,"yyyy-MM-dd")}function ote({title:e,titleId:t,...n},r){return Me.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:r,"aria-labelledby":t},n),e?Me.createElement("title",{id:t},e):null,Me.createElement("path",{fillRule:"evenodd",d:"m9.69 18.933.003.001C9.89 19.02 10 19 10 19s.11.02.308-.066l.002-.001.006-.003.018-.008a5.741 5.741 0 0 0 .281-.14c.186-.096.446-.24.757-.433.62-.384 1.445-.966 2.274-1.765C15.302 14.988 17 12.493 17 9A7 7 0 1 0 3 9c0 3.492 1.698 5.988 3.355 7.584a13.731 13.731 0 0 0 2.273 1.765 11.842 11.842 0 0 0 .976.544l.062.029.018.008.006.003ZM10 11.25a2.25 2.25 0 1 0 0-4.5 2.25 2.25 0 0 0 0 4.5Z",clipRule:"evenodd"}))}const AI=Me.forwardRef(ote);function lte(){const{chatHistory:e,chatHistoryLoading:t,fetchChatHistory:n,setActiveChatChannel:r,togglePinChat:a,setTabIndex:i}=yo();R.useEffect(()=>{n()},[n]);const s=[...e].sort((u,c)=>{if(u.isPinned&&!c.isPinned)return-1;if(!u.isPinned&&c.isPinned)return 1;const d=new Date(u.updatedAt);return new Date(c.updatedAt).getTime()-d.getTime()}),o=u=>{r(u),i(0)},l=(u,c)=>{u.stopPropagation(),a(c)};return t?W.jsx("div",{className:"flex h-full items-center justify-center",children:W.jsx("div",{className:"h-8 w-8 animate-spin rounded-full border-4 border-neutral-300 border-t-indigo-600"})}):s.length===0?W.jsxs("div",{className:"flex h-full flex-col items-center justify-center px-4 text-center text-neutral-400",children:[W.jsx(Z5,{className:"h-12 w-12 opacity-50"}),W.jsx("p",{className:"mt-4",children:"没有聊天记录"}),W.jsx("p",{className:"mt-1 text-xs",children:"创建新对话开始聊天"})]}):W.jsx("div",{className:"space-y-2 px-4",children:s.map(u=>W.jsxs("div",{className:"group relative flex cursor-pointer items-center justify-between rounded-lg border border-neutral-200 p-3 hover:bg-neutral-50 dark:border-neutral-800 dark:hover:bg-neutral-900",onClick:()=>o(u.id),children:[W.jsxs("div",{className:"flex-1 overflow-hidden",children:[W.jsxs("div",{className:"flex items-center",children:[u.isPinned&&W.jsx(AI,{className:"mr-1.5 h-3.5 w-3.5 rotate-45 text-indigo-500 dark:text-indigo-400"}),W.jsx("h3",{className:`truncate text-sm font-medium ${u.isPinned?"text-indigo-700 dark:text-indigo-400":"text-neutral-800 dark:text-white"}`,children:u.title})]}),W.jsxs("div",{className:"mt-1 flex items-center text-xs text-neutral-500",children:[W.jsx("span",{className:"truncate",children:u.assistantTitle}),W.jsx("span",{className:"mx-1.5",children:"·"}),W.jsx("span",{className:"whitespace-nowrap",children:ste(u.updatedAt)})]}),u.lastMessage&&W.jsx("p",{className:"mt-1 truncate text-xs text-neutral-500",children:u.lastMessage})]}),W.jsxs("div",{className:"ml-4 flex items-center gap-2",children:[W.jsx("button",{className:"invisible rounded p-1 text-neutral-400 hover:bg-neutral-200 hover:text-neutral-700 group-hover:visible dark:hover:bg-neutral-800 dark:hover:text-neutral-300",title:u.isPinned?"取消置顶":"置顶会话",onClick:c=>l(c,u.id),children:W.jsx(AI,{className:`h-4 w-4 ${u.isPinned?"rotate-45":""}`})}),W.jsx("div",{className:"rounded-full p-1.5 text-neutral-400 group-hover:text-neutral-500",children:W.jsx(K5,{className:"h-4 w-4"})})]})]},u.id))})}function ute(){return W.jsx("div",{className:"flex h-full items-center justify-center",children:W.jsx("p",{className:"text-neutral-500",children:"节点视图正在建设中..."})})}const cte="http://localhost:8000",wI=()=>{const[e,t]=R.useState("system"),[n,r]=R.useState(!1);R.useEffect(()=>{r(!0)},[]);const a=R.useCallback(s=>{if(!n)return;const o=window.document.documentElement,l=s==="dark"||s==="system"&&window.matchMedia("(prefers-color-scheme: dark)").matches,u=document.createElement("style");u.innerHTML="*, *::before, *::after { transition: none !important; }",document.head.appendChild(u),o.classList.toggle("dark",l),localStorage.setItem("theme",s),setTimeout(()=>{document.head.contains(u)&&document.head.removeChild(u)},50)},[n]);return R.useEffect(()=>{if(!n)return;const o=localStorage.getItem("theme")||"system";t(o),a(o)},[n,a]),R.useEffect(()=>{if(!n)return;const s=window.matchMedia("(prefers-color-scheme: dark)"),o=()=>{e==="system"&&a("system")};return s.addEventListener("change",o),()=>s.removeEventListener("change",o)},[n,e,a]),{theme:e,cycleTheme:()=>{if(!n)return;const s=["light","dark","system"],o=s.indexOf(e),l=s[(o+1)%s.length];t(l),a(l)}}},dte=280,pte=600,xI=380,fte=({isActive:e,onDoubleClick:t})=>{const{attributes:n,listeners:r,setNodeRef:a}=mE({id:"xyzen-resizer"});return W.jsx("div",{ref:a,className:`absolute left-0 top-0 z-50 h-full w-1 cursor-col-resize ${e?"bg-indigo-500 shadow-md dark:bg-indigo-400":"bg-transparent hover:bg-indigo-400/60 hover:shadow-sm dark:hover:bg-indigo-500/60"} transition-all duration-150 ease-in-out`,...r,...n,onDoubleClick:t})};function hte({backendUrl:e=cte}){const{isXyzenOpen:t,closeXyzen:n,panelWidth:r,setPanelWidth:a,toggleXyzen:i,activeTabIndex:s,setTabIndex:o,createDefaultChannel:l,setBackendUrl:u}=yo(),{theme:c,cycleTheme:d}=wI(),[p,f]=R.useState(!1),[b,g]=R.useState(!1),T=R.useRef(r),v=[{id:"chat",title:"聊天",component:W.jsx(hJ,{})},{id:"history",title:"历史",component:W.jsx(lte,{})},{id:"nodes",title:"节点",component:W.jsx(ute,{})}];R.useEffect(()=>{f(!0),u(e)},[e,u]);const y=V1(G1(_o,{activationConstraint:{distance:5}})),_=()=>{g(!0),T.current=r},k=I=>{const P=Math.min(Math.max(T.current-I.delta.x,dte),pte);a(P)},N=()=>{g(!1)},S=()=>{a(xI),T.current=xI};return R.useEffect(()=>{const I=P=>{(P.metaKey||P.ctrlKey)&&P.shiftKey&&P.key==="X"&&(P.preventDefault(),i())};return window.addEventListener("keydown",I),()=>window.removeEventListener("keydown",I)},[i]),!p||!t?null:W.jsx(fE,{sensors:y,onDragStart:_,onDragMove:k,onDragEnd:N,modifiers:[w6],children:W.jsxs("div",{className:"fixed right-0 top-0 z-50 h-full bg-white shadow-xl dark:border-l dark:border-neutral-800 dark:bg-black",style:{width:`${r}px`,transition:b?"none":"width 0.2s ease-in-out"},children:[W.jsx(fte,{isActive:b,onDoubleClick:S}),W.jsxs("div",{className:"flex h-16 items-center justify-between border-b border-neutral-200 px-4 dark:border-neutral-800",children:[W.jsx("h2",{className:"bg-gradient-to-r from-violet-500 to-fuchsia-500 bg-clip-text text-lg font-semibold text-transparent",children:"Xyzen"}),W.jsx("button",{onClick:n,className:"rounded-md p-2 text-neutral-500 hover:bg-neutral-100 dark:text-neutral-400 dark:hover:bg-neutral-800",children:W.jsx(j5,{className:"h-5 w-5"})})]}),W.jsxs(is.Group,{selectedIndex:s,onChange:o,children:[W.jsx("div",{className:"border-b border-neutral-200 px-4 dark:border-neutral-800",children:W.jsxs("div",{className:"flex items-center justify-between",children:[W.jsx(is.List,{className:"flex space-x-1",children:v.map(I=>W.jsx(is,{className:({selected:P})=>`whitespace-nowrap rounded-t-md px-3 py-2 text-sm font-medium outline-none transition-colors duration-200 ${P?"bg-neutral-100 text-indigo-600 dark:bg-neutral-900 dark:text-indigo-400":"text-neutral-500 hover:bg-neutral-100/50 dark:text-neutral-400 dark:hover:bg-neutral-800/50"}`,children:I.title},I.id))}),W.jsxs("div",{className:"flex items-center space-x-1",children:[W.jsxs("button",{className:"rounded-md p-1.5 text-neutral-500 hover:bg-neutral-100 dark:text-neutral-400 dark:hover:bg-neutral-800",title:"切换主题",onClick:d,children:[c==="light"&&W.jsx(iO,{className:"h-5 w-5"}),c==="dark"&&W.jsx(tO,{className:"h-5 w-5"}),c==="system"&&W.jsx(J5,{className:"h-5 w-5"})]}),W.jsx("button",{className:"rounded-md p-1.5 text-neutral-500 hover:bg-neutral-100 dark:text-neutral-400 dark:hover:bg-neutral-800",title:"新对话",onClick:l,children:W.jsx(rO,{className:"h-5 w-5"})})]})]})}),W.jsx("div",{className:"h-[calc(100%-104px)] overflow-y-auto py-4",children:W.jsx(is.Panels,{children:v.map(I=>W.jsx(is.Panel,{children:I.component},I.id))})})]})]})})}Jn.Xyzen=hte,Jn.useTheme=wI,Jn.useXyzen=yo,Jn.xyzenService=Gi,Object.defineProperty(Jn,Symbol.toStringTag,{value:"Module"})});
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@sciol/xyzen",
|
|
3
3
|
"packageManager": "yarn@1.22.22",
|
|
4
4
|
"private": false,
|
|
5
|
-
"version": "0.1.
|
|
5
|
+
"version": "0.1.4",
|
|
6
6
|
"description": "A modern, lightweight, and extensible chat component for React.",
|
|
7
7
|
"author": "Haohui <harveyque@outlook.com>",
|
|
8
8
|
"license": "GPL-3.0-only",
|
|
@@ -31,7 +31,8 @@
|
|
|
31
31
|
"access": "public"
|
|
32
32
|
},
|
|
33
33
|
"files": [
|
|
34
|
-
"dist"
|
|
34
|
+
"dist",
|
|
35
|
+
"src"
|
|
35
36
|
],
|
|
36
37
|
"scripts": {
|
|
37
38
|
"dev": "vite --host --port 32233 --strictPort",
|
package/src/app/App.tsx
ADDED
|
@@ -0,0 +1,221 @@
|
|
|
1
|
+
import { useXyzen } from "@/store/xyzenStore";
|
|
2
|
+
import type { DragMoveEvent } from "@dnd-kit/core";
|
|
3
|
+
import {
|
|
4
|
+
DndContext,
|
|
5
|
+
PointerSensor,
|
|
6
|
+
useDraggable,
|
|
7
|
+
useSensor,
|
|
8
|
+
useSensors,
|
|
9
|
+
} from "@dnd-kit/core";
|
|
10
|
+
import { restrictToHorizontalAxis } from "@dnd-kit/modifiers";
|
|
11
|
+
import { Tab } from "@headlessui/react";
|
|
12
|
+
import {
|
|
13
|
+
ChevronLeftIcon,
|
|
14
|
+
ComputerDesktopIcon,
|
|
15
|
+
MoonIcon,
|
|
16
|
+
PlusIcon,
|
|
17
|
+
SunIcon,
|
|
18
|
+
} from "@heroicons/react/24/outline";
|
|
19
|
+
import { useEffect, useRef, useState } from "react";
|
|
20
|
+
|
|
21
|
+
import XyzenChat from "@/components/layouts/XyzenChat";
|
|
22
|
+
import XyzenHistory from "@/components/layouts/XyzenHistory";
|
|
23
|
+
import XyzenNodes from "@/components/layouts/XyzenNodes";
|
|
24
|
+
import { DEFAULT_BACKEND_URL } from "@/configs";
|
|
25
|
+
import useTheme from "@/hooks/useTheme";
|
|
26
|
+
|
|
27
|
+
// 定义最小宽度和最大宽度限制
|
|
28
|
+
const MIN_WIDTH = 280;
|
|
29
|
+
const MAX_WIDTH = 600;
|
|
30
|
+
const DEFAULT_WIDTH = 380;
|
|
31
|
+
|
|
32
|
+
// 定义拖拽手柄组件
|
|
33
|
+
const DragHandle = ({
|
|
34
|
+
isActive,
|
|
35
|
+
onDoubleClick,
|
|
36
|
+
}: {
|
|
37
|
+
isActive: boolean;
|
|
38
|
+
onDoubleClick: (e: React.MouseEvent) => void;
|
|
39
|
+
}) => {
|
|
40
|
+
const { attributes, listeners, setNodeRef } = useDraggable({
|
|
41
|
+
id: "xyzen-resizer",
|
|
42
|
+
});
|
|
43
|
+
|
|
44
|
+
return (
|
|
45
|
+
<div
|
|
46
|
+
ref={setNodeRef}
|
|
47
|
+
className={`absolute left-0 top-0 z-50 h-full w-1 cursor-col-resize ${
|
|
48
|
+
isActive
|
|
49
|
+
? "bg-indigo-500 shadow-md dark:bg-indigo-400"
|
|
50
|
+
: "bg-transparent hover:bg-indigo-400/60 hover:shadow-sm dark:hover:bg-indigo-500/60"
|
|
51
|
+
} transition-all duration-150 ease-in-out`}
|
|
52
|
+
{...listeners}
|
|
53
|
+
{...attributes}
|
|
54
|
+
onDoubleClick={onDoubleClick}
|
|
55
|
+
></div>
|
|
56
|
+
);
|
|
57
|
+
};
|
|
58
|
+
|
|
59
|
+
export interface XyzenProps {
|
|
60
|
+
backendUrl?: string;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
export function Xyzen({ backendUrl = DEFAULT_BACKEND_URL }: XyzenProps) {
|
|
64
|
+
const {
|
|
65
|
+
isXyzenOpen,
|
|
66
|
+
closeXyzen,
|
|
67
|
+
panelWidth,
|
|
68
|
+
setPanelWidth,
|
|
69
|
+
toggleXyzen,
|
|
70
|
+
activeTabIndex,
|
|
71
|
+
setTabIndex,
|
|
72
|
+
createDefaultChannel,
|
|
73
|
+
setBackendUrl,
|
|
74
|
+
} = useXyzen();
|
|
75
|
+
const { theme, cycleTheme } = useTheme();
|
|
76
|
+
const [mounted, setMounted] = useState(false);
|
|
77
|
+
const [isDragging, setIsDragging] = useState(false);
|
|
78
|
+
const lastWidthRef = useRef(panelWidth);
|
|
79
|
+
|
|
80
|
+
// Tab选项
|
|
81
|
+
const tabs = [
|
|
82
|
+
{ id: "chat", title: "聊天", component: <XyzenChat /> },
|
|
83
|
+
{ id: "history", title: "历史", component: <XyzenHistory /> },
|
|
84
|
+
{ id: "nodes", title: "节点", component: <XyzenNodes /> },
|
|
85
|
+
];
|
|
86
|
+
|
|
87
|
+
// 添加useEffect处理客户端挂载
|
|
88
|
+
useEffect(() => {
|
|
89
|
+
setMounted(true);
|
|
90
|
+
setBackendUrl(backendUrl);
|
|
91
|
+
}, [backendUrl, setBackendUrl]);
|
|
92
|
+
|
|
93
|
+
// 优化 dnd-kit sensor 配置
|
|
94
|
+
const sensors = useSensors(
|
|
95
|
+
useSensor(PointerSensor, {
|
|
96
|
+
activationConstraint: { distance: 5 },
|
|
97
|
+
}),
|
|
98
|
+
);
|
|
99
|
+
|
|
100
|
+
const handleDragStart = () => {
|
|
101
|
+
setIsDragging(true);
|
|
102
|
+
lastWidthRef.current = panelWidth;
|
|
103
|
+
};
|
|
104
|
+
|
|
105
|
+
const handleDragMove = (event: DragMoveEvent) => {
|
|
106
|
+
const newWidth = Math.min(
|
|
107
|
+
Math.max(lastWidthRef.current - event.delta.x, MIN_WIDTH),
|
|
108
|
+
MAX_WIDTH,
|
|
109
|
+
);
|
|
110
|
+
setPanelWidth(newWidth);
|
|
111
|
+
};
|
|
112
|
+
|
|
113
|
+
const handleDragEnd = () => {
|
|
114
|
+
setIsDragging(false);
|
|
115
|
+
};
|
|
116
|
+
|
|
117
|
+
const handleResizeDoubleClick = () => {
|
|
118
|
+
setPanelWidth(DEFAULT_WIDTH);
|
|
119
|
+
lastWidthRef.current = DEFAULT_WIDTH;
|
|
120
|
+
};
|
|
121
|
+
|
|
122
|
+
// 键盘快捷键
|
|
123
|
+
useEffect(() => {
|
|
124
|
+
const handleKeyDown = (e: KeyboardEvent) => {
|
|
125
|
+
if ((e.metaKey || e.ctrlKey) && e.shiftKey && e.key === "X") {
|
|
126
|
+
e.preventDefault();
|
|
127
|
+
toggleXyzen();
|
|
128
|
+
}
|
|
129
|
+
};
|
|
130
|
+
window.addEventListener("keydown", handleKeyDown);
|
|
131
|
+
return () => window.removeEventListener("keydown", handleKeyDown);
|
|
132
|
+
}, [toggleXyzen]);
|
|
133
|
+
|
|
134
|
+
if (!mounted || !isXyzenOpen) return null;
|
|
135
|
+
|
|
136
|
+
return (
|
|
137
|
+
<DndContext
|
|
138
|
+
sensors={sensors}
|
|
139
|
+
onDragStart={handleDragStart}
|
|
140
|
+
onDragMove={handleDragMove}
|
|
141
|
+
onDragEnd={handleDragEnd}
|
|
142
|
+
modifiers={[restrictToHorizontalAxis]}
|
|
143
|
+
>
|
|
144
|
+
<div
|
|
145
|
+
className={`fixed right-0 top-0 z-50 h-full bg-white shadow-xl dark:border-l dark:border-neutral-800 dark:bg-black`}
|
|
146
|
+
style={{
|
|
147
|
+
width: `${panelWidth}px`,
|
|
148
|
+
transition: isDragging ? "none" : "width 0.2s ease-in-out",
|
|
149
|
+
}}
|
|
150
|
+
>
|
|
151
|
+
<DragHandle
|
|
152
|
+
isActive={isDragging}
|
|
153
|
+
onDoubleClick={handleResizeDoubleClick}
|
|
154
|
+
/>
|
|
155
|
+
|
|
156
|
+
<div className="flex h-16 items-center justify-between border-b border-neutral-200 px-4 dark:border-neutral-800">
|
|
157
|
+
<h2 className="bg-gradient-to-r from-violet-500 to-fuchsia-500 bg-clip-text text-lg font-semibold text-transparent">
|
|
158
|
+
Xyzen
|
|
159
|
+
</h2>
|
|
160
|
+
<button
|
|
161
|
+
onClick={closeXyzen}
|
|
162
|
+
className="rounded-md p-2 text-neutral-500 hover:bg-neutral-100 dark:text-neutral-400 dark:hover:bg-neutral-800"
|
|
163
|
+
>
|
|
164
|
+
<ChevronLeftIcon className="h-5 w-5" />
|
|
165
|
+
</button>
|
|
166
|
+
</div>
|
|
167
|
+
|
|
168
|
+
<Tab.Group selectedIndex={activeTabIndex} onChange={setTabIndex}>
|
|
169
|
+
<div className="border-b border-neutral-200 px-4 dark:border-neutral-800">
|
|
170
|
+
<div className="flex items-center justify-between">
|
|
171
|
+
<Tab.List className="flex space-x-1">
|
|
172
|
+
{tabs.map((tab) => (
|
|
173
|
+
<Tab
|
|
174
|
+
key={tab.id}
|
|
175
|
+
className={({ selected }) =>
|
|
176
|
+
`whitespace-nowrap rounded-t-md px-3 py-2 text-sm font-medium outline-none transition-colors duration-200 ${
|
|
177
|
+
selected
|
|
178
|
+
? "bg-neutral-100 text-indigo-600 dark:bg-neutral-900 dark:text-indigo-400"
|
|
179
|
+
: "text-neutral-500 hover:bg-neutral-100/50 dark:text-neutral-400 dark:hover:bg-neutral-800/50"
|
|
180
|
+
}`
|
|
181
|
+
}
|
|
182
|
+
>
|
|
183
|
+
{tab.title}
|
|
184
|
+
</Tab>
|
|
185
|
+
))}
|
|
186
|
+
</Tab.List>
|
|
187
|
+
<div className="flex items-center space-x-1">
|
|
188
|
+
<button
|
|
189
|
+
className="rounded-md p-1.5 text-neutral-500 hover:bg-neutral-100 dark:text-neutral-400 dark:hover:bg-neutral-800"
|
|
190
|
+
title="切换主题"
|
|
191
|
+
onClick={cycleTheme}
|
|
192
|
+
>
|
|
193
|
+
{theme === "light" && <SunIcon className="h-5 w-5" />}
|
|
194
|
+
{theme === "dark" && <MoonIcon className="h-5 w-5" />}
|
|
195
|
+
{theme === "system" && (
|
|
196
|
+
<ComputerDesktopIcon className="h-5 w-5" />
|
|
197
|
+
)}
|
|
198
|
+
</button>
|
|
199
|
+
<button
|
|
200
|
+
className="rounded-md p-1.5 text-neutral-500 hover:bg-neutral-100 dark:text-neutral-400 dark:hover:bg-neutral-800"
|
|
201
|
+
title="新对话"
|
|
202
|
+
onClick={createDefaultChannel}
|
|
203
|
+
>
|
|
204
|
+
<PlusIcon className="h-5 w-5" />
|
|
205
|
+
</button>
|
|
206
|
+
</div>
|
|
207
|
+
</div>
|
|
208
|
+
</div>
|
|
209
|
+
|
|
210
|
+
<div className="h-[calc(100%-104px)] overflow-y-auto py-4">
|
|
211
|
+
<Tab.Panels>
|
|
212
|
+
{tabs.map((tab) => (
|
|
213
|
+
<Tab.Panel key={tab.id}>{tab.component}</Tab.Panel>
|
|
214
|
+
))}
|
|
215
|
+
</Tab.Panels>
|
|
216
|
+
</div>
|
|
217
|
+
</Tab.Group>
|
|
218
|
+
</div>
|
|
219
|
+
</DndContext>
|
|
220
|
+
);
|
|
221
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="35.93" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 228"><path fill="#00D8FF" d="M210.483 73.824a171.49 171.49 0 0 0-8.24-2.597c.465-1.9.893-3.777 1.273-5.621c6.238-30.281 2.16-54.676-11.769-62.708c-13.355-7.7-35.196.329-57.254 19.526a171.23 171.23 0 0 0-6.375 5.848a155.866 155.866 0 0 0-4.241-3.917C100.759 3.829 77.587-4.822 63.673 3.233C50.33 10.957 46.379 33.89 51.995 62.588a170.974 170.974 0 0 0 1.892 8.48c-3.28.932-6.445 1.924-9.474 2.98C17.309 83.498 0 98.307 0 113.668c0 15.865 18.582 31.778 46.812 41.427a145.52 145.52 0 0 0 6.921 2.165a167.467 167.467 0 0 0-2.01 9.138c-5.354 28.2-1.173 50.591 12.134 58.266c13.744 7.926 36.812-.22 59.273-19.855a145.567 145.567 0 0 0 5.342-4.923a168.064 168.064 0 0 0 6.92 6.314c21.758 18.722 43.246 26.282 56.54 18.586c13.731-7.949 18.194-32.003 12.4-61.268a145.016 145.016 0 0 0-1.535-6.842c1.62-.48 3.21-.974 4.76-1.488c29.348-9.723 48.443-25.443 48.443-41.52c0-15.417-17.868-30.326-45.517-39.844Zm-6.365 70.984c-1.4.463-2.836.91-4.3 1.345c-3.24-10.257-7.612-21.163-12.963-32.432c5.106-11 9.31-21.767 12.459-31.957c2.619.758 5.16 1.557 7.61 2.4c23.69 8.156 38.14 20.213 38.14 29.504c0 9.896-15.606 22.743-40.946 31.14Zm-10.514 20.834c2.562 12.94 2.927 24.64 1.23 33.787c-1.524 8.219-4.59 13.698-8.382 15.893c-8.067 4.67-25.32-1.4-43.927-17.412a156.726 156.726 0 0 1-6.437-5.87c7.214-7.889 14.423-17.06 21.459-27.246c12.376-1.098 24.068-2.894 34.671-5.345a134.17 134.17 0 0 1 1.386 6.193ZM87.276 214.515c-7.882 2.783-14.16 2.863-17.955.675c-8.075-4.657-11.432-22.636-6.853-46.752a156.923 156.923 0 0 1 1.869-8.499c10.486 2.32 22.093 3.988 34.498 4.994c7.084 9.967 14.501 19.128 21.976 27.15a134.668 134.668 0 0 1-4.877 4.492c-9.933 8.682-19.886 14.842-28.658 17.94ZM50.35 144.747c-12.483-4.267-22.792-9.812-29.858-15.863c-6.35-5.437-9.555-10.836-9.555-15.216c0-9.322 13.897-21.212 37.076-29.293c2.813-.98 5.757-1.905 8.812-2.773c3.204 10.42 7.406 21.315 12.477 32.332c-5.137 11.18-9.399 22.249-12.634 32.792a134.718 134.718 0 0 1-6.318-1.979Zm12.378-84.26c-4.811-24.587-1.616-43.134 6.425-47.789c8.564-4.958 27.502 2.111 47.463 19.835a144.318 144.318 0 0 1 3.841 3.545c-7.438 7.987-14.787 17.08-21.808 26.988c-12.04 1.116-23.565 2.908-34.161 5.309a160.342 160.342 0 0 1-1.76-7.887Zm110.427 27.268a347.8 347.8 0 0 0-7.785-12.803c8.168 1.033 15.994 2.404 23.343 4.08c-2.206 7.072-4.956 14.465-8.193 22.045a381.151 381.151 0 0 0-7.365-13.322Zm-45.032-43.861c5.044 5.465 10.096 11.566 15.065 18.186a322.04 322.04 0 0 0-30.257-.006c4.974-6.559 10.069-12.652 15.192-18.18ZM82.802 87.83a323.167 323.167 0 0 0-7.227 13.238c-3.184-7.553-5.909-14.98-8.134-22.152c7.304-1.634 15.093-2.97 23.209-3.984a321.524 321.524 0 0 0-7.848 12.897Zm8.081 65.352c-8.385-.936-16.291-2.203-23.593-3.793c2.26-7.3 5.045-14.885 8.298-22.6a321.187 321.187 0 0 0 7.257 13.246c2.594 4.48 5.28 8.868 8.038 13.147Zm37.542 31.03c-5.184-5.592-10.354-11.779-15.403-18.433c4.902.192 9.899.29 14.978.29c5.218 0 10.376-.117 15.453-.343c-4.985 6.774-10.018 12.97-15.028 18.486Zm52.198-57.817c3.422 7.8 6.306 15.345 8.596 22.52c-7.422 1.694-15.436 3.058-23.88 4.071a382.417 382.417 0 0 0 7.859-13.026a347.403 347.403 0 0 0 7.425-13.565Zm-16.898 8.101a358.557 358.557 0 0 1-12.281 19.815a329.4 329.4 0 0 1-23.444.823c-7.967 0-15.716-.248-23.178-.732a310.202 310.202 0 0 1-12.513-19.846h.001a307.41 307.41 0 0 1-10.923-20.627a310.278 310.278 0 0 1 10.89-20.637l-.001.001a307.318 307.318 0 0 1 12.413-19.761c7.613-.576 15.42-.876 23.31-.876H128c7.926 0 15.743.303 23.354.883a329.357 329.357 0 0 1 12.335 19.695a358.489 358.489 0 0 1 11.036 20.54a329.472 329.472 0 0 1-11 20.722Zm22.56-122.124c8.572 4.944 11.906 24.881 6.52 51.026c-.344 1.668-.73 3.367-1.15 5.09c-10.622-2.452-22.155-4.275-34.23-5.408c-7.034-10.017-14.323-19.124-21.64-27.008a160.789 160.789 0 0 1 5.888-5.4c18.9-16.447 36.564-22.941 44.612-18.3ZM128 90.808c12.625 0 22.86 10.235 22.86 22.86s-10.235 22.86-22.86 22.86s-22.86-10.235-22.86-22.86s10.235-22.86 22.86-22.86Z"></path></svg>
|