@labelbee/lb-components 1.18.0 → 1.19.0-alpha.1

package/dist/assets/annotation/LLMTool/loading.svg.js

@@ -0,0 +1 @@
+"use strict";var img="data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M20.1598 14.4001C21.4852 14.4001 22.5598 13.3256 22.5598 12.0001C22.5598 10.6746 21.4852 9.6001 20.1598 9.6001C18.8343 9.6001 17.7598 10.6746 17.7598 12.0001C17.7598 13.3256 18.8343 14.4001 20.1598 14.4001Z' fill='%23D0D3FF'/%3e%3cpath d='M3.83945 14.4001C5.16494 14.4001 6.23945 13.3256 6.23945 12.0001C6.23945 10.6746 5.16494 9.6001 3.83945 9.6001C2.51397 9.6001 1.43945 10.6746 1.43945 12.0001C1.43945 13.3256 2.51397 14.4001 3.83945 14.4001Z' fill='%23D0D3FF'/%3e%3cpath d='M11.9996 14.4001C13.3251 14.4001 14.3996 13.3256 14.3996 12.0001C14.3996 10.6746 13.3251 9.6001 11.9996 9.6001C10.6741 9.6001 9.59961 10.6746 9.59961 12.0001C9.59961 13.3256 10.6741 14.4001 11.9996 14.4001Z' fill='%239AA0FE'/%3e%3cpath d='M20.1598 14.4001C21.4852 14.4001 22.5598 13.3256 22.5598 12.0001C22.5598 10.6746 21.4852 9.6001 20.1598 9.6001C18.8343 9.6001 17.7598 10.6746 17.7598 12.0001C17.7598 13.3256 18.8343 14.4001 20.1598 14.4001Z' fill='%23666FFF'/%3e%3cpath d='M3.83945 14.4001C5.16494 14.4001 6.23945 13.3256 6.23945 12.0001C6.23945 10.6746 5.16494 9.6001 3.83945 9.6001C2.51397 9.6001 1.43945 10.6746 1.43945 12.0001C1.43945 13.3256 2.51397 14.4001 3.83945 14.4001Z' fill='%234750D8'/%3e%3c/svg%3e";module.exports=img;

package/dist/components/LLMToolView/index.js

