yt-chat-components 0.1.0 → 0.2.0

package/src/YtChatView/previewDialog/index.jsx

@@ -13,6 +13,8 @@ import { Button, message as messageTip, Progress } from 'antd'
 import { CloseOutlined } from "@ant-design/icons";
 import moreAi from '../../assets/aicenter/moreAi.png';
 import moreBg from '../../assets/aicenter/moreBg.png';
+import self_knowledge from '../../assets/aicenter/self_knowledge.png';
+import self_skills from '../../assets/aicenter/self_skills.png';
 
 
 const style=`
@@ -24,6 +26,9 @@ const style=`
 .p_toolDialog {
   display: flex;
   height:100%;
+  background:url('https://trans-from-yuntu-resourse.oss-cn-beijing.aliyuncs.com/smartSchool/appCreator/ai/ai_modal_bg.png');
+  background-size: cover;
+  border-radius:8px;
 }
 
 .p_toolDialog .p_toolLeft {
@@ -31,9 +36,9 @@ const style=`
   flex-direction: column;
   align-items: center;
   width: 300px;
-  height: 100%;
-  background: linear-gradient(180deg, #CFDAFC 0%, #F0F3FF 100%);
-  padding: 24px;
+  // height: 100%;
+  padding: 1.5rem 1.6rem 2rem 2.4rem;
+  
   border-top-left-radius: 8px;
   border-bottom-left-radius: 8px;
 }
@@ -45,13 +50,12 @@ const style=`
 }
 
 .p_toolDialog .p_toolLeft .p_toolLogo .p_logoImg {
-  width: 60px;
+  width: 48px;
 }
 
 .p_toolDialog .p_toolLeft .p_toolLogo .p_logoText {
   font-weight: bold;
   margin-left: 10px;
-  padding-top: 16px;
   font-size: 30px;
   background: linear-gradient(to right, #1551FF, #8F4BFF);
   -webkit-background-clip: text;
@@ -69,6 +73,7 @@ const style=`
   border-image: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)) 1 1;
   backdrop-filter: blur(10px);
   position: relative;
+  max-height:calc(100% - 5.5rem - 60px);
 }
 
 .p_toolDialog .p_toolLeft .p_historyDialog ::-webkit-scrollbar-thumb {
@@ -78,20 +83,23 @@ const style=`
 }
 
 .p_toolDialog .p_toolLeft .p_historyDialog .p_historyTitle {
-  padding: 16px 16px 0 16px;
+  padding: 1.3rem 16px 0 16px;
   display: flex;
   align-items: center;
 }
 
 .p_toolDialog .p_toolLeft .p_historyDialog .p_historyTitle .p_historyImg {
-  width: 20px;
+  width: 25px;
 }
 
 .p_toolDialog .p_toolLeft .p_historyDialog .p_historyTitle .p_dialogTitle {
-  font-weight: bold;
-  font-size: 16px;
   margin-left: 10px;
-  color: #666666;
+  font-weight: 500;
+  font-size: 18px;
+  color: #333333;
+  line-height: 16px;
+  text-align: left;
+  font-style: normal;
 }
 
 .p_toolDialog .p_toolLeft .p_historyDialog .p_historyListEmpty {
@@ -102,15 +110,22 @@ const style=`
   text-align: center;
   font-size: 12px;
   color: #999999;
+  max-height: calc(100% - 3rem);
+
 }
 
 .p_toolDialog .p_toolLeft .p_historyDialog .p_historyList {
+  height: calc(100% - 3rem);
   margin-top: 10px;
   // height: 360px;
   overflow-y: auto;
   scrollbar-width: none !important; /* firefox */
 }
 
+.p_toolDialog .p_toolLeft .p_historyDialog .p_historyList::-webkit-scrollbar{
+  display:none;
+}
+
 .p_toolDialog .p_toolLeft .p_historyDialog .p_historyList:hover {
   scrollbar-width: thin !important; /* firefox */
   scrollbar-color: #ced4e3 transparent;
@@ -141,25 +156,36 @@ const style=`
   // width: calc(100% - 300px - 300px);
 }
 
-.p_toolRightToRight{
+.p_toolRightToRight {
   width:300px;
   display:flex;
   flex-direction:column;
-  padding:24px;
+  padding:2.5rem 1.6rem 1.8rem 1.6rem
 }
 .rightInnerContainer{
   height:calc(100% - 80px);
   flex:1;
+  display:flex;
+  flex-direction:column;
+  justify-content: space-between;
 }
 .p_toolRightToRight .rightSideTitle{
-  margin-bottom:40px;
+  margin-bottom:1.4rem;
+  margin-top:10px;
   margin-top:0;
   font-size:18px;
   font-weight:500;
+  display:flex;
+  align-items: center;
+}
+.p_toolRightToRight .rightSideTitle img{
+  margin-right:4px;
 }
+
 .p_toolRightToRight .rightSideTitle .titleSideColumn{
   color:#1551FF;
 }
+
 .p_toolRightToRight .rightSkillContainer{
   min-height:40%;
 }
@@ -167,7 +193,6 @@ const style=`
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 10px;
-  margin-bottom: 20px;
 }
 .p_toolRightToRight .rightSkillContainer .rightSkillList .rightSkillItem{
   text-align: center;
@@ -175,19 +200,30 @@ const style=`
 }
 .p_toolRightToRight .rightSkillContainer .rightSkillList .rightSkillItem img{
   width: 40px;
-   height: 40px;
+  height: 40px;
+  border-radius:10px;
 }
 .p_toolRightToRight .rightSkillContainer .rightSkillList .rightSkillItem  p{
+  margin-top:0px;
+  margin-bottom:4px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   width:80px;
+  color: #333333;
 }
 .p_toolRightToRight .rightKnowledgeTitle{
-  margin-bottom:64px;
+  margin-bottom:1.4rem;
   font-size:18px;
   font-weight:500;
+  display:flex;
+  align-items: center;
+}
+
+.p_toolRightToRight .rightKnowledgeTitle img{
+  margin-right:4px;
 }
+
 .p_toolRightToRight .rightKnowledgeContainer{
   position:relative;
 }
@@ -219,7 +255,8 @@ const style=`
 .p_newDialog {
   width: 252px;
   height: 40px;
-  background: linear-gradient(244deg, #828EFE 0%, #4B4FFF 100%);
+  min-height:40px;
+  background: linear-gradient( 45deg, #1551FF 0%, #8F4BFF 100%);
   margin-top: 20px;
   border-radius: 20px;
   cursor: pointer;
@@ -253,11 +290,29 @@ const defaultList = [
   },
 ];
 
+const formatFileSize = (bytes) => {
+  // 如果字节数为0，直接返回
+  if(isEmpty(bytes)) {
+    return { formattedSize: 0, unit: 'B' };
+  }
+  if(bytes === 0) return { formattedSize: 0, unit: 'B' };
+
+  // 定义单位和对应的字节数（1024进制）
+  const units = ['B', 'KB', 'MB', 'GB', 'TB', 'PB'];
+  // 计算合适的单位索引
+  const index = Math.floor(Math.log(bytes) / Math.log(1024));
+  // 将字节数转换为目标单位
+  const size = bytes / Math.pow(1024, index);
+  // 保留两位小数，并去除多余的0
+  const formattedSize = size.toFixed(2).replace(/\.?0+$/, '');
+  return { formattedSize, unit: units[index] }
+}
+
 
 const api_key = 'sk-mniUFDpcWwvNF3iFzssXa6etN-S_Y4AApyHYcBU44L0';
 
 
-class ToolDialog extends React.Component {
+export class ToolDialog extends React.Component {
   state = {
     historyList: [], // 历史对话列表
     sessionId: uuidv4(), // 当前激活的对话对应的sessionId
@@ -267,14 +322,17 @@ class ToolDialog extends React.Component {
   };
 
   async componentDidMount() {
-    const sceneData = await this.getSceneInfo();
-    console.log("sceneData",sceneData)
-    if(isEmpty(sceneData)) {
+    if(isEmpty(this.props.sceneId)){
+      //  兼容非场景打开的情况
       this.getHistoryList();
-    } else {
-      this.getHistoryList(sceneData);
+    }else{
+      const sceneData = await this.getSceneInfo();
+      if(isEmpty(sceneData)) {
+        this.getHistoryList();
+      } else {
+        this.getHistoryList(sceneData);
+      }
     }
-    this.setState({dropDownList:defaultList})
   }
 
   getCurrentFlowHistory=(flowId)=>{
@@ -288,13 +346,17 @@ class ToolDialog extends React.Component {
 
   // 获取历史对话列表
   getHistoryList = (sceneData) => {
-    const realFlowId = sceneData.flows[0].id || this.props.flowId;
-    this.setState({ currentFlow: sceneData.flows[0] })
+    const realFlowId = sceneData?.flows[0].id || this.props.flowId;
+    if(sceneData){
+      const currentFlow = sceneData.flows[0];
+      const dropDownList = this.getDropDownList(currentFlow.welcome_words);
+      this.setState({ currentFlow, dropDownList })
+    }
     this.getCurrentFlowHistory(realFlowId)
   };
 
   getSceneInfo = async ()=>{
-   const res = await getSceneInfo(this.props.hostUrl, this.props.sceneId,api_key);
+   const res = await getSceneInfo(this.props.hostUrl, this.props.sceneId, api_key);
     if(res.status === 200){
       this.setState({ sceneInfo: res.data });
     }
@@ -308,16 +370,29 @@ class ToolDialog extends React.Component {
       return;
     }
     this.setState({ sessionId: uuidv4() });
-    this.setState({ dropDownList: defaultList })
+    this.setState({ dropDownList: this.getDropDownList(this.state.currentFlow.welcome_words) })
   }
+
   updateSessionId = (sessionId) => {
     this.setState({ sessionId });
   };
 
+  getDropDownList = (welcome_words)=>{
+    if(isEmpty(welcome_words)){
+      return defaultList;
+    }
+   return  welcome_words.map((question,index)=>(
+        {
+          backgroundImg:defaultList[index].backgroundImg,
+          title:question,
+        }
+    ))
+  }
+
   render() {
     const dialogHeight = 650;
-    const { title, flowId, hostUrl, setDialogVisible, userInfo, tags, boxStyle, isShowSideRight } = this.props;
-    const { dropDownList, sceneInfo, currentFlow } = this.state;
+    const { title, flowId, hostUrl, setDialogVisible, userInfo, boxStyle, isShowSideRight } = this.props;
+    const { sceneInfo, currentFlow } = this.state;
     const { flows=[], name: sceneName } = sceneInfo;
     return (
         <div style={boxStyle}>
@@ -376,47 +451,60 @@ class ToolDialog extends React.Component {
               <ChatWidget
                   window_title={currentFlow.name}
                   flow_id={currentFlow.id}
-                  tags={tags}
+                  tags={currentFlow?.keywords||[]}
                   host_url={hostUrl}
-                  // height={dialogHeight + 'px'}
                   api_key={api_key}
                   session_id={this.state.sessionId}
                   userInfo={userInfo}
                   getHistoryList={this.getHistoryList}
                   setDropDownList={(list) => this.setState({ dropDownList: list })}
-                  dropDownList={dropDownList}
+                  dropDownList={this.state.dropDownList}
               />
             </div>
             {
               isShowSideRight&&
               <div className={"p_toolRightToRight"}>
                 <div className={"rightInnerContainer"}>
-                  <h3 className={"rightSideTitle"} ><span className={"titleSideColumn"} >▎</span>专项技能</h3>
-                  <div className={"rightSkillContainer"}>
-                    <div className={"rightSkillList"}>
-                      {flows.slice(0,9).map((item) => (
-                          <div className={"rightSkillItem"} key={item.id} onClick={()=>{
-                          //  右侧点击一个技能，更新sessionId，切换当前flow信息，重新查询历史记录
-                            this.setState({ sessionId: uuidv4(),currentFlow: item});
-                            this.getCurrentFlowHistory(item.id);
-                          }}>
-                            <img
-                                src={item.icon}
-                                alt={item.name}/>
-                            <p>{item.name}</p>
-                          </div>
-                      ))}
+                  <div>
+                    <h3 className={"rightSideTitle"}>
+                      <img width={15} src={self_skills}/>
+                      <span style={{ color: "#333333" }}>专项技能</span>
+                    </h3>
+                    <div className={"rightSkillContainer"}>
+                      <div className={"rightSkillList"}>
+                        {flows.slice(0,12).map((item) => (
+                            <div className={"rightSkillItem"} key={item.id} onClick={()=>{
+                              //  右侧点击一个技能，更新sessionId，切换当前flow信息，重新查询历史记录
+                              this.setState({
+                                sessionId: uuidv4(),
+                                currentFlow: item,
+                                dropDownList: this.getDropDownList(item.welcome_words)
+                              });
+                              this.getCurrentFlowHistory(item.id);
+                            }}>
+                              <img
+                                  src={item.icon}
+                                  alt={item.name}/>
+                              <p>{item.name}</p>
+                            </div>
+                        ))}
+                      </div>
                     </div>
                   </div>
-                  <h4 className={"rightKnowledgeTitle"} style={{ marginBottom: '36px' }}><span style={{color:"#1551FF"}}>▎</span>个人知识库</h4>
-                  <div className={"rightKnowledgeContainer"} style={{ marginBottom: '20px' }}>
-                    <img src={moreBg}/>
-                    <div style={{position:'absolute', top:'40px',left:'16px'}}>
-                      <div>文件总数<span style={{padding:8,fontSize:'20px',fontWeight:700}}>180</span>个</div>
-                      <div style={{marginTop:10}}>文件总量<span style={{padding:8,fontSize:'20px',fontWeight:700}}>200</span>GB</div>
-                    </div>
-                    <div className={"rightMoreButton"}>
-                      <div className={"rightMoreTitle"} onClick={()=>messageTip.info("敬请期待")}>训练你的专属知识库</div>
+                  <div>
+                    <h3 className={"rightKnowledgeTitle"}>
+                      <img width={15} src={self_knowledge}/>
+                      <span style={{ color: "#333333" }}>个人知识库</span>
+                    </h3>
+                    <div className={"rightKnowledgeContainer"}>
+                      <img src={moreBg}/>
+                      <div style={{position:'absolute', top:'40px',left:'16px'}}>
+                        <div>文件总数<span style={{padding:8,fontSize:'20px',fontWeight:700}}>{currentFlow.k_count||0}</span>个</div>
+                        <div style={{marginTop:10}}>文件总量<span style={{padding:8,fontSize:'20px',fontWeight:700}}>{formatFileSize(currentFlow.k_size).formattedSize}</span>{formatFileSize(currentFlow.k_size).unit}</div>
+                      </div>
+                      <div className={"rightMoreButton"}>
+                        <div className={"rightMoreTitle"} onClick={()=>messageTip.info("敬请期待")}>训练你的专属知识库</div>
+                      </div>
                     </div>
                   </div>
                 </div>

package/src/chatWidget/index.tsx

@@ -250,6 +250,8 @@ textarea {
   /* 2 */
   padding: 0;
   /* 3 */
+  border-top-left-radius: 50px;
+  border-bottom-left-radius: 50px;
 }
 
 /*
@@ -752,9 +754,11 @@ video {
   align-items: center;
   border-top-width: 1px;
   --tw-border-opacity: 1;
-  border-color: rgb(229 231 235 / var(--tw-border-opacity));
+  // border-color: rgb(229 231 235 / var(--tw-border-opacity));
   --tw-bg-opacity: 1;
-  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+  // background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+    border-top-right-radius: 50px;
+    border-bottom-right-radius: 50px;
 }
 
 .cl-chat-message {

package/src/index.tsx

@@ -1,6 +1,5 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
-import r2wc from '@r2wc/react-to-web-component';
 import LogoBtn from './YtChatView/logoBtn/index';
 import ToolDialog from "./YtChatView/previewDialog/index";
 import LogoSplitBtn from "./YtChatView/logoSplitBtn/index";
@@ -8,53 +7,4 @@ import LogoSplitBtn from "./YtChatView/logoSplitBtn/index";
 // 手动注入 React 和 ReactDOM 到全局
 window.React = React;
 window.ReactDOM = ReactDOM;
-
-customElements.define('yt-chat', r2wc(LogoBtn, {
-    shadow: "closed",
-    props: {
-        left: "number",
-        right: "number",
-        top: "number",
-        bottom: "number",
-        width: "number",
-        height: "number",
-        iconUrl: "string",
-        title: "string",
-        flowId: "string",
-        hostUrl: "string",
-        userInfo: "json",
-        tags: "json"
-    },
-}));
-
-customElements.define('yt-page-chat', r2wc(ToolDialog, {
-    shadow: "closed",
-    props: {
-        title: "string",
-        flowId: "string",
-        hostUrl: "string",
-        setDialogVisible: "function",
-        userInfo: "json",
-        tags: "json",
-        boxStyle: "json"
-    },
-}));
-
-customElements.define('yt-split-modal-chat', r2wc(LogoSplitBtn, {
-    shadow: "closed",
-    props: {
-        left: "number",
-        right: "number",
-        top: "number",
-        bottom: "number",
-        width: "number",
-        height: "number",
-        iconUrl: "string",
-        title: "string",
-        flowId: "string",
-        hostUrl: "string",
-        userInfo: "json",
-        tags: "json",
-        sceneId: "string"
-    },
-}));
+export {ToolDialog, LogoSplitBtn, LogoBtn}

package/build/asset-manifest.json

@@ -1,16 +0,0 @@
-{
-  "files": {
-    "main.css": "/static/css/main.6f7c593d.css",
-    "main.js": "/static/js/main.cb252095.js",
-    "static/media/moreBg.png": "/static/media/moreBg.9fc998472925cecd89f2.png",
-    "static/media/history-list-empty.png": "/static/media/history-list-empty.1eb65b1550aef4e8c8a4.png",
-    "static/media/aiavatar.png": "/static/media/aiavatar.74bafa995cce4c01b804.png",
-    "index.html": "/index.html",
-    "main.6f7c593d.css.map": "/static/css/main.6f7c593d.css.map",
-    "main.cb252095.js.map": "/static/js/main.cb252095.js.map"
-  },
-  "entrypoints": [
-    "static/css/main.6f7c593d.css",
-    "static/js/main.cb252095.js"
-  ]
-}

package/build/index.html

@@ -1 +0,0 @@
-<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Document</title><script defer="defer" src="/static/js/main.cb252095.js"></script><link href="/static/css/main.6f7c593d.css" rel="stylesheet"></head><body style="width:100vw;height:100vh;position:relative;margin:unset"><yt-split-modal-chat right="100" bottom="100" width="50" height="50" title="菜鸟驿站" icon-url="https://trans-from-yuntu-resourse.oss-cn-beijing.aliyuncs.com/smartSchool/appCreator/school/ccit/user/xc//image/ebfaf4da-c1d9-46fb-a0b1-f159e95cffc2_AI招生咨询小助手.png" host-url="https://ai-api.yuntu.cn" user-info='{"id": "123", "name": "John Doe", "code":"1606451129" }' flow-id="a8e7ebd8-9bf7-499b-9e4a-c235078a0910" scene-id="e6fb45ea-3415-44e1-a1c8-5e98963bf512"/></body></html>

package/build/static/css/main.6f7c593d.css

@@ -1,2 +0,0 @@
-.previewDialog_p_closeImg__i5\+iA{cursor:pointer;width:14px}.previewDialog_p_toolDialog__3xb34{display:flex}.previewDialog_p_toolDialog__3xb34 .previewDialog_p_toolLeft__LM7jB{align-items:center;background:linear-gradient(180deg,#cfdafc,#f0f3ff);border-bottom-left-radius:8px;border-top-left-radius:8px;display:flex;flex-direction:column;padding:24px}.previewDialog_p_toolDialog__3xb34 .previewDialog_p_toolLeft__LM7jB .previewDialog_p_toolLogo__-za2Z{align-items:center;display:flex;-webkit-user-select:none;user-select:none}.previewDialog_p_toolDialog__3xb34 .previewDialog_p_toolLeft__LM7jB .previewDialog_p_toolLogo__-za2Z .previewDialog_p_logoImg__Bq08Z{width:60px}.previewDialog_p_toolDialog__3xb34 .previewDialog_p_toolLeft__LM7jB .previewDialog_p_toolLogo__-za2Z .previewDialog_p_logoText__L3Iij{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#1551ff,#8f4bff);-webkit-background-clip:text;font-size:30px;font-weight:700;margin-left:10px;padding-top:16px}.previewDialog_p_toolDialog__3xb34 .previewDialog_p_toolLeft__LM7jB .previewDialog_p_historyDialog__D4O6R{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(180deg,#ffffff80,#fff0);border-image:linear-gradient(180deg,#fff,#fff0) 1 1;border-radius:10px;flex:1 1;margin-bottom:20px;margin-top:20px;position:relative;-webkit-user-select:none;user-select:none;width:100%}.previewDialog_p_toolDialog__3xb34 .previewDialog_p_toolLeft__LM7jB .previewDialog_p_historyDialog__D4O6R ::-webkit-scrollbar-thumb{background:#535353!important;border-radius:10px;-webkit-box-shadow:inset 0 0 5px #0003}.previewDialog_p_toolDialog__3xb34 .previewDialog_p_toolLeft__LM7jB .previewDialog_p_historyDialog__D4O6R .previewDialog_p_historyTitle__vCSO9{align-items:center;display:flex;padding:16px 16px 0}.previewDialog_p_toolDialog__3xb34 .previewDialog_p_toolLeft__LM7jB .previewDialog_p_historyDialog__D4O6R .previewDialog_p_historyTitle__vCSO9 .previewDialog_p_historyImg__QCbo8{width:20px}.previewDialog_p_toolDialog__3xb34 .previewDialog_p_toolLeft__LM7jB .previewDialog_p_historyDialog__D4O6R .previewDialog_p_historyTitle__vCSO9 .previewDialog_p_dialogTitle__vqPzy{color:#666;font-size:16px;font-weight:700;margin-left:10px}.previewDialog_p_toolDialog__3xb34 .previewDialog_p_toolLeft__LM7jB .previewDialog_p_historyDialog__D4O6R .previewDialog_p_historyListEmpty__2rf\+k{color:#999;font-size:12px;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.previewDialog_p_toolDialog__3xb34 .previewDialog_p_toolLeft__LM7jB .previewDialog_p_historyDialog__D4O6R .previewDialog_p_historyList__Rpgyz{margin-top:10px;overflow-y:auto;scrollbar-width:none!important}.previewDialog_p_toolDialog__3xb34 .previewDialog_p_toolLeft__LM7jB .previewDialog_p_historyDialog__D4O6R .previewDialog_p_historyList__Rpgyz:hover{scrollbar-color:#ced4e3 #0000;scrollbar-width:thin!important}.previewDialog_p_toolDialog__3xb34 .previewDialog_p_toolLeft__LM7jB .previewDialog_p_historyDialog__D4O6R .previewDialog_p_historyList__Rpgyz .previewDialog_p_historyItem__Kw7cV{padding:7px 16px}.previewDialog_p_toolDialog__3xb34 .previewDialog_p_toolLeft__LM7jB .previewDialog_p_historyDialog__D4O6R .previewDialog_p_historyList__Rpgyz .previewDialog_p_historyItem__Kw7cV .previewDialog_p_activeHistoryName__TloOq{color:#1552ff!important}.previewDialog_p_toolDialog__3xb34 .previewDialog_p_toolLeft__LM7jB .previewDialog_p_historyDialog__D4O6R .previewDialog_p_historyList__Rpgyz .previewDialog_p_historyItem__Kw7cV .previewDialog_p_historyName__U2GGT{color:#333;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.previewDialog_p_toolDialog__3xb34 .previewDialog_p_toolLeft__LM7jB .previewDialog_p_historyDialog__D4O6R .previewDialog_p_historyList__Rpgyz .previewDialog_p_historyItem__Kw7cV .previewDialog_p_historyName__U2GGT:hover{color:#171717}.previewDialog_p_toolDialog__3xb34 .previewDialog_p_toolRight__9aGBc{flex:1 1;width:calc(100% - 300px)}.previewDialog_p_newDialog__QFzaB{align-items:center;background:linear-gradient(244deg,#828efe,#4b4fff);border-radius:20px;cursor:pointer;display:flex;height:40px;justify-content:center;margin-top:20px;width:252px}.previewDialog_p_newDialog__QFzaB img{width:18px}.previewDialog_p_newDialog__QFzaB .previewDialog_p_newDialogText__2Ne7Z{color:#fff;margin-left:6px}.yt-chat-modal .ant-modal-content{padding:0!important}
-/*# sourceMappingURL=main.6f7c593d.css.map*/

package/build/static/css/main.6f7c593d.css.map

@@ -1 +0,0 @@
-{"version":3,"file":"static/css/main.6f7c593d.css","mappings":"AAAA,kCAEE,cAAe,CADf,UAEF,CAEA,mCACE,YACF,CAEA,oEAGE,kBAAmB,CAGnB,kDAA6D,CAG7D,6BAA8B,CAD9B,0BAA2B,CAP3B,YAAa,CACb,qBAAsB,CAKtB,YAGF,CAEA,qGAGE,kBAAmB,CADnB,YAAa,CADb,wBAAiB,CAAjB,gBAGF,CAEA,qIACE,UACF,CAEA,sIAOE,6BAAoC,CAFpC,iDAAuD,CACvD,4BAA6B,CAF7B,cAAe,CAHf,eAAiB,CACjB,gBAAiB,CACjB,gBAKF,CAEA,0GASE,kCAA2B,CAA3B,0BAA2B,CAF3B,kDAA6F,CAC7F,mDAAyF,CAJzF,kBAAmB,CACnB,QAAO,CAFP,kBAAmB,CADnB,eAAgB,CAQhB,iBAAkB,CATlB,wBAAiB,CAAjB,gBAAiB,CAKjB,UAKF,CAEA,oIAGE,4BAA8B,CAF9B,kBAAmB,CACnB,sCAEF,CAEA,+IAGE,kBAAmB,CADnB,YAAa,CADb,mBAGF,CAEA,kLACE,UACF,CAEA,mLAIE,UAAc,CAFd,cAAe,CADf,eAAiB,CAEjB,gBAEF,CAEA,oJAOE,UAAc,CADd,cAAe,CAHf,QAAS,CAFT,iBAAkB,CAIlB,iBAAkB,CAHlB,OAAQ,CAER,8BAIF,CAEA,8IACE,eAAgB,CAEhB,eAAgB,CAChB,8BACF,CAEA,oJAEE,6BAAoC,CADpC,8BAEF,CAEA,kLACE,gBACF,CAEA,4NACE,uBACF,CAEA,sNACE,UAAc,CAId,cAAe,CAHf,eAAgB,CAChB,sBAAuB,CACvB,kBAEF,CAEA,4NACE,aACF,CAEA,qEACE,QAAO,CACP,wBACF,CAEA,kCAQE,kBAAmB,CALnB,kDAA6D,CAE7D,kBAAmB,CACnB,cAAe,CACf,YAAa,CALb,WAAY,CAOZ,sBAAuB,CALvB,eAAgB,CAHhB,WASF,CAEA,sCACE,UACF,CAEA,wEACE,UAAW,CACX,eACF,CC9IA,kCACI,mBACJ","sources":["YtChatView/previewDialog/index.module.css","YtChatView/logoSplitBtn/index.css"],"sourcesContent":[".p_closeImg {\n  width: 14px;\n  cursor: pointer;\n}\n\n.p_toolDialog {\n  display: flex;\n}\n\n.p_toolDialog .p_toolLeft {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  /*width: 300px;*/\n  /*height: 100%;*/\n  background: linear-gradient(180deg, #CFDAFC 0%, #F0F3FF 100%);\n  padding: 24px;\n  border-top-left-radius: 8px;\n  border-bottom-left-radius: 8px;\n}\n\n.p_toolDialog .p_toolLeft .p_toolLogo {\n  user-select: none;\n  display: flex;\n  align-items: center;\n}\n\n.p_toolDialog .p_toolLeft .p_toolLogo .p_logoImg {\n  width: 60px;\n}\n\n.p_toolDialog .p_toolLeft .p_toolLogo .p_logoText {\n  font-weight: bold;\n  margin-left: 10px;\n  padding-top: 16px;\n  font-size: 30px;\n  background: linear-gradient(to right, #1551FF, #8F4BFF);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\n.p_toolDialog .p_toolLeft .p_historyDialog {\n  user-select: none;\n  margin-top: 20px;\n  margin-bottom: 20px;\n  border-radius: 10px;\n  flex: 1;\n  width: 100%;\n  background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);\n  border-image: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)) 1 1;\n  backdrop-filter: blur(10px);\n  position: relative;\n}\n\n.p_toolDialog .p_toolLeft .p_historyDialog ::-webkit-scrollbar-thumb {\n  border-radius: 10px;\n  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);\n  background: #535353 !important;\n}\n\n.p_toolDialog .p_toolLeft .p_historyDialog .p_historyTitle {\n  padding: 16px 16px 0 16px;\n  display: flex;\n  align-items: center;\n}\n\n.p_toolDialog .p_toolLeft .p_historyDialog .p_historyTitle .p_historyImg {\n  width: 20px;\n}\n\n.p_toolDialog .p_toolLeft .p_historyDialog .p_historyTitle .p_dialogTitle {\n  font-weight: bold;\n  font-size: 16px;\n  margin-left: 10px;\n  color: #666666;\n}\n\n.p_toolDialog .p_toolLeft .p_historyDialog .p_historyListEmpty {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  text-align: center;\n  font-size: 12px;\n  color: #999999;\n}\n\n.p_toolDialog .p_toolLeft .p_historyDialog .p_historyList {\n  margin-top: 10px;\n  /*height: 360px;*/\n  overflow-y: auto;\n  scrollbar-width: none !important; /* firefox */\n}\n\n.p_toolDialog .p_toolLeft .p_historyDialog .p_historyList:hover {\n  scrollbar-width: thin !important; /* firefox */\n  scrollbar-color: #ced4e3 transparent;\n}\n\n.p_toolDialog .p_toolLeft .p_historyDialog .p_historyList .p_historyItem {\n  padding: 7px 16px;\n}\n\n.p_toolDialog .p_toolLeft .p_historyDialog .p_historyList .p_historyItem .p_activeHistoryName {\n  color: #1552FF !important;\n}\n\n.p_toolDialog .p_toolLeft .p_historyDialog .p_historyList .p_historyItem .p_historyName {\n  color: #333333;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  cursor: pointer;\n}\n\n.p_toolDialog .p_toolLeft .p_historyDialog .p_historyList .p_historyItem .p_historyName:hover {\n  color: #171717;\n}\n\n.p_toolDialog .p_toolRight {\n  flex: 1;\n  width: calc(100% - 300px);\n}\n\n.p_newDialog {\n  width: 252px;\n  height: 40px;\n  background: linear-gradient(244deg, #828EFE 0%, #4B4FFF 100%);\n  margin-top: 20px;\n  border-radius: 20px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.p_newDialog img {\n  width: 18px;\n}\n\n.p_newDialog .p_newDialogText {\n  color: #fff;\n  margin-left: 6px;\n}","/* Modal 样式 */\n.yt-chat-modal .ant-modal-content {\n    padding: 0 !important;\n}"],"names":[],"sourceRoot":""}