yt-chat-components 0.1.0

package/.idea/langflow-embedded-chat.iml

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$">
+      <excludeFolder url="file://$MODULE_DIR$/temp" />
+      <excludeFolder url="file://$MODULE_DIR$/.tmp" />
+      <excludeFolder url="file://$MODULE_DIR$/tmp" />
+    </content>
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>

package/.idea/modules.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/langflow-embedded-chat.iml" filepath="$PROJECT_DIR$/.idea/langflow-embedded-chat.iml" />
+    </modules>
+  </component>
+</project>

package/.idea/sonarlint/issuestore/index.pb

@@ -0,0 +1,19 @@
+
+T
+$src/chatWidget/chatTrigger/index.tsx,8/d/8d6123af13a140f93e06299fff7ea23c547e9ec8
+M
+src/chatPlaceholder/index.tsx,4/b/4b6989b8ccae808ebc45d02230d336ea53800365
+F
+src/reportWebVitals.ts,d/9/d938938695d447dadda115e28781c6541f53fc4f
+A
+src/setupTests.ts,3/9/39129446b425a1d640160c068e4194e96639eedf
+F
+src/react-app-env.d.ts,4/a/4a7b99bdbee5792679d347b6474463bf5e14b66d
+9
+	README.md,8/e/8ec9a00bfd09b3190ac6b22251dbb1aa95a0579d
+S
+#src/chatWidget/chatWindow/index.tsx,6/c/6c024c1d0ad64656b9d4b0695ec3c49c0454addf
+H
+src/controllers/index.ts,4/a/4a2f33951ce07c1ff7184f91877aa13db05d3785
+]
+-src/YtChatView/previewDialog/index.module.css,0/f/0f8c0c92cf798431ebb931ff6e997b1af86ecee5

package/.idea/vcs.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="$PROJECT_DIR$" vcs="Git" />
+  </component>
+</project>

package/README.md