@@ -1 +1 @@
-"use strict";var React=require("react"),reactRedux=require("react-redux"),ctx=require("../../store/ctx.js"),antd=require("antd"),index$2=require("../../constant/index.js"),es=require("antd/es"),index$1=require("./questionView/index.js"),reactI18next=require("react-i18next"),index=require("../../views/MainView/annotationTips/index.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);const LLMViewCls=`${index$2.prefix}-LLMView`,LLMToolView=e=>{const{annotation:i,checkMode:s,tips:o,showTips:u}=e,{imgIndex:a,imgList:r}=i,{hoverKey:c}=React.useContext(ctx.LLMContext),[l,d]=React.useState([]),[f,v]=React.useState(""),{t:x}=reactI18next.useTranslation();return React.useEffect(()=>{let t;if(!s)return t=setInterval(()=>{antd.message.info(x("EfficientListening"))},1e3*60),()=>{t&&clearInterval(t)}},[]),React.useEffect(()=>{var t;if(!r[a])return;const n=(t=r[a])==null?void 0:t.questionList;v(n==null?void 0:n.question),d((n==null?void 0:n.answerList)||[])},[a]),React__default.default.createElement(es.Layout,{className:LLMViewCls},React__default.default.createElement("div",{className:`${LLMViewCls}-question`},u===!0&&React__default.default.createElement(index,{tips:o}),React__default.default.createElement(index$1,{hoverKey:c,question:f,answerList:l})))},mapStateToProps=e=>({annotation:e.annotation});var LLMToolView$1=reactRedux.connect(mapStateToProps,null,null,{context:ctx.LabelBeeContext})(LLMToolView);module.exports=LLMToolView$1;
+"use strict";var React=require("react"),reactRedux=require("react-redux"),ctx=require("../../store/ctx.js"),antd=require("antd"),index$2=require("../../constant/index.js"),es=require("antd/es"),index$1=require("./questionView/index.js"),reactI18next=require("react-i18next"),index=require("../../views/MainView/annotationTips/index.js"),data=require("./utils/data.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);const LLMViewCls=`${index$2.prefix}-LLMView`,LLMToolView=e=>{const{annotation:i,checkMode:o=!0,tips:v,showTips:f}=e,{imgIndex:n,imgList:a}=i,{hoverKey:L,modelAPIResponse:x,setModelAPIResponse:u}=React.useContext(ctx.LLMContext),[q,m]=React.useState([]),[p,w]=React.useState(""),{t:R}=reactI18next.useTranslation();return React.useEffect(()=>{let t;if(!o)return t=setInterval(()=>{antd.message.info(R("EfficientListening"))},1e3*60),()=>{t&&clearInterval(t)}},[]),React.useEffect(()=>{var t,l;if(!a[n])return;const r=(t=a[n])==null?void 0:t.questionList,c=(l=a[n])!=null?l:{},s=data.getCurrentResultFromResultList(c==null?void 0:c.result),d=(s==null?void 0:s.length)>0?s[0]:s;w(r==null?void 0:r.question),m((r==null?void 0:r.answerList)||[]),u((d==null?void 0:d.modelAPIResponse)||[])},[n]),React__default.default.createElement(es.Layout,{className:LLMViewCls},React__default.default.createElement("div",{className:`${LLMViewCls}-question`},f===!0&&React__default.default.createElement(index,{tips:v}),React__default.default.createElement(index$1.default,{hoverKey:L,question:p,answerList:q,modelAPIResponse:x,setModelAPIResponse:u,checkMode:o,annotation:i})))},mapStateToProps=e=>({annotation:e.annotation});var LLMToolView$1=reactRedux.connect(mapStateToProps,null,null,{context:ctx.LabelBeeContext})(LLMToolView);module.exports=LLMToolView$1;

package/dist/components/LLMToolView/modelAPIView/index.js

@@ -0,0 +1 @@
+"use strict";var antd=require("antd"),classNames=require("classnames"),React=require("react"),loading=require("../../../assets/annotation/LLMTool/loading.svg.js"),index$4=require("../../longText/index.js"),index$3=require("../../markdownView/index.js"),index$2=require("../../../constant/index.js"),reducer=require("../../../store/annotation/reducer.js"),index=require("../../../utils/index.js"),icons=require("@ant-design/icons"),index$1=require("../questionView/index.js"),lbUtils=require("@labelbee/lb-utils");function _interopDefaultLegacy(t){return t&&typeof t=="object"&&"default"in t?t:{default:t}}var classNames__default=_interopDefaultLegacy(classNames),React__default=_interopDefaultLegacy(React),__async=(t,e,n)=>new Promise((l,u)=>{var o=a=>{try{r(n.next(a))}catch(d){u(d)}},c=a=>{try{r(n.throw(a))}catch(d){u(d)}},r=a=>a.done?l(a.value):Promise.resolve(a.value).then(o,c);r((n=n.apply(t,e)).next())});const RenderContent=({dataFormatType:t,answer:e})=>t===index$2.EDataFormatType.Markdown?React__default.default.createElement(index$3,{value:e}):React__default.default.createElement(index$4,{wordCount:1e3,text:e}),getAnswer=(t,e)=>{var n;return(n=e.find(l=>l.id===t))==null?void 0:n.answer},ModelAPIView=t=>{var e;const{annotation:n={},checkMode:l,dataFormatType:u,modelAPIResponse:o,question:c,setModelAPIResponse:r}=t,{stepList:a,step:d,toolInstance:f}=n,[v,m]=React.useState({}),{enableModelAPI:p=!1,modelAPIConfigList:i=[]}=v,g=s=>{let L=!1;const w=o.map(_=>_.id===s.id?(L=!0,s):_);L||w.push(s),r==null||r(w)};return React.useEffect(()=>{var s;if(a&&d){const L=(s=reducer.getStepConfig(a,d))==null?void 0:s.config;m(index.jsonParser(L))}},[a,d]),p?(e=i==null?void 0:i.map)==null?void 0:e.call(i,s=>React__default.default.createElement(ModelAPIContent,{dataFormatType:u,config:s,modelAPIResponse:o,key:s==null?void 0:s.id,toolInstance:f,question:c,updateModelAPIResponse:g,checkMode:l})):null},LoadingMessage=()=>React__default.default.createElement("div",{className:classNames__default.default({[`${index$1.LLMViewCls}__loading`]:!0})},lbUtils.i18n.t("AnswersAreBeingGenerated"),React__default.default.createElement("img",{src:loading})),FailedMessage=()=>React__default.default.createElement("span",{className:classNames__default.default({[`${index$1.LLMViewCls}__failed`]:!0})},lbUtils.i18n.t("AnswerGenerationFailedPleaseTryAgainLater")," ",React__default.default.createElement(icons.InfoCircleFilled,null)),ModelAPIContent=({dataFormatType:t,config:e,modelAPIResponse:n,toolInstance:l,question:u,updateModelAPIResponse:o,checkMode:c})=>{const[r,a]=React.useState(!1),[d,f]=React.useState(!1),v=getAnswer(e==null?void 0:e.id,n),m=i=>{a(i),l&&(l.loading=i)},p=()=>__async(void 0,null,function*(){m(!0),f(!1);try{const i=yield l==null?void 0:l.getAPIAnswer(e,u);o({id:e==null?void 0:e.id,answer:i})}catch(i){f(!0)}finally{m(!1)}});return React__default.default.createElement("div",{className:classNames__default.default({[`${index$1.LLMViewCls}__content`]:!0}),key:e==null?void 0:e.id},React__default.default.createElement(antd.Tag,{style:{color:"#666FFF",background:"#eeefff",height:"20px",padding:"0px 8px",border:"none"}},e==null?void 0:e.name),React__default.default.createElement("div",{className:classNames__default.default({[`${index$1.LLMViewCls}__answer`]:!0})},!r&&v&&React__default.default.createElement(RenderContent,{dataFormatType:t,answer:v}),React__default.default.createElement("div",{className:classNames__default.default({[`${index$1.LLMViewCls}__message`]:!0})},r?React__default.default.createElement(LoadingMessage,null):d&&React__default.default.createElement(FailedMessage,null)),!r&&!c&&React__default.default.createElement("div",{className:classNames__default.default({[`${index$1.LLMViewCls}__footer`]:!0})},React__default.default.createElement("span",{onClick:p},lbUtils.i18n.t("ReGenerate"),React__default.default.createElement(icons.SyncOutlined,null)))))};module.exports=ModelAPIView;

package/dist/components/LLMToolView/questionView/index.js

@@ -1 +1 @@
-"use strict";var React=require("react"),antd=require("antd"),index$2=require("../../longText/index.js"),index=require("../../../constant/index.js"),classNames=require("classnames"),reactI18next=require("react-i18next"),lbUtils=require("@labelbee/lb-utils"),index$1=require("../../markdownView/index.js"),icons=require("@ant-design/icons");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React),classNames__default=_interopDefaultLegacy(classNames),__defProp=Object.defineProperty,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,t,a)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,__spreadValues=(e,t)=>{for(var a in t||(t={}))__hasOwnProp.call(t,a)&&__defNormalProp(e,a,t[a]);if(__getOwnPropSymbols)for(var a of __getOwnPropSymbols(t))__propIsEnum.call(t,a)&&__defNormalProp(e,a,t[a]);return e};const LLMViewCls=`${index.prefix}-LLMView`,Header=({setDataFormatType:e,dataFormatType:t})=>{const{t:a}=reactI18next.useTranslation();return React__default.default.createElement("div",{className:`${LLMViewCls}__title`,style:{display:"flex",justifyContent:"space-between"}},a("Title"),React__default.default.createElement("span",{style:{display:"flex"}},React__default.default.createElement(antd.Radio.Group,{value:t,onChange:n=>{e(n.target.value)}},React__default.default.createElement(antd.Radio.Button,{value:index.EDataFormatType.Default,style:{textAlign:"center",width:"52px"}},"</>"),React__default.default.createElement(antd.Radio.Button,{value:index.EDataFormatType.Markdown,style:{textAlign:"center",width:"52px"}},React__default.default.createElement(icons.FileTextOutlined,null))),React__default.default.createElement("span",{style:{marginLeft:"8px",width:"4px",background:"#1890ff"}})))},QuestionView=e=>{const{hoverKey:t,answerList:a,question:n,lang:o}=e,[l,u]=React.useState(index.EDataFormatType.Default),{t:s}=reactI18next.useTranslation();return React.useEffect(()=>{var r;o&&((r=lbUtils.i18n)==null||r.changeLanguage(o))},[]),React__default.default.createElement("div",{className:LLMViewCls},React__default.default.createElement("div",{className:`${LLMViewCls}__textBox`,style:{borderBottom:"1px solid #EBEBEB"}},React__default.default.createElement(Header,{setDataFormatType:u,dataFormatType:l}),React__default.default.createElement("div",{className:`${LLMViewCls}__content`},l===index.EDataFormatType.Markdown?React__default.default.createElement(index$1,{value:n}):React__default.default.createElement(index$2,{wordCount:200,text:n}))),React__default.default.createElement("div",{className:`${LLMViewCls}__textBox`},React__default.default.createElement("div",{className:`${LLMViewCls}__title`},s("Answer")),a.map((r,d)=>React__default.default.createElement("div",{className:classNames__default.default({[`${LLMViewCls}__content`]:!0,[`${LLMViewCls}__contentActive`]:t===(r==null?void 0:r.order)}),key:d},React__default.default.createElement(antd.Tag,{style:{color:"#666FFF",background:"#eeefff",height:"20px",padding:"0px 8px",border:"none"}},r==null?void 0:r.order),l===index.EDataFormatType.Markdown?React__default.default.createElement(index$1,{value:r==null?void 0:r.answer}):React__default.default.createElement(index$2,{wordCount:1e3,text:r==null?void 0:r.answer})))))},WrapQuestionView=e=>React__default.default.createElement(reactI18next.I18nextProvider,{i18n:lbUtils.i18n},React__default.default.createElement(QuestionView,__spreadValues({},e)));module.exports=WrapQuestionView;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),antd=require("antd"),index$2=require("../../longText/index.js"),index=require("../../../constant/index.js"),classNames=require("classnames"),reactI18next=require("react-i18next"),lbUtils=require("@labelbee/lb-utils"),index$1=require("../../markdownView/index.js"),icons=require("@ant-design/icons"),index$3=require("../modelAPIView/index.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React),classNames__default=_interopDefaultLegacy(classNames),__defProp=Object.defineProperty,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,t,a)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,__spreadValues=(e,t)=>{for(var a in t||(t={}))__hasOwnProp.call(t,a)&&__defNormalProp(e,a,t[a]);if(__getOwnPropSymbols)for(var a of __getOwnPropSymbols(t))__propIsEnum.call(t,a)&&__defNormalProp(e,a,t[a]);return e};const LLMViewCls=`${index.prefix}-LLMView`,Header=({setDataFormatType:e,dataFormatType:t})=>{const{t:a}=reactI18next.useTranslation();return React__default.default.createElement("div",{className:`${LLMViewCls}__title`,style:{display:"flex",justifyContent:"space-between"}},a("Title"),React__default.default.createElement("span",{style:{display:"flex"}},React__default.default.createElement(antd.Radio.Group,{value:t,onChange:n=>{e(n.target.value)}},React__default.default.createElement(antd.Radio.Button,{value:index.EDataFormatType.Default,style:{textAlign:"center",width:"52px"}},"</>"),React__default.default.createElement(antd.Radio.Button,{value:index.EDataFormatType.Markdown,style:{textAlign:"center",width:"52px"}},React__default.default.createElement(icons.FileTextOutlined,null))),React__default.default.createElement("span",{style:{marginLeft:"8px",width:"4px",background:"#1890ff"}})))},QuestionView=e=>{const{hoverKey:t,answerList:a,question:n,lang:o,modelAPIResponse:s,setModelAPIResponse:u,checkMode:d=!0}=e,[l,i]=React.useState(index.EDataFormatType.Default),{t:c}=reactI18next.useTranslation();return React.useEffect(()=>{var r;o&&((r=lbUtils.i18n)==null||r.changeLanguage(o))},[]),React__default.default.createElement("div",{className:LLMViewCls},React__default.default.createElement("div",{className:`${LLMViewCls}__textBox`,style:{borderBottom:"1px solid #EBEBEB"}},React__default.default.createElement(Header,{setDataFormatType:i,dataFormatType:l}),React__default.default.createElement("div",{className:`${LLMViewCls}__content`},l===index.EDataFormatType.Markdown?React__default.default.createElement(index$1,{value:n}):React__default.default.createElement(index$2,{wordCount:200,text:n}))),React__default.default.createElement("div",{className:`${LLMViewCls}__textBox`},React__default.default.createElement("div",{className:`${LLMViewCls}__title`},c("Answer")),a.map((r,f)=>React__default.default.createElement("div",{className:classNames__default.default({[`${LLMViewCls}__content`]:!0,[`${LLMViewCls}__contentActive`]:t===(r==null?void 0:r.order)}),key:f},React__default.default.createElement(antd.Tag,{style:{color:"#666FFF",background:"#eeefff",height:"20px",padding:"0px 8px",border:"none"}},r==null?void 0:r.order),l===index.EDataFormatType.Markdown?React__default.default.createElement(index$1,{value:r==null?void 0:r.answer}):React__default.default.createElement(index$2,{wordCount:1e3,text:r==null?void 0:r.answer}))),React__default.default.createElement(index$3,{dataFormatType:l,modelAPIResponse:s,question:n,setModelAPIResponse:u,checkMode:d,annotation:e.annotation})))},WrapQuestionView=e=>React__default.default.createElement(reactI18next.I18nextProvider,{i18n:lbUtils.i18n},React__default.default.createElement(QuestionView,__spreadValues({},e)));exports.LLMViewCls=LLMViewCls,exports.default=WrapQuestionView;

package/dist/components/LLMToolView/sidebar/index.js

@@ -1 +1 @@
-"use strict";var React=require("react"),index$4=require("../../../constant/index.js"),antd=require("antd"),index$1=require("./components/answerSort/index.js"),reactRedux=require("react-redux"),_=require("lodash"),index$2=require("./components/answerList/index.js"),ctx=require("../../../store/ctx.js"),index=require("../../../utils/index.js"),reducer=require("../../../store/annotation/reducer.js"),annotation=require("../../../hooks/annotation.js"),actionCreators=require("../../../store/annotation/actionCreators.js"),lbAnnotation=require("@labelbee/lb-annotation"),reactI18next=require("react-i18next"),data=require("../utils/data.js"),empty=require("../../../assets/annotation/LLMTool/empty.svg.js"),index$3=require("./components/textInputBox/index.js");function _interopDefaultLegacy(r){return r&&typeof r=="object"&&"default"in r?r:{default:r}}var React__default=_interopDefaultLegacy(React),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(r,n,i)=>n in r?__defProp(r,n,{enumerable:!0,configurable:!0,writable:!0,value:i}):r[n]=i,__spreadValues=(r,n)=>{for(var i in n||(n={}))__hasOwnProp.call(n,i)&&__defNormalProp(r,i,n[i]);if(__getOwnPropSymbols)for(var i of __getOwnPropSymbols(n))__propIsEnum.call(n,i)&&__defNormalProp(r,i,n[i]);return r},__spreadProps=(r,n)=>__defProps(r,__getOwnPropDescs(n));const EKeyCode=lbAnnotation.cKeyCode.default,sidebarCls=`${index$4.prefix}-sidebar`,LLMToolSidebar=r=>{var n;const{annotation:i,dispatch:x,checkMode:L}=r,{imgIndex:h,imgList:y,stepList:E,step:j,skipBeforePageTurning:S}=i,{t:C}=reactI18next.useTranslation(),o=(n=y[h])!=null?n:{},R=index.jsonParser(o==null?void 0:o.result),{toolInstanceRef:P}=annotation.useCustomToolInstance({basicInfo:R}),[p,I]=React.useState({}),[v,q]=React.useState([]),[w,O]=React.useState(void 0),[b,D]=React.useState([]),[M,A]=React.useState([]);React.useEffect(()=>{var e;if(E&&j){const t=(e=reducer.getStepConfig(E,j))==null?void 0:e.config;I(index.jsonParser(t))}},[E,j]),React.useEffect(()=>{if(!o)return;const e=data.getCurrentResultFromResultList(o==null?void 0:o.result);let t=(e==null?void 0:e.answerList)?e:o==null?void 0:o.questionList;(t==null?void 0:t.answerList)&&(F(t.answerList),q(t.answerList||[])),O(e==null?void 0:e.textAttribute)},[h,o]),React.useEffect(()=>{P.current.exportData=()=>{const s=data.formatSort(b);return[[{answerList:v,sort:s,textAttribute:w,id:o==null?void 0:o.id}],{}]};const e=data.formatSort(b),t={answerList:v,sort:e,textAttribute:w,id:o==null?void 0:o.id,toolName:lbAnnotation.EToolName.LLM};P.current.currentPageResult=t},[v,b,w]),React.useEffect(()=>(window.addEventListener("keydown",N),()=>{window.removeEventListener("keydown",N)}),[]);const N=e=>{if(e.ctrlKey&&e.keyCode===EKeyCode.Enter){if(S){S(()=>x(actionCreators.PageForward()));return}x(actionCreators.PageForward())}},F=e=>{var t;let s=[],u=[];if((e==null?void 0:e.length)>0){const a=data.getCurrentResultFromResultList(o==null?void 0:o.result),d=(a==null?void 0:a.length)>0?a[0]:a;((t=d==null?void 0:d.sort)==null?void 0:t.length)>0&&(u=d.sort.reduce((l,c)=>{let f=[{title:c[0],id:c[0]}];return c.length>1&&(f=c.map(g=>({title:g,id:g}))),[...l,f]},[])),e.forEach(l=>{u.some(f=>f.length>1?f.some(g=>g.id===l.order):f[0].id===l.order)||s.push({title:l.order,id:l.order})})}D(u),A(s)},B=({order:e,value:t,key:s})=>{const u=v==null?void 0:v.map(a=>{var d;if((a==null?void 0:a.order)===e){if(_.isNumber(t))return __spreadProps(__spreadValues({},a),{score:t});if(_.isObject(t)&&s){const l={[t==null?void 0:t.key]:t.value},c=(d=a[s])!=null?d:{};return __spreadProps(__spreadValues({},a),{[s]:__spreadValues(__spreadValues({},c),l)})}}return a});q(u)};if((()=>{var e,t;const{indicatorScore:s=[],indicatorDetermine:u=[],text:a=[],enableSort:d}=p,l=((e=s==null?void 0:s.filter(m=>m.label&&m.value&&m.score))==null?void 0:e.length)>0,c=((t=u==null?void 0:u.filter(m=>m.label&&m.value))==null?void 0:t.length)>0,f=(a==null?void 0:a.length)>0;return!(l||c||f||d)})())return React__default.default.createElement("div",{className:`${sidebarCls}`},React__default.default.createElement("div",{className:`${sidebarCls}__content`,style:{display:"flex",justifyContent:"center",alignItems:"center"}},React__default.default.createElement(antd.Empty,{description:React__default.default.createElement("span",{style:{color:"#ccc"}},C("NoScoringScale")),imageStyle:{width:200,height:200},image:React__default.default.createElement("img",{src:empty})})));const{indicatorScore:T=[],indicatorDetermine:$=[],enableSort:K}=p,V=v.length>0&&(($==null?void 0:$.length)>0||(T==null?void 0:T.length)>0);return React__default.default.createElement("div",{className:`${sidebarCls}`},React__default.default.createElement("div",{className:`${sidebarCls}__content`},K&&React__default.default.createElement(index$1,{waitSortList:M,sortList:b,setSortList:D,checkMode:L}),V&&React__default.default.createElement(index$2,{list:v,LLMConfig:p,updateValue:B,checkMode:L}),(p==null?void 0:p.text)&&React__default.default.createElement("div",{style:{padding:"0px 16px",marginTop:"16px"}},React__default.default.createElement(index$3,{textAttribute:w||[],LLMConfig:p,setText:O,checkMode:L}))),React__default.default.createElement("div",{style:{margin:"24px 16px",display:"flex"}},(y==null?void 0:y.length)-1!==h&&React__default.default.createElement(antd.Button,{type:"primary",style:{marginLeft:"auto"},onClick:()=>{if(S){S(()=>x(actionCreators.PageForward()));return}x(actionCreators.PageForward())},disabled:L},C("Save"))))},mapStateToProps=r=>({annotation:r.annotation});var LLMToolSidebar$1=reactRedux.connect(mapStateToProps,null,null,{context:ctx.LabelBeeContext})(LLMToolSidebar);module.exports=LLMToolSidebar$1;
+"use strict";var React=require("react"),index$4=require("../../../constant/index.js"),antd=require("antd"),index$1=require("./components/answerSort/index.js"),reactRedux=require("react-redux"),_=require("lodash"),index$2=require("./components/answerList/index.js"),ctx=require("../../../store/ctx.js"),index=require("../../../utils/index.js"),reducer=require("../../../store/annotation/reducer.js"),annotation=require("../../../hooks/annotation.js"),actionCreators=require("../../../store/annotation/actionCreators.js"),lbAnnotation=require("@labelbee/lb-annotation"),reactI18next=require("react-i18next"),data=require("../utils/data.js"),empty=require("../../../assets/annotation/LLMTool/empty.svg.js"),index$3=require("./components/textInputBox/index.js");function _interopDefaultLegacy(r){return r&&typeof r=="object"&&"default"in r?r:{default:r}}var React__default=_interopDefaultLegacy(React),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(r,n,i)=>n in r?__defProp(r,n,{enumerable:!0,configurable:!0,writable:!0,value:i}):r[n]=i,__spreadValues=(r,n)=>{for(var i in n||(n={}))__hasOwnProp.call(n,i)&&__defNormalProp(r,i,n[i]);if(__getOwnPropSymbols)for(var i of __getOwnPropSymbols(n))__propIsEnum.call(n,i)&&__defNormalProp(r,i,n[i]);return r},__spreadProps=(r,n)=>__defProps(r,__getOwnPropDescs(n));const EKeyCode=lbAnnotation.cKeyCode.default,sidebarCls=`${index$4.prefix}-sidebar`,LLMToolSidebar=r=>{var n;const{annotation:i,dispatch:x,checkMode:L}=r,{imgIndex:h,imgList:y,stepList:E,step:C,skipBeforePageTurning:S}=i,{modelAPIResponse:P}=React.useContext(ctx.LLMContext),{t:j}=reactI18next.useTranslation(),o=(n=y[h])!=null?n:{},I=index.jsonParser(o==null?void 0:o.result),{toolInstanceRef:q}=annotation.useCustomToolInstance({basicInfo:I}),[p,M]=React.useState({}),[v,O]=React.useState([]),[w,D]=React.useState(void 0),[b,N]=React.useState([]),[A,F]=React.useState([]);React.useEffect(()=>{var e;if(E&&C){const t=(e=reducer.getStepConfig(E,C))==null?void 0:e.config;M(index.jsonParser(t))}},[E,C]),React.useEffect(()=>{if(!o)return;const e=data.getCurrentResultFromResultList(o==null?void 0:o.result);let t=(e==null?void 0:e.answerList)?e:o==null?void 0:o.questionList;(t==null?void 0:t.answerList)&&(B(t.answerList),O(t.answerList||[])),D(e==null?void 0:e.textAttribute)},[h,o]),React.useEffect(()=>{q.current.exportData=()=>{const s=data.formatSort(b);return[[{answerList:v,sort:s,textAttribute:w,id:o==null?void 0:o.id,modelAPIResponse:P}],{}]};const e=data.formatSort(b),t={answerList:v,sort:e,textAttribute:w,id:o==null?void 0:o.id,toolName:lbAnnotation.EToolName.LLM,modelAPIResponse:P};q.current.currentPageResult=t},[v,b,w,P]),React.useEffect(()=>(window.addEventListener("keydown",R),()=>{window.removeEventListener("keydown",R)}),[]);const R=e=>{if(e.ctrlKey&&e.keyCode===EKeyCode.Enter){if(S){S(()=>x(actionCreators.PageForward()));return}x(actionCreators.PageForward())}},B=e=>{var t;let s=[],u=[];if((e==null?void 0:e.length)>0){const a=data.getCurrentResultFromResultList(o==null?void 0:o.result),d=(a==null?void 0:a.length)>0?a[0]:a;((t=d==null?void 0:d.sort)==null?void 0:t.length)>0&&(u=d.sort.reduce((l,c)=>{let f=[{title:c[0],id:c[0]}];return c.length>1&&(f=c.map(g=>({title:g,id:g}))),[...l,f]},[])),e.forEach(l=>{u.some(f=>f.length>1?f.some(g=>g.id===l.order):f[0].id===l.order)||s.push({title:l.order,id:l.order})})}N(u),F(s)},K=({order:e,value:t,key:s})=>{const u=v==null?void 0:v.map(a=>{var d;if((a==null?void 0:a.order)===e){if(_.isNumber(t))return __spreadProps(__spreadValues({},a),{score:t});if(_.isObject(t)&&s){const l={[t==null?void 0:t.key]:t.value},c=(d=a[s])!=null?d:{};return __spreadProps(__spreadValues({},a),{[s]:__spreadValues(__spreadValues({},c),l)})}}return a});O(u)};if((()=>{var e,t;const{indicatorScore:s=[],indicatorDetermine:u=[],text:a=[],enableSort:d}=p,l=((e=s==null?void 0:s.filter(m=>m.label&&m.value&&m.score))==null?void 0:e.length)>0,c=((t=u==null?void 0:u.filter(m=>m.label&&m.value))==null?void 0:t.length)>0,f=(a==null?void 0:a.length)>0;return!(l||c||f||d)})())return React__default.default.createElement("div",{className:`${sidebarCls}`},React__default.default.createElement("div",{className:`${sidebarCls}__content`,style:{display:"flex",justifyContent:"center",alignItems:"center"}},React__default.default.createElement(antd.Empty,{description:React__default.default.createElement("span",{style:{color:"#ccc"}},j("NoScoringScale")),imageStyle:{width:200,height:200},image:React__default.default.createElement("img",{src:empty})})));const{indicatorScore:T=[],indicatorDetermine:$=[],enableSort:V}=p,W=v.length>0&&(($==null?void 0:$.length)>0||(T==null?void 0:T.length)>0);return React__default.default.createElement("div",{className:`${sidebarCls}`},React__default.default.createElement("div",{className:`${sidebarCls}__content`},V&&React__default.default.createElement(index$1,{waitSortList:A,sortList:b,setSortList:N,checkMode:L}),W&&React__default.default.createElement(index$2,{list:v,LLMConfig:p,updateValue:K,checkMode:L}),(p==null?void 0:p.text)&&React__default.default.createElement("div",{style:{padding:"0px 16px",marginTop:"16px"}},React__default.default.createElement(index$3,{textAttribute:w||[],LLMConfig:p,setText:D,checkMode:L}))),React__default.default.createElement("div",{style:{margin:"24px 16px",display:"flex"}},(y==null?void 0:y.length)-1!==h&&React__default.default.createElement(antd.Button,{type:"primary",style:{marginLeft:"auto"},onClick:()=>{if(S){S(()=>x(actionCreators.PageForward()));return}x(actionCreators.PageForward())},disabled:L},j("Save"))))},mapStateToProps=r=>({annotation:r.annotation});var LLMToolSidebar$1=reactRedux.connect(mapStateToProps,null,null,{context:ctx.LabelBeeContext})(LLMToolSidebar);module.exports=LLMToolSidebar$1;

package/dist/index.css

@@ -2436,6 +2436,28 @@
   background-color: #eeefff;
   border: 1px solid #666fff;
 }
