@touchvue/chat 1.0.0-beta.53 → 1.0.0-beta.55

package/lib/packages/components/touchchat/utils/fetchStream.js.map

@@ -1 +1 @@
-{"version":3,"file":"fetchStream.js","sources":["../../../../../../packages/components/touchchat/utils/fetchStream.ts"],"sourcesContent":["// 定义 FetchStream 所需的选项接口\ninterface FetchStreamOptions {\n\turl: string\n\trequestInit?: RequestInit\n\tonmessage?: (line: string, index: number) => void\n\tondone?: (allDataText: string) => void\n\tonerror?: (response: Response | Error) => void\n\tonabort?: () => void\n\tontimeout?: () => void\n}\n\nconst decoder = new TextDecoder('utf-8')\nlet partial = '' // 未完成的字节\n\n// 改进的handleChunk函数，更安全地处理UTF-8字符\nconst handleChunk = (chunk: Uint8Array): string => {\n\t// 将新数据块拼接到剩余字节\n\tconst data = partial + decoder.decode(chunk, { stream: true })\n\n\t// 查找最后一个完整行结束位置\n\tconst lastNewline = data.lastIndexOf('\\n')\n\n\tif (lastNewline >= 0) {\n\t\tpartial = data.slice(lastNewline + 1) // 保留不完整部分\n\t\treturn data.slice(0, lastNewline + 1) // 返回完整行\n\t}\n\n\t// 如果没有找到换行符，保留全部数据\n\tpartial = data\n\treturn ''\n}\n\n// FetchStream 类，用于处理流式请求\nexport class FetchStream {\n\turl: string\n\trequestInit: RequestInit\n\tonmessage?: (line: string, index: number) => void\n\tondone?: (allDataText: string) => void\n\tonerror?: (response: Response | Error) => void\n\tonabort?: () => void\n\tontimeout?: () => void\n\tcontroller: AbortController | null\n\ttimer: ReturnType<typeof setTimeout> | null\n\n\tconstructor(options: FetchStreamOptions) {\n\t\tif (!options.url) {\n\t\t\tthrow new Error('url argument must be provided')\n\t\t}\n\t\tthis.url = options.url\n\t\tthis.requestInit = options.requestInit || {}\n\t\tthis.onmessage = options.onmessage\n\t\tthis.ondone = options.ondone\n\t\tthis.onerror = options.onerror\n\t\tthis.onabort = options.onabort\n\t\tthis.ontimeout = options.ontimeout\n\n\t\tthis.controller = new AbortController()\n\t\tthis.timer = null\n\n\t\tthis.createFetchRequest()\n\t}\n\n\t// 创建 fetch 请求\n\tasync createFetchRequest(): Promise<void> {\n\t\tthis.timeout()\n\n\t\ttry {\n\t\t\tconst response = await fetch(this.url, {\n\t\t\t\tmethod: 'POST',\n\t\t\t\tsignal: this.controller?.signal,\n\t\t\t\t...this.requestInit\n\t\t\t})\n\n\t\t\tif (this.timer) {\n\t\t\t\tclearTimeout(this.timer)\n\t\t\t}\n\n\t\t\tif (response.status === 200) {\n\t\t\t\tif (!response.body) {\n\t\t\t\t\tthrow new Error('Response body is null')\n\t\t\t\t}\n\t\t\t\tconst reader = response.body.getReader()\n\t\t\t\tlet allDataText = ''\n\t\t\t\tlet buffer = ''\n\t\t\t\tlet index = 0\n\n\t\t\t\tlet shouldContinue = true\n\t\t\t\twhile (shouldContinue) {\n\t\t\t\t\tconst { value, done } = await reader.read()\n\t\t\t\t\tif (done) {\n\t\t\t\t\t\tshouldContinue = false\n\t\t\t\t\t\tbreak\n\t\t\t\t\t}\n\t\t\t\t\tif (value) {\n\t\t\t\t\t\tconst dataText = handleChunk(value)\n\n\t\t\t\t\t\tif (dataText) {\n\t\t\t\t\t\t\tallDataText += dataText\n\t\t\t\t\t\t\tbuffer += dataText\n\n\t\t\t\t\t\t\t// 处理完整行\n\t\t\t\t\t\t\tlet lineEndIndex\n\t\t\t\t\t\t\twhile ((lineEndIndex = buffer.indexOf('\\n')) >= 0) {\n\t\t\t\t\t\t\t\tconst line = buffer.slice(0, lineEndIndex)\n\t\t\t\t\t\t\t\tbuffer = buffer.slice(lineEndIndex + 1)\n\t\t\t\t\t\t\t\tthis.onmessage?.(line, index++)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// 处理剩余数据\n\t\t\t\tif (buffer.length > 0) {\n\t\t\t\t\tthis.onmessage?.(buffer, index++)\n\t\t\t\t}\n\n\t\t\t\tthis.ondone?.(allDataText)\n\t\t\t} else {\n\t\t\t\t// 读取响应体中的错误信息\n\t\t\t\tconst errorBody = await response.text()\n\t\t\t\tthrow new Error(errorBody || `请求失败: ${response.status} ${response.statusText}`)\n\t\t\t}\n\t\t} catch (response) {\n\t\t\t// 如果是用户主动中止的错误，不调用onerror\n\t\t\tconst isAbortError = response instanceof Error && response.name === 'AbortError'\n\n\t\t\t// 如果不是用户主动中止的错误，则调用 onerror\n\t\t\tif (!isAbortError) {\n\t\t\t\tthis.onerror?.(response instanceof Response ? response : new Error(String(response)))\n\t\t\t} else if (this.onabort) {\n\t\t\t\t// 如果是中止错误且定义了 onabort 回调，则调用它\n\t\t\t\tthis.onabort()\n\t\t\t}\n\t\t}\n\t}\n\n\t// 中断 fetch 请求\n\tabort(): void {\n\t\ttry {\n\t\t\tthis.controller?.abort()\n\t\t\tthis.onabort?.()\n\t\t} catch (error) {\n\t\t\tconsole.error('Abort error:', error)\n\t\t}\n\t}\n\n\t// 超时中断\n\ttimeout(time: number = 60000): void {\n\t\tthis.timer = setTimeout(() => {\n\t\t\tthis.abort()\n\t\t\tthis.ontimeout?.()\n\t\t}, time)\n\t}\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"fetchStream.js","sources":["../../../../../../packages/components/touchchat/utils/fetchStream.ts"],"sourcesContent":["// 定义 FetchStream 所需的选项接口\r\ninterface FetchStreamOptions {\r\n\turl: string\r\n\trequestInit?: RequestInit\r\n\tonmessage?: (line: string, index: number) => void\r\n\tondone?: (allDataText: string) => void\r\n\tonerror?: (response: Response | Error) => void\r\n\tonabort?: () => void\r\n\tontimeout?: () => void\r\n}\r\n\r\nconst decoder = new TextDecoder('utf-8')\r\nlet partial = '' // 未完成的字节\r\n\r\n// 改进的handleChunk函数，更安全地处理UTF-8字符\r\nconst handleChunk = (chunk: Uint8Array): string => {\r\n\t// 将新数据块拼接到剩余字节\r\n\tconst data = partial + decoder.decode(chunk, { stream: true })\r\n\r\n\t// 查找最后一个完整行结束位置\r\n\tconst lastNewline = data.lastIndexOf('\\n')\r\n\r\n\tif (lastNewline >= 0) {\r\n\t\tpartial = data.slice(lastNewline + 1) // 保留不完整部分\r\n\t\treturn data.slice(0, lastNewline + 1) // 返回完整行\r\n\t}\r\n\r\n\t// 如果没有找到换行符，保留全部数据\r\n\tpartial = data\r\n\treturn ''\r\n}\r\n\r\n// FetchStream 类，用于处理流式请求\r\nexport class FetchStream {\r\n\turl: string\r\n\trequestInit: RequestInit\r\n\tonmessage?: (line: string, index: number) => void\r\n\tondone?: (allDataText: string) => void\r\n\tonerror?: (response: Response | Error) => void\r\n\tonabort?: () => void\r\n\tontimeout?: () => void\r\n\tcontroller: AbortController | null\r\n\ttimer: ReturnType<typeof setTimeout> | null\r\n\r\n\tconstructor(options: FetchStreamOptions) {\r\n\t\tif (!options.url) {\r\n\t\t\tthrow new Error('url argument must be provided')\r\n\t\t}\r\n\t\tthis.url = options.url\r\n\t\tthis.requestInit = options.requestInit || {}\r\n\t\tthis.onmessage = options.onmessage\r\n\t\tthis.ondone = options.ondone\r\n\t\tthis.onerror = options.onerror\r\n\t\tthis.onabort = options.onabort\r\n\t\tthis.ontimeout = options.ontimeout\r\n\r\n\t\tthis.controller = new AbortController()\r\n\t\tthis.timer = null\r\n\r\n\t\tthis.createFetchRequest()\r\n\t}\r\n\r\n\t// 创建 fetch 请求\r\n\tasync createFetchRequest(): Promise<void> {\r\n\t\tthis.timeout()\r\n\r\n\t\ttry {\r\n\t\t\tconst response = await fetch(this.url, {\r\n\t\t\t\tmethod: 'POST',\r\n\t\t\t\tsignal: this.controller?.signal,\r\n\t\t\t\t...this.requestInit\r\n\t\t\t})\r\n\r\n\t\t\tif (this.timer) {\r\n\t\t\t\tclearTimeout(this.timer)\r\n\t\t\t}\r\n\r\n\t\t\tif (response.status === 200) {\r\n\t\t\t\tif (!response.body) {\r\n\t\t\t\t\tthrow new Error('Response body is null')\r\n\t\t\t\t}\r\n\t\t\t\tconst reader = response.body.getReader()\r\n\t\t\t\tlet allDataText = ''\r\n\t\t\t\tlet buffer = ''\r\n\t\t\t\tlet index = 0\r\n\r\n\t\t\t\tlet shouldContinue = true\r\n\t\t\t\twhile (shouldContinue) {\r\n\t\t\t\t\tconst { value, done } = await reader.read()\r\n\t\t\t\t\tif (done) {\r\n\t\t\t\t\t\tshouldContinue = false\r\n\t\t\t\t\t\tbreak\r\n\t\t\t\t\t}\r\n\t\t\t\t\tif (value) {\r\n\t\t\t\t\t\tconst dataText = handleChunk(value)\r\n\r\n\t\t\t\t\t\tif (dataText) {\r\n\t\t\t\t\t\t\tallDataText += dataText\r\n\t\t\t\t\t\t\tbuffer += dataText\r\n\r\n\t\t\t\t\t\t\t// 处理完整行\r\n\t\t\t\t\t\t\tlet lineEndIndex\r\n\t\t\t\t\t\t\twhile ((lineEndIndex = buffer.indexOf('\\n')) >= 0) {\r\n\t\t\t\t\t\t\t\tconst line = buffer.slice(0, lineEndIndex)\r\n\t\t\t\t\t\t\t\tbuffer = buffer.slice(lineEndIndex + 1)\r\n\t\t\t\t\t\t\t\tthis.onmessage?.(line, index++)\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t// 处理剩余数据\r\n\t\t\t\tif (buffer.length > 0) {\r\n\t\t\t\t\tthis.onmessage?.(buffer, index++)\r\n\t\t\t\t}\r\n\r\n\t\t\t\tthis.ondone?.(allDataText)\r\n\t\t\t} else {\r\n\t\t\t\t// 读取响应体中的错误信息\r\n\t\t\t\tconst errorBody = await response.text()\r\n\t\t\t\tthrow new Error(errorBody || `请求失败: ${response.status} ${response.statusText}`)\r\n\t\t\t}\r\n\t\t} catch (response) {\r\n\t\t\t// 如果是用户主动中止的错误，不调用onerror\r\n\t\t\tconst isAbortError = response instanceof Error && response.name === 'AbortError'\r\n\r\n\t\t\t// 如果不是用户主动中止的错误，则调用 onerror\r\n\t\t\tif (!isAbortError) {\r\n\t\t\t\tthis.onerror?.(response instanceof Response ? response : new Error(String(response)))\r\n\t\t\t} else if (this.onabort) {\r\n\t\t\t\t// 如果是中止错误且定义了 onabort 回调，则调用它\r\n\t\t\t\tthis.onabort()\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t// 中断 fetch 请求\r\n\tabort(): void {\r\n\t\ttry {\r\n\t\t\tthis.controller?.abort()\r\n\t\t\tthis.onabort?.()\r\n\t\t} catch (error) {\r\n\t\t\tconsole.error('Abort error:', error)\r\n\t\t}\r\n\t}\r\n\r\n\t// 超时中断\r\n\ttimeout(time: number = 60000): void {\r\n\t\tthis.timer = setTimeout(() => {\r\n\t\t\tthis.abort()\r\n\t\t\tthis.ontimeout?.()\r\n\t\t}, time)\r\n\t}\r\n}\r\n"],"names":[],"mappings":"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"}

package/lib/packages/components/touchchat/utils/markdown.js

@@ -10,7 +10,7 @@ var index$5 = require('../../../../node_modules/.pnpm/markdown-it-ins@4.0.0/node
 var index$6 = require('../../../../node_modules/.pnpm/markdown-it-mark@4.0.0/node_modules/markdown-it-mark/index.js');
 var index$7 = require('../../../../node_modules/.pnpm/markdown-it-sub@2.0.0/node_modules/markdown-it-sub/index.js');
 var index$8 = require('../../../../node_modules/.pnpm/markdown-it-sup@2.0.0/node_modules/markdown-it-sup/index.js');
-var purify_es = require('../../../../node_modules/.pnpm/dompurify@3.3.0/node_modules/dompurify/dist/purify.es.js');
+var purify_es = require('../../../../node_modules/.pnpm/dompurify@3.4.3/node_modules/dompurify/dist/purify.es.js');
 var hightIt = require('./hight-it.js');
 var index = require('../../../../node_modules/.pnpm/markdown-it@14.1.0/node_modules/markdown-it/lib/index.js');
 var full = require('../../../../node_modules/.pnpm/markdown-it-emoji@3.0.0/node_modules/markdown-it-emoji/lib/full.js');

package/package.json

@@ -1,83 +1,83 @@
-{
-	"name": "@touchvue/chat",
-	"version": "1.0.0-beta.53",
-	"description": "TouchVue Chat Component Library",
-	"main": "lib/index.js",
-	"module": "es/index.mjs",
-	"types": "types/index.d.ts",
-	"style": "theme/index.css",
-	"exports": {
-		".": {
-			"types": "./es/index.d.ts",
-			"import": "./es/index.mjs",
-			"require": "./lib/index.js"
-		},
-		"./global": {
-			"types": "./global.d.ts"
-		},
-		"./es": {
-			"types": "./es/index.d.ts",
-			"import": "./es/index.mjs"
-		},
-		"./lib": {
-			"types": "./lib/index.d.ts",
-			"require": "./lib/index.js"
-		},
-		"./es/*.mjs": {
-			"types": "./es/*.d.ts",
-			"import": "./es/*.mjs"
-		},
-		"./es/*": {
-			"types": [
-				"./es/*.d.ts",
-				"./es/*/index.d.ts"
-			],
-			"import": "./es/*.mjs"
-		},
-		"./lib/*.js": {
-			"types": "./lib/*.d.ts",
-			"require": "./lib/*.js"
-		},
-		"./lib/*": {
-			"types": [
-				"./lib/*.d.ts",
-				"./lib/*/index.d.ts"
-			],
-			"require": "./lib/*.js"
-		},
-		"./resolver": {
-			"types": "./es/resolver/index.d.ts",
-			"import": "./es/resolver/index.mjs",
-			"require": "./lib/resolver/index.js"
-		},
-		"./*": "./*"
-	},
-	"files": [
-		"lib",
-		"es",
-		"theme",
-		"types",
-		"global.d.ts",
-		"README.md"
-	],
-	"sideEffects": [
-		"*.css",
-		"*.less",
-		"theme/**/*"
-	],
-	"keywords": [
-		"vue",
-		"vue3",
-		"component",
-		"ui",
-		"library"
-	],
-	"author": "",
-	"license": "ISC",
-	"peerDependencies": {
-		"vue": "^3.3.0"
-	},
-	"publishConfig": {
-		"access": "public"
-	}
-}
+{
+	"name": "@touchvue/chat",
+	"version": "1.0.0-beta.55",
+	"description": "TouchVue Chat Component Library",
+	"main": "lib/index.js",
+	"module": "es/index.mjs",
+	"types": "types/index.d.ts",
+	"style": "theme/index.css",
+	"exports": {
+		".": {
+			"types": "./es/index.d.ts",
+			"import": "./es/index.mjs",
+			"require": "./lib/index.js"
+		},
+		"./global": {
+			"types": "./global.d.ts"
+		},
+		"./es": {
+			"types": "./es/index.d.ts",
+			"import": "./es/index.mjs"
+		},
+		"./lib": {
+			"types": "./lib/index.d.ts",
+			"require": "./lib/index.js"
+		},
+		"./es/*.mjs": {
+			"types": "./es/*.d.ts",
+			"import": "./es/*.mjs"
+		},
+		"./es/*": {
+			"types": [
+				"./es/*.d.ts",
+				"./es/*/index.d.ts"
+			],
+			"import": "./es/*.mjs"
+		},
+		"./lib/*.js": {
+			"types": "./lib/*.d.ts",
+			"require": "./lib/*.js"
+		},
+		"./lib/*": {
+			"types": [
+				"./lib/*.d.ts",
+				"./lib/*/index.d.ts"
+			],
+			"require": "./lib/*.js"
+		},
+		"./resolver": {
+			"types": "./es/resolver/index.d.ts",
+			"import": "./es/resolver/index.mjs",
+			"require": "./lib/resolver/index.js"
+		},
+		"./*": "./*"
+	},
+	"files": [
+		"lib",
+		"es",
+		"theme",
+		"types",
+		"global.d.ts",
+		"README.md"
+	],
+	"sideEffects": [
+		"*.css",
+		"*.less",
+		"theme/**/*"
+	],
+	"keywords": [
+		"vue",
+		"vue3",
+		"component",
+		"ui",
+		"library"
+	],
+	"author": "",
+	"license": "ISC",
+	"peerDependencies": {
+		"vue": "^3.3.0"
+	},
+	"publishConfig": {
+		"access": "public"
+	}
+}

package/theme/components/index.css

@@ -1007,6 +1007,7 @@ table.touchchat-table tr:hover {
   --action-icon-content: var(--quote-close-fill-content);
 }
 .touchchat-action-item.value-right-arrow {
+  cursor: pointer;
   --action-icon-content: var(--ai-may-like-item-icon-content);
   color: var(--ai-may-like-item-icon-color);
 }
@@ -1658,6 +1659,7 @@ table.touchchat-table tr:hover {
   --user-avatar-pic-width: 2.5em;
   --user-avatar-pic-height: auto;
   --user-avatar-pic-radius: 50%;
+  --user-file-avatar-padding-top: 4em;
   --user-bubble-bg: var(--color-primary);
   --user-bubble-color: #fff;
   --user-bubble-padding: 1em 1.5em;
@@ -1708,6 +1710,27 @@ table.touchchat-table tr:hover {
   --user-send-active-bg: #005fc7;
   --user-send-active-color: var(--user-send-color);
   --user-send-active-border: var(--user-send-border);
+  --audio-icon-width: 2em;
+  --audio-icon-height: 2em;
+  --audio-icon-bg: #fff;
+  --audio-icon-radius: 50%;
+  --audio-icon-shadow: 0 0.2em 0.4em rgba(0, 0, 0, 0.1);
+  --audio-icon-color: #0077fa;
+  --audio-icon-size: 1em;
+  --audio-duration-margin: 0 0 0 1em;
+  --audio-wave-gap: 0.2em;
+  --audio-wave-margin: 0 0 0 0.5em;
+  --audio-wave-width: 0.2em;
+  --audio-wave-height: 0.2em;
+  --audio-wave-bg: #fff;
+  --audio-wave-radius: 0.2em;
+  --audio-wave-start-height: 0.2em;
+  --audio-wave-end-height: 1.25em;
+  --audio-wave-during: 0.2s;
+  --viewed-color: var(--color-primary);
+  --viewed-radius: 50%;
+  --viewed-margin: 0 0 1.7em auto;
+  --viewed-width: 1.5em;
 }
 .touchchat-user {
   display: flex;
@@ -1729,7 +1752,7 @@ table.touchchat-table tr:hover {
   order: 2;
 }
 .file-user-avatar {
-  padding-top: 4em;
+  padding-top: var(--user-file-avatar-padding-top);
 }
 .touchchat-user-avatar-pic {
   width: var(--user-avatar-pic-width);
@@ -1737,7 +1760,7 @@ table.touchchat-table tr:hover {
   border-radius: var(--user-avatar-pic-radius);
   order: 2;
 }
-.touch-user-wrapper {
+.touchchat-user-wrapper {
   display: flex;
   align-items: flex-end;
 }
@@ -1762,6 +1785,15 @@ table.touchchat-table tr:hover {
   background: var(--user-bubble-arrow-bg);
   background-size: var(--user-bubble-arrow-bg-size);
 }
+.touchchat-user-bubble.is-link {
+  cursor: pointer;
+}
+.touchchat-user-bubble.is-link:hover {
+  filter: brightness(1.2);
+}
+.touchchat-user-bubble.is-link:active {
+  filter: brightness(0.8);
+}
 .touchchat-user-bubble-text {
   font-size: var(--user-bubble-text-size);
   font-weight: var(--user-bubble-text-weight);
@@ -1844,6 +1876,93 @@ table.touchchat-table tr:hover {
 .touchchat-user-send-text {
   font-size: var(--user-send-size);
 }
+.touchchat-audio {
+  display: flex;
+  align-items: center;
+}
+.touchchat-audio-icon {
+  flex-shrink: 0;
+  width: var(--audio-icon-width);
+  height: var(--audio-icon-height);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: var(--audio-icon-bg);
+  border-radius: var(--audio-icon-radius);
+  box-shadow: var(--audio-icon-shadow);
+}
+.touchchat-audio-icon-play {
+  font-family: 'touchchat-icon';
+  font-size: var(--audio-icon-size);
+  color: var(--audio-icon-color);
+}
+.touchchat-audio-icon-play:before {
+  content: '\e619';
+}
+.touchchat-audio-icon-pause {
+  font-family: 'touchchat-icon';
+  font-size: var(--audio-icon-size);
+  color: var(--audio-icon-color);
+}
+.touchchat-audio-icon-pause:before {
+  content: '\e618';
+}
+.touchchat-audio-duration {
+  margin: var(--audio-duration-margin);
+}
+.touchchat-audio-wave {
+  display: flex;
+  align-items: center;
+  gap: var(--audio-wave-gap);
+  margin: var(--audio-wave-margin);
+}
+.touchchat-audio-wave-bar {
+  width: var(--audio-wave-width);
+  height: var(--audio-wave-start-height);
+  background: var(--audio-wave-bg);
+  border-radius: var(--audio-wave-radius);
+  transition: height var(--audio-wave-during);
+}
+.touchchat-audio-wave.is-playing .touchchat-audio-wave-bar {
+  animation: wave 0.8s ease-in-out infinite;
+}
+.touchchat-audio-wave.is-playing .touchchat-audio-wave-bar:nth-child(1) {
+  animation-delay: 0s;
+}
+.touchchat-audio-wave.is-playing .touchchat-audio-wave-bar:nth-child(2) {
+  animation-delay: 0.1s;
+}
+.touchchat-audio-wave.is-playing .touchchat-audio-wave-bar:nth-child(3) {
+  animation-delay: 0.2s;
+}
+.touchchat-audio-wave.is-playing .touchchat-audio-wave-bar:nth-child(4) {
+  animation-delay: 0.3s;
+}
+@keyframes wave {
+  0%,
+  100% {
+    height: var(--audio-wave-start-height);
+  }
+  50% {
+    height: var(--audio-wave-end-height);
+  }
+}
+.touchchat-viewed {
+  padding: 0.15em;
+  width: var(--viewed-width);
+  height: var(--viewed-width);
+  border: 0.15em solid var(--viewed-color);
+  border-radius: var(--viewed-radius);
+  margin: var(--viewed-margin);
+  box-sizing: border-box;
+  align-self: flex-end;
+}
+.touchchat-viewed-wrapper {
+  width: 100%;
+  height: 100%;
+  border-radius: var(--viewed-radius);
+  background: conic-gradient(var(--viewed-color) 0%, var(--viewed-color) var(--value), transparent var(--value), transparent 100%);
+}
 .step-container {
   font-family: Arial, sans-serif;
 }
@@ -2005,49 +2124,49 @@ table.touchchat-table tr:hover {
   background-size: 100% 100%;
 }
 .touchchat-file-icon.type-doc {
-  background-image: url(./aiChat/img/file/doc.png);
+  background-image: url(../img/file/doc.png);
 }
 .touchchat-file-icon.type-jpg {
-  background-image: url(./aiChat/img/file/jpg.png);
+  background-image: url(../img/file/jpg.png);
 }
 .touchchat-file-icon.type-pdf {
-  background-image: url(./aiChat/img/file/pdf.png);
+  background-image: url(../img/file/pdf.png);
 }
 .touchchat-file-icon.type-txt {
-  background-image: url(./aiChat/img/file/txt.png);
+  background-image: url(../img/file/txt.png);
 }
 .touchchat-file-icon.type-docx {
-  background-image: url(./aiChat/img/file/docx.png);
+  background-image: url(../img/file/docx.png);
 }
 .touchchat-file-icon.type-mp3 {
-  background-image: url(./aiChat/img/file/mp3.png);
+  background-image: url(../img/file/mp3.png);
 }
 .touchchat-file-icon.type-png {
-  background-image: url(./aiChat/img/file/png.png);
+  background-image: url(../img/file/png.png);
 }
 .touchchat-file-icon.type-gif {
-  background-image: url(./aiChat/img/file/gif.png);
+  background-image: url(../img/file/gif.png);
 }
 .touchchat-file-icon.type-mp4 {
-  background-image: url(./aiChat/img/file/mp4.png);
+  background-image: url(../img/file/mp4.png);
 }
 .touchchat-file-icon.type-ppt {
-  background-image: url(./aiChat/img/file/ppt.png);
+  background-image: url(../img/file/ppt.png);
 }
 .touchchat-file-icon.type-xls {
-  background-image: url(./aiChat/img/file/xls.png);
+  background-image: url(../img/file/xls.png);
 }
 .touchchat-file-icon.type-html {
-  background-image: url(./aiChat/img/file/html.png);
+  background-image: url(../img/file/html.png);
 }
 .touchchat-file-icon.type-pptx {
-  background-image: url(./aiChat/img/file/pptx.png);
+  background-image: url(../img/file/pptx.png);
 }
 .touchchat-file-icon.type-xlsx {
-  background-image: url(./aiChat/img/file/xlsx.png);
+  background-image: url(../img/file/xlsx.png);
 }
 .touchchat-file-icon.type-unknown {
-  background-image: url(./aiChat/img/file/unknown.png);
+  background-image: url(../img/file/unknown.png);
 }
 .touchchat-file-info {
   flex: 1;
@@ -2325,12 +2444,25 @@ table.touchchat-table tr:hover {
   gap: 0.75em;
 }
 .quote-content-text {
+  cursor: pointer;
   border-radius: 0.5em;
   background: #eaecf0b3;
   font-size: 1em;
   padding: 0.625em 0.5em 0.6875em 0.875em;
   color: #434c59;
 }
+.quote-highlight {
+  animation: quote-flash 1s ease-in-out 2;
+}
+@keyframes quote-flash {
+  0%,
+  100% {
+    background-color: transparent;
+  }
+  50% {
+    background-color: rgba(59, 130, 246, 0.15);
+  }
+}
 .image-file {
   --image-file-pd: 0.75em;
 }
@@ -2648,6 +2780,21 @@ table.touchchat-table tr:hover {
   min-width: 8.125em;
   font-size: 0.875em;
   outline: none;
+  white-space: nowrap;
+}
+.touchchat-custom-select .touchchat-select-measure {
+  position: absolute;
+  left: -9999px;
+  top: -9999px;
+  visibility: hidden;
+  overflow: hidden;
+}
+.touchchat-custom-select .touchchat-select-measure .touchchat-select-measure-item {
+  display: inline-block;
+  white-space: nowrap;
+  padding: 0.625em 0.875em;
+  font-size: 0.875em;
+  font-weight: 500;
 }
 .touchchat-custom-select .touchchat-select-trigger {
   display: flex;
@@ -2690,7 +2837,8 @@ table.touchchat-table tr:hover {
 .touchchat-custom-select .touchchat-select-dropdown {
   position: absolute;
   left: 0;
-  right: 0;
+  min-width: 100%;
+  width: max-content;
   background: white;
   border: 1px solid #e0e0e0;
   border-radius: 0.5em;
@@ -2714,6 +2862,7 @@ table.touchchat-table tr:hover {
   cursor: pointer;
   transition: background-color 0.2s ease;
   color: #444;
+  white-space: nowrap;
 }
 .touchchat-custom-select .touchchat-select-option:hover {
   background-color: #f5f7fa;