@@ -0,0 +1,274 @@
+# Langflow Embedded Chat ⛓️
+
+Welcome to the Langflow Embedded Chat repository! 🎉
+
+The Langflow Embedded Chat is a powerful web component that enables seamless communication with the [Langflow ⛓️](https://github.com/logspace-ai/langflow). This widget provides a chat interface, allowing you to integrate Langflow ⛓️ into your web applications effortlessly.
+
+[![MIT License](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)
+
+## What is Langflow?
+
+Langflow is a no-code open-source project that empowers developers to build cutting-edge applications using Language Model technologies. With Langflow, you can leverage the power of LLMs (Large Language Models) to enhance user interactions, generate human-like text, and gain valuable insights from natural language data.
+
+## Features
+
+🌟 Seamless Integration: Easily integrate the Langflow Widget into your website or web application with just a few lines of JavaScript.
+
+🚀 Interactive Chat Interface: Engage your users with a user-friendly chat interface, powered by Langflow's advanced language understanding capabilities.
+
+🎛️ Customizable Styling: Customize the appearance of the chat widget to match your application's design and branding.
+
+🌐 Multilingual Support: Communicate with users in multiple languages, opening up your application to a global audience.
+
+## Installation
+
+### Option 1: CDN Link
+
+Use the Langflow Widget directly from the CDN by including the following script tag in your HTML:
+
+```html
+<script src="https://cdn.jsdelivr.net/gh/logspace-ai/langflow-embedded-chat@v1.0.7/dist/build/static/js/bundle.min.js"></script>
+```
+
+### Option 2: Local Build
+
+1. Clone this repository to your local machine:
+
+```bash
+git clone https://github.com/logspace-ai/langflow-embedded-chat.git
+```
+
+2. Navigate to the project directory:
+
+```bash
+cd langflow-embedded-chat
+```
+
+3. Build the project to generate the bundle:
+
+```bash
+npm run build
+```
+
+5. After the build process completes, you'll find the bundle in the `dist/build/static/js` folder. You can include this JavaScript file in your HTML:
+
+```html
+<script src="path/to/your/langflow-widget.js"></script>
+```
+
+## Usage
+
+### on simple HTML
+```html
+<html lang="en">
+<head>
+<script src="https://cdn.jsdelivr.net/gh/logspace-ai/langflow-embedded-chat@v1.0.7/dist/build/static/js/bundle.min.js"></script>
+</head>
+<body>
+<langflow-chat
+    host_url="langflow url"
+    flow_id="your_flow_id"
+  ></langflow-chat>
+</body>
+</html>
+```
+
+### on React
+ Import the js bundle in the index.html of your react project
+```html
+<script src="https://cdn.jsdelivr.net/gh/logspace-ai/langflow-embedded-chat@v1.0.7/dist/build/static/js/bundle.min.js"></script>
+```
+Encapsulate your custom element in a react component
+```html
+export default function ChatWidget() {
+  return (
+    <div>
+<langflow-chat
+    host_url="langflow url"
+    flow_id="your_flow_id"></langflow-chat>
+    </div>
+  );
+}
+```
+
+## Configuration
+
+Use the widget API to customize your widget:
+
+| Prop                  | Type      | Required |
+|-----------------------|-----------|----------|
+| api_key               | string    | No       |
+| bot_message_style     | json      | No       |
+| chat_position         | string    | No       |
+| chat_trigger_style    | json      | No       |
+| chat_window_style     | json      | No       |
+| output_type           | string    | No       |
+| input_type            | string    | No       |
+| output_component      | string    | No       |
+| error_message_style   | json      | No       |
+| flow_id               | string    | Yes      |
+| height                | number    | No       |
+| host_url              | string    | Yes      |
+| input_container_style | json      | No       |
+| input_style           | json      | No       |
+| online                | boolean   | No       |
+| start_open            | boolean   | No       |
+| online_message        | string    | No       |
+| placeholder           | string    | No       |
+| placeholder_sending   | string    | No       |
+| send_button_style     | json      | No       |
+| send_icon_style       | json      | No       |
+| tweaks                | json      | No       |
+| user_message_style    | json      | No       |
+| width                 | number    | No       |
+| window_title          | string    | No       |
+| session_id            | string    | No       |
+| additional_headers    | json      | No       |
+
+- **api_key:**
+  - Type: String
+  - Required: No
+  - Description: X-API-Key header to send to Langflow
+
+
+- **bot_message_style:**
+  - Type: JSON
+  - Required: No
+  - Description: Styling options for formatting bot messages in the chat window.
+
+- **input_type:**
+  - Type: String
+  - Required: No
+  - Description: Specifies the input type for chat messages.
+
+- **output_type:**
+  - Type: String
+  - Required: No
+  - Description: Specifies the output type for chat messages.
+
+- **output_component:**
+  - Type: String
+  - Required: No
+  - Description: Specify the output ID for chat messages; this is necessary when multiple outputs are present.
+ 
+- **chat_position:**
+  - Type: String
+  - Required: No
+  - Description: Determines the position of the chat window (top-left, top-center, top-right, center-left, center-right, bottom-right, bottom-center, bottom-left).
+
+- **chat_trigger_style:**
+  - Type: JSON
+  - Required: No
+  - Description: Styling options for the chat trigger.
+
+- **chat_window_style:**
+  - Type: JSON
+  - Required: No
+  - Description: Styling options for the overall chat window.
+
+- **error_message_style:**
+  - Type: JSON
+  - Required: No
+  - Description: Styling options for error messages in the chat window.
+
+- **flow_id:**
+  - Type: String
+  - Required: Yes
+  - Description: Identifier for the flow associated with the component.
+
+- **height:**
+  - Type: Number
+  - Required: No
+  - Description: Specifies the height of the chat window in pixels.
+
+- **host_url:**
+  - Type: String
+  - Required: Yes
+  - Description: The URL of the host for communication with the chat component.
+
+- **input_container_style:**
+  - Type: JSON
+  - Required: No
+  - Description: Styling options for the input container where chat messages are typed.
+
+- **input_style:**
+  - Type: JSON
+  - Required: No
+  - Description: Styling options for the chat input field.
+
+- **Online:**
+  - Type: Boolean
+  - Required: No
+  - Description: Indicates if the chat component is online or offline.
+
+- **start_open:**
+  - Type: Boolean
+  - Required: No
+  - Description: Indicates if the chat window should be open by default.
+
+- **online_message:**
+  - Type: String
+  - Required: No
+  - Description: Custom message to display when the chat component is online.
+
+- **placeholder:**
+  - Type: String
+  - Required: No
+  - Description: Placeholder text for the chat input field.
+
+- **placeholder_sending:**
+  - Type: String
+  - Required: No
+  - Description: Placeholder text to display while a message is being sent.
+
+- **send_button_style:**
+  - Type: JSON
+  - Required: No
+  - Description: Styling options for the send button in the chat window.
+
+- **send_icon_style:**
+  - Type: JSON
+  - Required: No
+  - Description: Styling options for the send icon in the chat window.
+
+- **tweaks:**
+  - Type: JSON
+  - Required: No
+  - Description: Additional custom tweaks for the associated flow.
+
+- **user_message_style:**
+  - Type: JSON
+  - Required: No
+  - Description: Styling options for formatting user messages in the chat window.
+
+- **width:**
+  - Type: Number
+  - Required: No
+  - Description: Specifies the width of the chat window in pixels.
+
+- **window_title:**
+  - Type: String
+  - Required: No
+  - Description: Title for the chat window, displayed in the header or title bar.
+
+- **session_id:**
+  - Type: String
+  - Required: No
+  - Description: Custom session id to override the random session id used as default.
+
+- **additional_headers:**
+  - Type: JSON
+  - Required: No
+  - Description: Additional headers to be sent to Langflow server
+
+
+## Live example:
+Try out or [live example](https://codesandbox.io/s/langflow-embedded-chat-example-dv9zpx) to see how the Langflow Embedded Chat ⛓️ works. 
+
+1. first create a Flow and save it using [Langflow ⛓️](https://github.com/logspace-ai/langflow).
+2. Get the hosted URL to use in the live example.
+3. If you are using a public host (like [Hugging Face Spaces](https://huggingface.co/spaces/Logspace/Langflow)) use tweaks to keep your API keys safe.
+
+## License
+
+This project is licensed under the [MIT License](https://opensource.org/licenses/MIT) - see the [LICENSE](https://github.com/logspace-ai/langflow-embedded-chat/tree/main/LICENSE) file for details.

package/build/asset-manifest.json

@@ -0,0 +1,16 @@
+{
+  "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

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

@@ -0,0 +1,2 @@
+.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

@@ -0,0 +1 @@
+{"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":""}