+.bee-LLMView__answer {
+  flex: 1;
+}
+.bee-LLMView__loading {
+  display: inline-flex;
+  align-items: center;
+  gap: 0 4px;
+}
+.bee-LLMView__failed {
+  color: #f26549;
+}
+.bee-LLMView__footer {
+  display: flex;
+  justify-content: end;
+}
+.bee-LLMView__footer span {
+  display: inline-flex;
+  align-items: center;
+  color: #666fff;
+  gap: 0 4px;
+  cursor: pointer;
+}
 
 .bee-LLMSidebar {
   overflow-y: auto;

package/dist/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var index$1=require("./components/AnnotationView/index.js"),pointCloudAnnotationView=require("./components/AnnotationView/pointCloudAnnotationView.js"),index$2=require("./components/LLMToolView/questionView/index.js"),lbUtils=require("@labelbee/lb-utils"),React=require("react"),reactI18next=require("react-i18next"),reactRedux=require("react-redux"),App=require("./App.js"),configureStore=require("./configureStore.js"),actionCreators=require("./store/annotation/actionCreators.js"),TagToolInstanceAdaptorI18nProvider=require("./components/videoPlayer/TagToolInstanceAdaptorI18nProvider.js"),PointCloudContext=require("./components/pointCloudView/PointCloudContext.js"),ctx=require("./store/ctx.js"),index$4=require("./components/predictTracking/predictTrackingIcon/index.js"),index$3=require("./components/LLMToolView/index.js"),index$5=require("./views/MainView/toolFooter/SwitchCuboidBoxIn2DView/index.js"),index$6=require("./constant/index.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,t,r)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,__spreadValues=(e,t)=>{for(var r in t||(t={}))__hasOwnProp.call(t,r)&&__defNormalProp(e,r,t[r]);if(__getOwnPropSymbols)for(var r of __getOwnPropSymbols(t))__propIsEnum.call(t,r)&&__defNormalProp(e,r,t[r]);return e},__spreadProps=(e,t)=>__defProps(e,__getOwnPropDescs(t));const store=configureStore(),OutputApp=(e,t)=>{const[r,a]=React.useState();return React.useImperativeHandle(t,()=>({toolInstance:r,annotationEngine:store.getState().annotation.annotationEngine,pageBackwardActions:()=>store.dispatch(actionCreators.PageBackward()),pageForwardActions:()=>store.dispatch(actionCreators.PageForward()),pageJump:o=>{const n=~~o-1;store.dispatch(actionCreators.PageJump(n))},hello:()=>alert("hello labelBee!!!")}),[r]),React__default.default.createElement(reactRedux.Provider,{store,context:ctx.LabelBeeContext},React__default.default.createElement(reactI18next.I18nextProvider,{i18n:lbUtils.i18n},React__default.default.createElement(PointCloudContext.PointCloudProvider,null,React__default.default.createElement(App,__spreadProps(__spreadValues({},e),{setToolInstance:o=>{var n;a(o),(n=e.onLoad)==null||n.call(e,{toolInstance:o})}})))))};var index=React__default.default.forwardRef(OutputApp);exports.AnnotationView=index$1,exports.PointCloudAnnotationView=pointCloudAnnotationView,exports.QuestionView=index$2,Object.defineProperty(exports,"i18n",{enumerable:!0,get:function(){return lbUtils.i18n}}),exports.VideoTagTool=TagToolInstanceAdaptorI18nProvider.VideoTagTool,exports.PredictTracking=index$4,exports.LLMToolView=index$3,exports.SwitchCuboidBoxIn2DView=index$5,Object.defineProperty(exports,"EDataFormatType",{enumerable:!0,get:function(){return index$6.EDataFormatType}}),Object.defineProperty(exports,"EStepType",{enumerable:!0,get:function(){return index$6.EStepType}}),Object.defineProperty(exports,"ESubmitType",{enumerable:!0,get:function(){return index$6.ESubmitType}}),exports.componentCls=index$6.componentCls,exports.prefix=index$6.prefix,exports.default=index,exports.store=store;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var index$1=require("./components/AnnotationView/index.js"),pointCloudAnnotationView=require("./components/AnnotationView/pointCloudAnnotationView.js"),index$2=require("./components/LLMToolView/questionView/index.js"),lbUtils=require("@labelbee/lb-utils"),React=require("react"),reactI18next=require("react-i18next"),reactRedux=require("react-redux"),App=require("./App.js"),configureStore=require("./configureStore.js"),actionCreators=require("./store/annotation/actionCreators.js"),TagToolInstanceAdaptorI18nProvider=require("./components/videoPlayer/TagToolInstanceAdaptorI18nProvider.js"),PointCloudContext=require("./components/pointCloudView/PointCloudContext.js"),ctx=require("./store/ctx.js"),index$4=require("./components/predictTracking/predictTrackingIcon/index.js"),index$3=require("./components/LLMToolView/index.js"),index$5=require("./views/MainView/toolFooter/SwitchCuboidBoxIn2DView/index.js"),index$6=require("./constant/index.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,t,r)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,__spreadValues=(e,t)=>{for(var r in t||(t={}))__hasOwnProp.call(t,r)&&__defNormalProp(e,r,t[r]);if(__getOwnPropSymbols)for(var r of __getOwnPropSymbols(t))__propIsEnum.call(t,r)&&__defNormalProp(e,r,t[r]);return e},__spreadProps=(e,t)=>__defProps(e,__getOwnPropDescs(t));const store=configureStore(),OutputApp=(e,t)=>{const[r,a]=React.useState();return React.useImperativeHandle(t,()=>({toolInstance:r,annotationEngine:store.getState().annotation.annotationEngine,pageBackwardActions:()=>store.dispatch(actionCreators.PageBackward()),pageForwardActions:()=>store.dispatch(actionCreators.PageForward()),pageJump:o=>{const n=~~o-1;store.dispatch(actionCreators.PageJump(n))},hello:()=>alert("hello labelBee!!!")}),[r]),React__default.default.createElement(reactRedux.Provider,{store,context:ctx.LabelBeeContext},React__default.default.createElement(reactI18next.I18nextProvider,{i18n:lbUtils.i18n},React__default.default.createElement(PointCloudContext.PointCloudProvider,null,React__default.default.createElement(App,__spreadProps(__spreadValues({},e),{setToolInstance:o=>{var n;a(o),(n=e.onLoad)==null||n.call(e,{toolInstance:o})}})))))};var index=React__default.default.forwardRef(OutputApp);exports.AnnotationView=index$1,exports.PointCloudAnnotationView=pointCloudAnnotationView,exports.QuestionView=index$2.default,Object.defineProperty(exports,"i18n",{enumerable:!0,get:function(){return lbUtils.i18n}}),exports.VideoTagTool=TagToolInstanceAdaptorI18nProvider.VideoTagTool,exports.PredictTracking=index$4,exports.LLMToolView=index$3,exports.SwitchCuboidBoxIn2DView=index$5,Object.defineProperty(exports,"EDataFormatType",{enumerable:!0,get:function(){return index$6.EDataFormatType}}),Object.defineProperty(exports,"EStepType",{enumerable:!0,get:function(){return index$6.EStepType}}),Object.defineProperty(exports,"ESubmitType",{enumerable:!0,get:function(){return index$6.ESubmitType}}),exports.componentCls=index$6.componentCls,exports.prefix=index$6.prefix,exports.default=index,exports.store=store;

package/dist/store/ctx.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),reactRedux=require("react-redux");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);const LabelBeeContext=React__default.default.createContext(void 0),useDispatch=reactRedux.createDispatchHook(LabelBeeContext),useSelector=reactRedux.createSelectorHook(LabelBeeContext),LLMContext=React__default.default.createContext({hoverKey:-1,setHoverKey:()=>{}});exports.LLMContext=LLMContext,exports.LabelBeeContext=LabelBeeContext,exports.useDispatch=useDispatch,exports.useSelector=useSelector;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),reactRedux=require("react-redux");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);const LabelBeeContext=React__default.default.createContext(void 0),useDispatch=reactRedux.createDispatchHook(LabelBeeContext),useSelector=reactRedux.createSelectorHook(LabelBeeContext),LLMContext=React__default.default.createContext({hoverKey:-1,setHoverKey:()=>{},modelAPIResponse:[],setModelAPIResponse:()=>{}});exports.LLMContext=LLMContext,exports.LabelBeeContext=LabelBeeContext,exports.useDispatch=useDispatch,exports.useSelector=useSelector;

package/dist/types/components/LLMToolView/modelAPIView/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { EDataFormatType } from '@/constant';
+import { IModelAPIAnswer } from '../types';
+interface IProps {
+    dataFormatType: EDataFormatType;
+    checkMode: boolean;
+    annotation?: any;
+    modelAPIResponse: IModelAPIAnswer[];
+    question: string;
+    setModelAPIResponse?: (data: IModelAPIAnswer[]) => void;
+}
+declare const ModelAPIView: React.FC<IProps>;
+export default ModelAPIView;

package/dist/types/components/LLMToolView/questionView/index.d.ts

@@ -1,10 +1,15 @@
 import React from 'react';
-import { IAnswerList } from '@/components/LLMToolView/types';
+import { IAnswerList, IModelAPIAnswer } from '@/components/LLMToolView/types';
 interface IProps {
     hoverKey?: number;
     question: string;
     answerList: IAnswerList[];
+    modelAPIResponse: IModelAPIAnswer[];
+    setModelAPIResponse?: (data: IModelAPIAnswer[]) => void;
     lang?: string;
+    checkMode?: boolean;
+    annotation?: any;
 }
+export declare const LLMViewCls: string;
 declare const WrapQuestionView: (props: IProps) => React.JSX.Element;
 export default WrapQuestionView;

package/dist/types/components/LLMToolView/types.d.ts

@@ -19,7 +19,25 @@ export interface IAnswerList {
         [key: string]: boolean;
     };
 }
+export interface IModelAPIAnswer {
+    id: string;
+    answer: string;
+}
+declare interface IModelAPIConfig {
+    id: string;
+    name: string;
+    enableAdvanced: boolean;
+    endpoint: string;
+    authorization: string;
+    key: string;
+    templateParams?: string;
+    template?: any;
+    responseSelector?: string;
+    secretKey?: string;
+}
 export interface ILLMToolConfig {
+    enableModelAPI?: boolean;
+    modelAPIConfigList?: IModelAPIConfig[];
     enableSort?: boolean;
     indicatorScore?: IndicatorScore[];
     indicatorDetermine?: IndicatorDetermine[];
@@ -60,3 +78,4 @@ export interface ILLMBoxResult {
     sort?: number[][];
     textAttribute?: ITextList[];
 }
+export {};

package/dist/types/store/ctx.d.ts

@@ -1,8 +1,11 @@
+import { IModelAPIAnswer } from '@/components/LLMToolView/types';
 import React from 'react';
 import { AnyAction, Dispatch } from 'redux';
 interface ILLMContext {
     hoverKey: number;
     setHoverKey: (value: number) => void;
+    modelAPIResponse: IModelAPIAnswer[];
+    setModelAPIResponse: (value: IModelAPIAnswer[]) => void;
 }
 export declare const LabelBeeContext: any;
 export declare const useDispatch: () => Dispatch<AnyAction | any>;

package/dist/views/MainView/LLMLayout/index.js

@@ -1 +1 @@
-"use strict";var index$4=require("../../../constant/index.js"),es=require("antd/es"),React=require("react"),index$3=require("../sidebar/index.js"),index$2=require("../toolFooter/index.js"),dom=require("../../../utils/dom.js"),index=require("../../../utils/index.js"),ctx=require("../../../store/ctx.js"),index$1=require("../../../components/LLMToolView/index.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);const{Sider,Content}=es.Layout,layoutCls=`${index$4.prefix}-layout`,LLMLayout=e=>{var t,a;const[l,r]=React.useState(-1);return React__default.default.createElement(es.Layout,{className:dom.getClassName("layout","container")},React__default.default.createElement(ctx.LLMContext.Provider,{value:React.useMemo(()=>({hoverKey:l,setHoverKey:r}),[l])},e==null?void 0:e.leftSider,React__default.default.createElement(Content,{className:index.classnames({[`${layoutCls}__content`]:!0,[`${index$4.prefix}-LLMLayout`]:!0})},React__default.default.createElement(index$1,{checkMode:e.checkMode,showTips:e.showTips,tips:e.tips}),React__default.default.createElement(index$2.default,{style:(t=e.style)==null?void 0:t.footer,mode:e.mode,footer:e==null?void 0:e.footer})),React__default.default.createElement(Sider,{className:`${layoutCls}__side`,width:600,style:{position:"relative"}},React__default.default.createElement(index$3.default,{sider:e==null?void 0:e.sider,checkMode:e==null?void 0:e.checkMode}),(a=e.drawLayerSlot)==null?void 0:a.call(e,{}))))};module.exports=LLMLayout;
+"use strict";var index$4=require("../../../constant/index.js"),es=require("antd/es"),React=require("react"),index$3=require("../sidebar/index.js"),index$2=require("../toolFooter/index.js"),dom=require("../../../utils/dom.js"),index=require("../../../utils/index.js"),ctx=require("../../../store/ctx.js"),index$1=require("../../../components/LLMToolView/index.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);const{Sider,Content}=es.Layout,layoutCls=`${index$4.prefix}-layout`,LLMLayout=e=>{var t,a;const[l,n]=React.useState(-1),[r,o]=React.useState([]);return React__default.default.createElement(es.Layout,{className:dom.getClassName("layout","container")},React__default.default.createElement(ctx.LLMContext.Provider,{value:React.useMemo(()=>({hoverKey:l,setHoverKey:n,modelAPIResponse:r,setModelAPIResponse:o}),[l,r])},e==null?void 0:e.leftSider,React__default.default.createElement(Content,{className:index.classnames({[`${layoutCls}__content`]:!0,[`${index$4.prefix}-LLMLayout`]:!0})},React__default.default.createElement(index$1,{checkMode:e.checkMode,showTips:e.showTips,tips:e.tips}),React__default.default.createElement(index$2.default,{style:(t=e.style)==null?void 0:t.footer,mode:e.mode,footer:e==null?void 0:e.footer})),React__default.default.createElement(Sider,{className:`${layoutCls}__side`,width:600,style:{position:"relative"}},React__default.default.createElement(index$3.default,{sider:e==null?void 0:e.sider,checkMode:e==null?void 0:e.checkMode}),(a=e.drawLayerSlot)==null?void 0:a.call(e,{}))))};module.exports=LLMLayout;

package/es/assets/annotation/LLMTool/loading.svg.js

@@ -0,0 +1 @@
+var C="data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M20.1598 14.4001C21.4852 14.4001 22.5598 13.3256 22.5598 12.0001C22.5598 10.6746 21.4852 9.6001 20.1598 9.6001C18.8343 9.6001 17.7598 10.6746 17.7598 12.0001C17.7598 13.3256 18.8343 14.4001 20.1598 14.4001Z' fill='%23D0D3FF'/%3e%3cpath d='M3.83945 14.4001C5.16494 14.4001 6.23945 13.3256 6.23945 12.0001C6.23945 10.6746 5.16494 9.6001 3.83945 9.6001C2.51397 9.6001 1.43945 10.6746 1.43945 12.0001C1.43945 13.3256 2.51397 14.4001 3.83945 14.4001Z' fill='%23D0D3FF'/%3e%3cpath d='M11.9996 14.4001C13.3251 14.4001 14.3996 13.3256 14.3996 12.0001C14.3996 10.6746 13.3251 9.6001 11.9996 9.6001C10.6741 9.6001 9.59961 10.6746 9.59961 12.0001C9.59961 13.3256 10.6741 14.4001 11.9996 14.4001Z' fill='%239AA0FE'/%3e%3cpath d='M20.1598 14.4001C21.4852 14.4001 22.5598 13.3256 22.5598 12.0001C22.5598 10.6746 21.4852 9.6001 20.1598 9.6001C18.8343 9.6001 17.7598 10.6746 17.7598 12.0001C17.7598 13.3256 18.8343 14.4001 20.1598 14.4001Z' fill='%23666FFF'/%3e%3cpath d='M3.83945 14.4001C5.16494 14.4001 6.23945 13.3256 6.23945 12.0001C6.23945 10.6746 5.16494 9.6001 3.83945 9.6001C2.51397 9.6001 1.43945 10.6746 1.43945 12.0001C1.43945 13.3256 2.51397 14.4001 3.83945 14.4001Z' fill='%234750D8'/%3e%3c/svg%3e";export{C as default};

package/es/components/LLMToolView/index.js

@@ -1 +1 @@
-import n,{useContext as M,useState as r,useEffect as a}from"react";import{connect as T}from"react-redux";import{LabelBeeContext as V,LLMContext as q}from"../../store/ctx.js";import{message as E}from"antd";import{prefix as g}from"../../constant/index.js";import{Layout as j}from"antd/es";import C from"./questionView/index.js";import{useTranslation as h}from"react-i18next";import I from"../../views/MainView/annotationTips/index.js";const c=`${g}-LLMView`,$=o=>{const{annotation:m,checkMode:l,tips:u,showTips:f}=o,{imgIndex:i,imgList:s}=m,{hoverKey:p}=M(q),[L,d]=r([]),[x,w]=r(""),{t:v}=h();return a(()=>{let t;if(!l)return t=setInterval(()=>{E.info(v("EfficientListening"))},1e3*60),()=>{t&&clearInterval(t)}},[]),a(()=>{var t;if(!s[i])return;const e=(t=s[i])==null?void 0:t.questionList;w(e==null?void 0:e.question),d((e==null?void 0:e.answerList)||[])},[i]),n.createElement(j,{className:c},n.createElement("div",{className:`${c}-question`},f===!0&&n.createElement(I,{tips:u}),n.createElement(C,{hoverKey:p,question:x,answerList:L})))},y=o=>({annotation:o.annotation});var A=T(y,null,null,{context:V})($);export{A as default};
+import s,{useContext as E,useState as d,useEffect as f}from"react";import{connect as I}from"react-redux";import{LabelBeeContext as j,LLMContext as A}from"../../store/ctx.js";import{message as C}from"antd";import{prefix as h}from"../../constant/index.js";import{Layout as P}from"antd/es";import $ from"./questionView/index.js";import{useTranslation as b}from"react-i18next";import y from"../../views/MainView/annotationTips/index.js";import{getCurrentResultFromResultList as D}from"./utils/data.js";const L=`${h}-LLMView`,N=i=>{const{annotation:a,checkMode:l=!0,tips:v,showTips:x}=i,{imgIndex:e,imgList:r}=a,{hoverKey:w,modelAPIResponse:M,setModelAPIResponse:u}=E(A),[R,T]=d([]),[V,g]=d(""),{t:q}=b();return f(()=>{let t;if(!l)return t=setInterval(()=>{C.info(q("EfficientListening"))},1e3*60),()=>{t&&clearInterval(t)}},[]),f(()=>{var t,c;if(!r[e])return;const n=(t=r[e])==null?void 0:t.questionList,m=(c=r[e])!=null?c:{},o=D(m==null?void 0:m.result),p=(o==null?void 0:o.length)>0?o[0]:o;g(n==null?void 0:n.question),T((n==null?void 0:n.answerList)||[]),u((p==null?void 0:p.modelAPIResponse)||[])},[e]),s.createElement(P,{className:L},s.createElement("div",{className:`${L}-question`},x===!0&&s.createElement(y,{tips:v}),s.createElement($,{hoverKey:w,question:V,answerList:R,modelAPIResponse:M,setModelAPIResponse:u,checkMode:l,annotation:a})))},Q=i=>({annotation:i.annotation});var S=I(Q,null,null,{context:j})(N);export{S as default};

package/es/components/LLMToolView/modelAPIView/index.js

@@ -0,0 +1 @@
+import{Tag as x}from"antd";import u from"classnames";import t,{useState as _,useEffect as C}from"react";import h from"../../../assets/annotation/LLMTool/loading.svg.js";import F from"../../longText/index.js";import j from"../../markdownView/index.js";import{EDataFormatType as k}from"../../../constant/index.js";import{getStepConfig as I}from"../../../store/annotation/reducer.js";import{jsonParser as N}from"../../../utils/index.js";import{SyncOutlined as R,InfoCircleFilled as T}from"@ant-design/icons";import{LLMViewCls as f}from"../questionView/index.js";import{i18n as A}from"@labelbee/lb-utils";var b=(s,e,r)=>new Promise((a,m)=>{var c=n=>{try{l(r.next(n))}catch(i){m(i)}},p=n=>{try{l(r.throw(n))}catch(i){m(i)}},l=n=>n.done?a(n.value):Promise.resolve(n.value).then(c,p);l((r=r.apply(s,e)).next())});const $=({dataFormatType:s,answer:e})=>s===k.Markdown?t.createElement(j,{value:e}):t.createElement(F,{wordCount:1e3,text:e}),V=(s,e)=>{var r;return(r=e.find(a=>a.id===s))==null?void 0:r.answer},S=s=>{var e;const{annotation:r={},checkMode:a,dataFormatType:m,modelAPIResponse:c,question:p,setModelAPIResponse:l}=s,{stepList:n,step:i,toolInstance:v}=r,[g,w]=_({}),{enableModelAPI:L=!1,modelAPIConfigList:d=[]}=g,P=o=>{let E=!1;const M=c.map(y=>y.id===o.id?(E=!0,o):y);E||M.push(o),l==null||l(M)};return C(()=>{var o;if(n&&i){const E=(o=I(n,i))==null?void 0:o.config;w(N(E))}},[n,i]),L?(e=d==null?void 0:d.map)==null?void 0:e.call(d,o=>t.createElement(B,{dataFormatType:m,config:o,modelAPIResponse:c,key:o==null?void 0:o.id,toolInstance:v,question:p,updateModelAPIResponse:P,checkMode:a})):null},G=()=>t.createElement("div",{className:u({[`${f}__loading`]:!0})},A.t("AnswersAreBeingGenerated"),t.createElement("img",{src:h})),q=()=>t.createElement("span",{className:u({[`${f}__failed`]:!0})},A.t("AnswerGenerationFailedPleaseTryAgainLater")," ",t.createElement(T,null)),B=({dataFormatType:s,config:e,modelAPIResponse:r,toolInstance:a,question:m,updateModelAPIResponse:c,checkMode:p})=>{const[l,n]=_(!1),[i,v]=_(!1),g=V(e==null?void 0:e.id,r),w=d=>{n(d),a&&(a.loading=d)},L=()=>b(void 0,null,function*(){w(!0),v(!1);try{const d=yield a==null?void 0:a.getAPIAnswer(e,m);c({id:e==null?void 0:e.id,answer:d})}catch(d){v(!0)}finally{w(!1)}});return t.createElement("div",{className:u({[`${f}__content`]:!0}),key:e==null?void 0:e.id},t.createElement(x,{style:{color:"#666FFF",background:"#eeefff",height:"20px",padding:"0px 8px",border:"none"}},e==null?void 0:e.name),t.createElement("div",{className:u({[`${f}__answer`]:!0})},!l&&g&&t.createElement($,{dataFormatType:s,answer:g}),t.createElement("div",{className:u({[`${f}__message`]:!0})},l?t.createElement(G,null):i&&t.createElement(q,null)),!l&&!p&&t.createElement("div",{className:u({[`${f}__footer`]:!0})},t.createElement("span",{onClick:L},A.t("ReGenerate"),t.createElement(R,null)))))};export{S as default};

package/es/components/LLMToolView/questionView/index.js

@@ -1 +1 @@
-import e,{useState as y,useEffect as g}from"react";import{Tag as b,Radio as c}from"antd";import d from"../../longText/index.js";import{EDataFormatType as l,prefix as h}from"../../../constant/index.js";import N from"classnames";import{I18nextProvider as O,useTranslation as p}from"react-i18next";import{i18n as u}from"@labelbee/lb-utils";import f from"../../markdownView/index.js";import{FileTextOutlined as T}from"@ant-design/icons";var B=Object.defineProperty,v=Object.getOwnPropertySymbols,L=Object.prototype.hasOwnProperty,P=Object.prototype.propertyIsEnumerable,x=(a,t,r)=>t in a?B(a,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):a[t]=r,$=(a,t)=>{for(var r in t||(t={}))L.call(t,r)&&x(a,r,t[r]);if(v)for(var r of v(t))P.call(t,r)&&x(a,r,t[r]);return a};const o=`${h}-LLMView`,F=({setDataFormatType:a,dataFormatType:t})=>{const{t:r}=p();return e.createElement("div",{className:`${o}__title`,style:{display:"flex",justifyContent:"space-between"}},r("Title"),e.createElement("span",{style:{display:"flex"}},e.createElement(c.Group,{value:t,onChange:s=>{a(s.target.value)}},e.createElement(c.Button,{value:l.Default,style:{textAlign:"center",width:"52px"}},"</>"),e.createElement(c.Button,{value:l.Markdown,style:{textAlign:"center",width:"52px"}},e.createElement(T,null))),e.createElement("span",{style:{marginLeft:"8px",width:"4px",background:"#1890ff"}})))},V=a=>{const{hoverKey:t,answerList:r,question:s,lang:m}=a,[i,E]=y(l.Default),{t:_}=p();return g(()=>{var n;m&&((n=u)==null||n.changeLanguage(m))},[]),e.createElement("div",{className:o},e.createElement("div",{className:`${o}__textBox`,style:{borderBottom:"1px solid #EBEBEB"}},e.createElement(F,{setDataFormatType:E,dataFormatType:i}),e.createElement("div",{className:`${o}__content`},i===l.Markdown?e.createElement(f,{value:s}):e.createElement(d,{wordCount:200,text:s}))),e.createElement("div",{className:`${o}__textBox`},e.createElement("div",{className:`${o}__title`},_("Answer")),r.map((n,w)=>e.createElement("div",{className:N({[`${o}__content`]:!0,[`${o}__contentActive`]:t===(n==null?void 0:n.order)}),key:w},e.createElement(b,{style:{color:"#666FFF",background:"#eeefff",height:"20px",padding:"0px 8px",border:"none"}},n==null?void 0:n.order),i===l.Markdown?e.createElement(f,{value:n==null?void 0:n.answer}):e.createElement(d,{wordCount:1e3,text:n==null?void 0:n.answer})))))},j=a=>e.createElement(O,{i18n:u},e.createElement(V,$({},a)));export{j as default};
+import e,{useState as h,useEffect as b}from"react";import{Tag as M,Radio as m}from"antd";import d from"../../longText/index.js";import{EDataFormatType as s,prefix as N}from"../../../constant/index.js";import O from"classnames";import{I18nextProvider as T,useTranslation as p}from"react-i18next";import{i18n as u}from"@labelbee/lb-utils";import f from"../../markdownView/index.js";import{FileTextOutlined as V}from"@ant-design/icons";import A from"../modelAPIView/index.js";var B=Object.defineProperty,v=Object.getOwnPropertySymbols,L=Object.prototype.hasOwnProperty,$=Object.prototype.propertyIsEnumerable,x=(r,t,n)=>t in r?B(r,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):r[t]=n,j=(r,t)=>{for(var n in t||(t={}))L.call(t,n)&&x(r,n,t[n]);if(v)for(var n of v(t))$.call(t,n)&&x(r,n,t[n]);return r};const o=`${N}-LLMView`,k=({setDataFormatType:r,dataFormatType:t})=>{const{t:n}=p();return e.createElement("div",{className:`${o}__title`,style:{display:"flex",justifyContent:"space-between"}},n("Title"),e.createElement("span",{style:{display:"flex"}},e.createElement(m.Group,{value:t,onChange:l=>{r(l.target.value)}},e.createElement(m.Button,{value:s.Default,style:{textAlign:"center",width:"52px"}},"</>"),e.createElement(m.Button,{value:s.Markdown,style:{textAlign:"center",width:"52px"}},e.createElement(V,null))),e.createElement("span",{style:{marginLeft:"8px",width:"4px",background:"#1890ff"}})))},F=r=>{const{hoverKey:t,answerList:n,question:l,lang:c,modelAPIResponse:E,setModelAPIResponse:w,checkMode:_=!0}=r,[i,y]=h(s.Default),{t:g}=p();return b(()=>{var a;c&&((a=u)==null||a.changeLanguage(c))},[]),e.createElement("div",{className:o},e.createElement("div",{className:`${o}__textBox`,style:{borderBottom:"1px solid #EBEBEB"}},e.createElement(k,{setDataFormatType:y,dataFormatType:i}),e.createElement("div",{className:`${o}__content`},i===s.Markdown?e.createElement(f,{value:l}):e.createElement(d,{wordCount:200,text:l}))),e.createElement("div",{className:`${o}__textBox`},e.createElement("div",{className:`${o}__title`},g("Answer")),n.map((a,P)=>e.createElement("div",{className:O({[`${o}__content`]:!0,[`${o}__contentActive`]:t===(a==null?void 0:a.order)}),key:P},e.createElement(M,{style:{color:"#666FFF",background:"#eeefff",height:"20px",padding:"0px 8px",border:"none"}},a==null?void 0:a.order),i===s.Markdown?e.createElement(f,{value:a==null?void 0:a.answer}):e.createElement(d,{wordCount:1e3,text:a==null?void 0:a.answer}))),e.createElement(A,{dataFormatType:i,modelAPIResponse:E,question:l,setModelAPIResponse:w,checkMode:_,annotation:r.annotation})))},I=r=>e.createElement(T,{i18n:u},e.createElement(F,j({},r)));export{o as LLMViewCls,I as default};

package/es/components/LLMToolView/sidebar/index.js

@@ -1 +1 @@
-import s,{useState as L,useEffect as y}from"react";import{prefix as tt}from"../../../constant/index.js";import{Empty as et,Button as ot}from"antd";import rt from"./components/answerSort/index.js";import{connect as nt}from"react-redux";import{isNumber as it,isObject as st}from"lodash";import lt from"./components/answerList/index.js";import{LabelBeeContext as at}from"../../../store/ctx.js";import{jsonParser as q}from"../../../utils/index.js";import{getStepConfig as ct}from"../../../store/annotation/reducer.js";import{useCustomToolInstance as dt}from"../../../hooks/annotation.js";import{PageForward as E}from"../../../store/annotation/actionCreators.js";import{cKeyCode as ut,EToolName as mt}from"@labelbee/lb-annotation";import{useTranslation as pt}from"react-i18next";import{getCurrentResultFromResultList as F,formatSort as V}from"../utils/data.js";import ft from"../../../assets/annotation/LLMTool/empty.svg.js";import vt from"./components/textInputBox/index.js";var gt=Object.defineProperty,xt=Object.defineProperties,Lt=Object.getOwnPropertyDescriptors,W=Object.getOwnPropertySymbols,wt=Object.prototype.hasOwnProperty,St=Object.prototype.propertyIsEnumerable,k=(i,o,l)=>o in i?gt(i,o,{enumerable:!0,configurable:!0,writable:!0,value:l}):i[o]=l,j=(i,o)=>{for(var l in o||(o={}))wt.call(o,l)&&k(i,l,o[l]);if(W)for(var l of W(o))St.call(o,l)&&k(i,l,o[l]);return i},z=(i,o)=>xt(i,Lt(o));const _t=ut.default,C=`${tt}-sidebar`,bt=i=>{var o;const{annotation:l,dispatch:w,checkMode:S}=i,{imgIndex:P,imgList:O,stepList:T,step:D,skipBeforePageTurning:_}=l,{t:N}=pt(),r=(o=O[P])!=null?o:{},G=q(r==null?void 0:r.result),{toolInstanceRef:I}=dt({basicInfo:G}),[v,H]=L({}),[f,A]=L([]),[b,M]=L(void 0),[h,R]=L([]),[J,Q]=L([]);y(()=>{var t;if(T&&D){const e=(t=ct(T,D))==null?void 0:t.config;H(q(e))}},[T,D]),y(()=>{if(!r)return;const t=F(r==null?void 0:r.result);let e=(t==null?void 0:t.answerList)?t:r==null?void 0:r.questionList;(e==null?void 0:e.answerList)&&(U(e.answerList),A(e.answerList||[])),M(t==null?void 0:t.textAttribute)},[P,r]),y(()=>{I.current.exportData=()=>{const a=V(h);return[[{answerList:f,sort:a,textAttribute:b,id:r==null?void 0:r.id}],{}]};const t=V(h),e={answerList:f,sort:t,textAttribute:b,id:r==null?void 0:r.id,toolName:mt.LLM};I.current.currentPageResult=e},[f,h,b]),y(()=>(window.addEventListener("keydown",$),()=>{window.removeEventListener("keydown",$)}),[]);const $=t=>{if(t.ctrlKey&&t.keyCode===_t.Enter){if(_){_(()=>w(E()));return}w(E())}},U=t=>{var e;let a=[],d=[];if((t==null?void 0:t.length)>0){const n=F(r==null?void 0:r.result),m=(n==null?void 0:n.length)>0?n[0]:n;((e=m==null?void 0:m.sort)==null?void 0:e.length)>0&&(d=m.sort.reduce((c,u)=>{let p=[{title:u[0],id:u[0]}];return u.length>1&&(p=u.map(x=>({title:x,id:x}))),[...c,p]},[])),t.forEach(c=>{d.some(p=>p.length>1?p.some(x=>x.id===c.order):p[0].id===c.order)||a.push({title:c.order,id:c.order})})}R(d),Q(a)},X=({order:t,value:e,key:a})=>{const d=f==null?void 0:f.map(n=>{var m;if((n==null?void 0:n.order)===t){if(it(e))return z(j({},n),{score:e});if(st(e)&&a){const c={[e==null?void 0:e.key]:e.value},u=(m=n[a])!=null?m:{};return z(j({},n),{[a]:j(j({},u),c)})}}return n});A(d)};if((()=>{var t,e;const{indicatorScore:a=[],indicatorDetermine:d=[],text:n=[],enableSort:m}=v,c=((t=a==null?void 0:a.filter(g=>g.label&&g.value&&g.score))==null?void 0:t.length)>0,u=((e=d==null?void 0:d.filter(g=>g.label&&g.value))==null?void 0:e.length)>0,p=(n==null?void 0:n.length)>0;return!(c||u||p||m)})())return s.createElement("div",{className:`${C}`},s.createElement("div",{className:`${C}__content`,style:{display:"flex",justifyContent:"center",alignItems:"center"}},s.createElement(et,{description:s.createElement("span",{style:{color:"#ccc"}},N("NoScoringScale")),imageStyle:{width:200,height:200},image:s.createElement("img",{src:ft})})));const{indicatorScore:B=[],indicatorDetermine:K=[],enableSort:Y}=v,Z=f.length>0&&((K==null?void 0:K.length)>0||(B==null?void 0:B.length)>0);return s.createElement("div",{className:`${C}`},s.createElement("div",{className:`${C}__content`},Y&&s.createElement(rt,{waitSortList:J,sortList:h,setSortList:R,checkMode:S}),Z&&s.createElement(lt,{list:f,LLMConfig:v,updateValue:X,checkMode:S}),(v==null?void 0:v.text)&&s.createElement("div",{style:{padding:"0px 16px",marginTop:"16px"}},s.createElement(vt,{textAttribute:b||[],LLMConfig:v,setText:M,checkMode:S}))),s.createElement("div",{style:{margin:"24px 16px",display:"flex"}},(O==null?void 0:O.length)-1!==P&&s.createElement(ot,{type:"primary",style:{marginLeft:"auto"},onClick:()=>{if(_){_(()=>w(E()));return}w(E())},disabled:S},N("Save"))))},ht=i=>({annotation:i.annotation});var yt=nt(ht,null,null,{context:at})(bt);export{yt as default};
+import s,{useContext as et,useState as L,useEffect as y}from"react";import{prefix as ot}from"../../../constant/index.js";import{Empty as nt,Button as rt}from"antd";import it from"./components/answerSort/index.js";import{connect as st}from"react-redux";import{isNumber as lt,isObject as at}from"lodash";import ct from"./components/answerList/index.js";import{LabelBeeContext as dt,LLMContext as ut}from"../../../store/ctx.js";import{jsonParser as F}from"../../../utils/index.js";import{getStepConfig as mt}from"../../../store/annotation/reducer.js";import{useCustomToolInstance as pt}from"../../../hooks/annotation.js";import{PageForward as E}from"../../../store/annotation/actionCreators.js";import{cKeyCode as ft,EToolName as vt}from"@labelbee/lb-annotation";import{useTranslation as gt}from"react-i18next";import{getCurrentResultFromResultList as V,formatSort as W}from"../utils/data.js";import xt from"../../../assets/annotation/LLMTool/empty.svg.js";import Lt from"./components/textInputBox/index.js";var wt=Object.defineProperty,St=Object.defineProperties,_t=Object.getOwnPropertyDescriptors,k=Object.getOwnPropertySymbols,bt=Object.prototype.hasOwnProperty,ht=Object.prototype.propertyIsEnumerable,z=(i,o,l)=>o in i?wt(i,o,{enumerable:!0,configurable:!0,writable:!0,value:l}):i[o]=l,C=(i,o)=>{for(var l in o||(o={}))bt.call(o,l)&&z(i,l,o[l]);if(k)for(var l of k(o))ht.call(o,l)&&z(i,l,o[l]);return i},G=(i,o)=>St(i,_t(o));const yt=ft.default,j=`${ot}-sidebar`,Et=i=>{var o;const{annotation:l,dispatch:w,checkMode:S}=i,{imgIndex:P,imgList:O,stepList:T,step:D,skipBeforePageTurning:_}=l,{modelAPIResponse:N}=et(ut),{t:I}=gt(),n=(o=O[P])!=null?o:{},H=F(n==null?void 0:n.result),{toolInstanceRef:A}=pt({basicInfo:H}),[v,J]=L({}),[f,M]=L([]),[b,R]=L(void 0),[h,$]=L([]),[Q,U]=L([]);y(()=>{var t;if(T&&D){const e=(t=mt(T,D))==null?void 0:t.config;J(F(e))}},[T,D]),y(()=>{if(!n)return;const t=V(n==null?void 0:n.result);let e=(t==null?void 0:t.answerList)?t:n==null?void 0:n.questionList;(e==null?void 0:e.answerList)&&(X(e.answerList),M(e.answerList||[])),R(t==null?void 0:t.textAttribute)},[P,n]),y(()=>{A.current.exportData=()=>{const a=W(h);return[[{answerList:f,sort:a,textAttribute:b,id:n==null?void 0:n.id,modelAPIResponse:N}],{}]};const t=W(h),e={answerList:f,sort:t,textAttribute:b,id:n==null?void 0:n.id,toolName:vt.LLM,modelAPIResponse:N};A.current.currentPageResult=e},[f,h,b,N]),y(()=>(window.addEventListener("keydown",B),()=>{window.removeEventListener("keydown",B)}),[]);const B=t=>{if(t.ctrlKey&&t.keyCode===yt.Enter){if(_){_(()=>w(E()));return}w(E())}},X=t=>{var e;let a=[],d=[];if((t==null?void 0:t.length)>0){const r=V(n==null?void 0:n.result),m=(r==null?void 0:r.length)>0?r[0]:r;((e=m==null?void 0:m.sort)==null?void 0:e.length)>0&&(d=m.sort.reduce((c,u)=>{let p=[{title:u[0],id:u[0]}];return u.length>1&&(p=u.map(x=>({title:x,id:x}))),[...c,p]},[])),t.forEach(c=>{d.some(p=>p.length>1?p.some(x=>x.id===c.order):p[0].id===c.order)||a.push({title:c.order,id:c.order})})}$(d),U(a)},Y=({order:t,value:e,key:a})=>{const d=f==null?void 0:f.map(r=>{var m;if((r==null?void 0:r.order)===t){if(lt(e))return G(C({},r),{score:e});if(at(e)&&a){const c={[e==null?void 0:e.key]:e.value},u=(m=r[a])!=null?m:{};return G(C({},r),{[a]:C(C({},u),c)})}}return r});M(d)};if((()=>{var t,e;const{indicatorScore:a=[],indicatorDetermine:d=[],text:r=[],enableSort:m}=v,c=((t=a==null?void 0:a.filter(g=>g.label&&g.value&&g.score))==null?void 0:t.length)>0,u=((e=d==null?void 0:d.filter(g=>g.label&&g.value))==null?void 0:e.length)>0,p=(r==null?void 0:r.length)>0;return!(c||u||p||m)})())return s.createElement("div",{className:`${j}`},s.createElement("div",{className:`${j}__content`,style:{display:"flex",justifyContent:"center",alignItems:"center"}},s.createElement(nt,{description:s.createElement("span",{style:{color:"#ccc"}},I("NoScoringScale")),imageStyle:{width:200,height:200},image:s.createElement("img",{src:xt})})));const{indicatorScore:K=[],indicatorDetermine:q=[],enableSort:Z}=v,tt=f.length>0&&((q==null?void 0:q.length)>0||(K==null?void 0:K.length)>0);return s.createElement("div",{className:`${j}`},s.createElement("div",{className:`${j}__content`},Z&&s.createElement(it,{waitSortList:Q,sortList:h,setSortList:$,checkMode:S}),tt&&s.createElement(ct,{list:f,LLMConfig:v,updateValue:Y,checkMode:S}),(v==null?void 0:v.text)&&s.createElement("div",{style:{padding:"0px 16px",marginTop:"16px"}},s.createElement(Lt,{textAttribute:b||[],LLMConfig:v,setText:R,checkMode:S}))),s.createElement("div",{style:{margin:"24px 16px",display:"flex"}},(O==null?void 0:O.length)-1!==P&&s.createElement(rt,{type:"primary",style:{marginLeft:"auto"},onClick:()=>{if(_){_(()=>w(E()));return}w(E())},disabled:S},I("Save"))))},Ct=i=>({annotation:i.annotation});var jt=st(Ct,null,null,{context:dt})(Et);export{jt as default};

package/es/index.css

@@ -2436,6 +2436,28 @@
   background-color: #eeefff;
   border: 1px solid #666fff;
 }
+.bee-LLMView__answer {
+  flex: 1;
+}
+.bee-LLMView__loading {
+  display: inline-flex;
+  align-items: center;
+  gap: 0 4px;
+}
+.bee-LLMView__failed {
+  color: #f26549;
+}
+.bee-LLMView__footer {
+  display: flex;
+  justify-content: end;
+}
+.bee-LLMView__footer span {
+  display: inline-flex;
+  align-items: center;
+  color: #666fff;
+  gap: 0 4px;
+  cursor: pointer;
+}
 
 .bee-LLMSidebar {
   overflow-y: auto;

package/es/store/ctx.js

@@ -1 +1 @@
-import t from"react";import{createDispatchHook as o,createSelectorHook as r}from"react-redux";const e=t.createContext(void 0),c=o(e),a=r(e),s=t.createContext({hoverKey:-1,setHoverKey:()=>{}});export{s as LLMContext,e as LabelBeeContext,c as useDispatch,a as useSelector};
+import t from"react";import{createDispatchHook as o,createSelectorHook as r}from"react-redux";const e=t.createContext(void 0),c=o(e),s=r(e),a=t.createContext({hoverKey:-1,setHoverKey:()=>{},modelAPIResponse:[],setModelAPIResponse:()=>{}});export{a as LLMContext,e as LabelBeeContext,c as useDispatch,s as useSelector};

package/es/views/MainView/LLMLayout/index.js

@@ -1 +1 @@
-import{prefix as r}from"../../../constant/index.js";import{Layout as a}from"antd/es";import t,{useState as s,useMemo as c}from"react";import d from"../sidebar/index.js";import u from"../toolFooter/index.js";import{getClassName as f}from"../../../utils/dom.js";import{classnames as L}from"../../../utils/index.js";import{LLMContext as v}from"../../../store/ctx.js";import y from"../../../components/LLMToolView/index.js";const{Sider:M,Content:x}=a,n=`${r}-layout`,h=e=>{var o,l;const[i,m]=s(-1);return t.createElement(a,{className:f("layout","container")},t.createElement(v.Provider,{value:c(()=>({hoverKey:i,setHoverKey:m}),[i])},e==null?void 0:e.leftSider,t.createElement(x,{className:L({[`${n}__content`]:!0,[`${r}-LLMLayout`]:!0})},t.createElement(y,{checkMode:e.checkMode,showTips:e.showTips,tips:e.tips}),t.createElement(u,{style:(o=e.style)==null?void 0:o.footer,mode:e.mode,footer:e==null?void 0:e.footer})),t.createElement(M,{className:`${n}__side`,width:600,style:{position:"relative"}},t.createElement(d,{sider:e==null?void 0:e.sider,checkMode:e==null?void 0:e.checkMode}),(l=e.drawLayerSlot)==null?void 0:l.call(e,{}))))};export{h as default};
+import{prefix as r}from"../../../constant/index.js";import{Layout as a}from"antd/es";import t,{useState as s,useMemo as u}from"react";import f from"../sidebar/index.js";import L from"../toolFooter/index.js";import{getClassName as v}from"../../../utils/dom.js";import{classnames as y}from"../../../utils/index.js";import{LLMContext as M}from"../../../store/ctx.js";import x from"../../../components/LLMToolView/index.js";const{Sider:h,Content:j}=a,m=`${r}-layout`,E=e=>{var o,l;const[i,c]=s(-1),[n,d]=s([]);return t.createElement(a,{className:v("layout","container")},t.createElement(M.Provider,{value:u(()=>({hoverKey:i,setHoverKey:c,modelAPIResponse:n,setModelAPIResponse:d}),[i,n])},e==null?void 0:e.leftSider,t.createElement(j,{className:y({[`${m}__content`]:!0,[`${r}-LLMLayout`]:!0})},t.createElement(x,{checkMode:e.checkMode,showTips:e.showTips,tips:e.tips}),t.createElement(L,{style:(o=e.style)==null?void 0:o.footer,mode:e.mode,footer:e==null?void 0:e.footer})),t.createElement(h,{className:`${m}__side`,width:600,style:{position:"relative"}},t.createElement(f,{sider:e==null?void 0:e.sider,checkMode:e==null?void 0:e.checkMode}),(l=e.drawLayerSlot)==null?void 0:l.call(e,{}))))};export{E as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@labelbee/lb-components",
-  "version": "1.18.0",
+  "version": "1.19.0-alpha.1",
   "description": "Provide a complete library of annotation components",
   "main": "./dist/index.js",
   "es": "./es/index.js",
@@ -43,8 +43,8 @@
   },
   "dependencies": {
     "@ant-design/icons": "^4.6.2",
-    "@labelbee/lb-annotation": "1.22.0",
-    "@labelbee/lb-utils": "1.14.0",
+    "@labelbee/lb-annotation": "1.22.1-alpha.1",
+    "@labelbee/lb-utils": "1.15.0-alpha.1",
     "@labelbee/wavesurfer": "1.0.0",
     "@types/react-dom": "^18.2.7",
     "ahooks": "^3.4.0",