@composy/chat-core 0.0.1 → 0.0.2

package/lib/theme/theme-manager.d.ts

@@ -1,9 +1,9 @@
 /**
  * 主题管理器
  */
+import type { EventEmitter } from '../core/event-emitter';
 import type { ThemeMode } from '../types';
 import type { ThemeTokens } from './tokens';
-import { EventEmitter } from '../core/event-emitter';
 /**
  * ThemeManager - Theme Manager class
  */
@@ -12,7 +12,9 @@ export declare class ThemeManager {
     private emitter;
     private mediaQuery;
     private mediaHandler;
-    constructor(emitter: EventEmitter, mode?: ThemeMode);
+    private view;
+    private destroyed;
+    constructor(emitter: EventEmitter, mode?: ThemeMode, view?: Window | null);
     /** 获取当前模式 */
     getMode(): ThemeMode;
     /** 获取当前实际主题（auto 时解析为 light/dark） */
@@ -30,4 +32,3 @@ export declare class ThemeManager {
     /** 销毁 */
     destroy(): void;
 }
-//# sourceMappingURL=theme-manager.d.ts.map

package/lib/theme/tokens.cjs

@@ -1,8 +1,8 @@
 /*!
 * ***********************************
-* @composy/chat-core v0.0.1       *
+* @composy/chat-core v0.0.2       *
 * Built with rollup               *
-* Build time: 2024-08-17 11:30:32 *
+* Build time: 2024-10-12 21:52:18 *
 * Build mode: production          *
 * Minified: No                    *
 * ***********************************
@@ -10,98 +10,98 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 //#region src/theme/tokens.ts
 const lightTokens = {
-	bgPrimary: "var(--color-gray-50)",
-	bgSecondary: "var(--color-gray-100)",
-	bgBubbleOutgoing: "var(--color-primary-default)",
-	bgBubbleIncoming: "var(--color-gray-100)",
-	bgInput: "var(--color-gray-50)",
-	bgMention: "var(--color-gray-50)",
-	bgMentionHover: "var(--color-primary-50)",
-	bgMentionActive: "var(--color-primary-100)",
-	bgLoadMore: "var(--color-gray-100)",
-	bgSystemMessage: "var(--color-gray-100)",
-	bgDropOverlay: "color-mix(in srgb, var(--color-primary-default) 10%, var(--color-gray-50))",
-	bgDangerSoft: "color-mix(in srgb, var(--color-danger-default) 12%, var(--color-gray-50))",
-	textPrimary: "var(--color-gray-900)",
-	textSecondary: "var(--color-gray-600)",
-	textBubbleOutgoing: "var(--color-gray-50)",
-	textBubbleIncoming: "var(--color-gray-900)",
-	textMention: "var(--color-gray-900)",
-	textMentionTag: "var(--color-primary-default)",
-	textTimestamp: "var(--color-gray-500)",
-	textSystem: "var(--color-gray-600)",
-	textPlaceholder: "var(--color-gray-400)",
-	borderPrimary: "var(--color-gray-200)",
-	borderInput: "var(--color-gray-300)",
-	borderInputFocus: "var(--color-primary-default)",
-	borderMention: "var(--color-gray-200)",
-	colorSending: "var(--color-gray-400)",
-	colorSent: "var(--color-gray-500)",
-	colorDelivered: "var(--color-primary-default)",
-	colorRead: "var(--color-success-default)",
-	colorFailed: "var(--color-danger-default)",
-	colorLink: "var(--color-primary-default)",
-	shadowPanel: "var(--size-shadow-2)",
-	shadowMention: "var(--size-shadow-4)",
-	avatarBg: "var(--color-primary-default)",
-	avatarText: "var(--color-gray-50)",
-	btnPrimaryBg: "var(--color-primary-default)",
-	btnPrimaryText: "var(--color-gray-50)",
-	btnPrimaryHover: "var(--color-primary-hover)",
-	scrollbarThumb: "var(--color-gray-300)",
-	scrollbarTrack: "var(--color-gray-100)",
-	bgToolbar: "var(--color-gray-100)",
-	borderToolbar: "var(--color-gray-200)",
-	toolbarIconColor: "var(--color-gray-600)",
-	toolbarIconHover: "var(--color-primary-default)",
-	toolbarVoiceActive: "var(--color-danger-default)"
+	bgPrimary: "var(--ld-bg-surface)",
+	bgSecondary: "var(--ld-bg-surface-soft)",
+	bgBubbleOutgoing: "var(--ld-primary-default)",
+	bgBubbleIncoming: "var(--ld-bg-surface-soft)",
+	bgInput: "var(--ld-bg-surface)",
+	bgMention: "var(--ld-bg-surface)",
+	bgMentionHover: "var(--ld-primary-50)",
+	bgMentionActive: "var(--ld-primary-100)",
+	bgLoadMore: "var(--ld-bg-surface-soft)",
+	bgSystemMessage: "var(--ld-bg-surface-soft)",
+	bgDropOverlay: "color-mix(in srgb, var(--ld-primary-default) 10%, var(--ld-bg-surface))",
+	bgDangerSoft: "color-mix(in srgb, var(--ld-danger-default) 12%, var(--ld-bg-surface))",
+	textPrimary: "var(--ld-text-primary)",
+	textSecondary: "var(--ld-text-secondary)",
+	textBubbleOutgoing: "var(--ld-gray-50)",
+	textBubbleIncoming: "var(--ld-text-primary)",
+	textMention: "var(--ld-text-primary)",
+	textMentionTag: "var(--ld-primary-default)",
+	textTimestamp: "var(--ld-text-muted)",
+	textSystem: "var(--ld-text-secondary)",
+	textPlaceholder: "var(--ld-text-muted)",
+	borderPrimary: "var(--ld-border)",
+	borderInput: "var(--ld-gray-300)",
+	borderInputFocus: "var(--ld-primary-default)",
+	borderMention: "var(--ld-border)",
+	colorSending: "var(--ld-gray-400)",
+	colorSent: "var(--ld-gray-500)",
+	colorDelivered: "var(--ld-primary-default)",
+	colorRead: "var(--ld-success-default)",
+	colorFailed: "var(--ld-danger-default)",
+	colorLink: "var(--ld-primary-default)",
+	shadowPanel: "none",
+	shadowMention: "none",
+	avatarBg: "var(--ld-primary-default)",
+	avatarText: "var(--ld-gray-50)",
+	btnPrimaryBg: "var(--ld-primary-default)",
+	btnPrimaryText: "var(--ld-gray-50)",
+	btnPrimaryHover: "var(--ld-primary-hover)",
+	scrollbarThumb: "var(--ld-gray-300)",
+	scrollbarTrack: "var(--ld-gray-100)",
+	bgToolbar: "var(--ld-bg-surface-soft)",
+	borderToolbar: "var(--ld-border)",
+	toolbarIconColor: "var(--ld-text-secondary)",
+	toolbarIconHover: "var(--ld-primary-default)",
+	toolbarVoiceActive: "var(--ld-danger-default)"
 };
 const darkTokens = {
-	bgPrimary: "var(--color-gray-900)",
-	bgSecondary: "var(--color-gray-800)",
-	bgBubbleOutgoing: "var(--color-primary-default)",
-	bgBubbleIncoming: "var(--color-gray-800)",
-	bgInput: "var(--color-gray-900)",
-	bgMention: "var(--color-gray-900)",
-	bgMentionHover: "var(--color-gray-800)",
-	bgMentionActive: "var(--color-primary-900)",
-	bgLoadMore: "var(--color-gray-800)",
-	bgSystemMessage: "var(--color-gray-800)",
-	bgDropOverlay: "color-mix(in srgb, var(--color-primary-default) 16%, var(--color-gray-900))",
-	bgDangerSoft: "color-mix(in srgb, var(--color-danger-default) 18%, var(--color-gray-900))",
-	textPrimary: "var(--color-gray-50)",
-	textSecondary: "var(--color-gray-300)",
-	textBubbleOutgoing: "var(--color-gray-50)",
-	textBubbleIncoming: "var(--color-gray-50)",
-	textMention: "var(--color-gray-50)",
-	textMentionTag: "var(--color-primary-300)",
-	textTimestamp: "var(--color-gray-400)",
-	textSystem: "var(--color-gray-300)",
-	textPlaceholder: "var(--color-gray-500)",
-	borderPrimary: "var(--color-gray-700)",
-	borderInput: "var(--color-gray-700)",
-	borderInputFocus: "var(--color-primary-default)",
-	borderMention: "var(--color-gray-700)",
-	colorSending: "var(--color-gray-500)",
-	colorSent: "var(--color-gray-400)",
-	colorDelivered: "var(--color-primary-300)",
-	colorRead: "var(--color-success-default)",
-	colorFailed: "var(--color-danger-default)",
-	colorLink: "var(--color-primary-300)",
-	shadowPanel: "var(--size-shadow-3)",
-	shadowMention: "var(--size-shadow-6)",
-	avatarBg: "var(--color-primary-default)",
-	avatarText: "var(--color-gray-50)",
-	btnPrimaryBg: "var(--color-primary-default)",
-	btnPrimaryText: "var(--color-gray-50)",
-	btnPrimaryHover: "var(--color-primary-hover)",
-	scrollbarThumb: "var(--color-gray-700)",
-	scrollbarTrack: "var(--color-gray-800)",
-	bgToolbar: "var(--color-gray-800)",
-	borderToolbar: "var(--color-gray-700)",
-	toolbarIconColor: "var(--color-gray-300)",
-	toolbarIconHover: "var(--color-primary-300)",
-	toolbarVoiceActive: "var(--color-danger-default)"
+	bgPrimary: "var(--ld-gray-900)",
+	bgSecondary: "var(--ld-gray-800)",
+	bgBubbleOutgoing: "var(--ld-primary-default)",
+	bgBubbleIncoming: "var(--ld-gray-800)",
+	bgInput: "var(--ld-gray-900)",
+	bgMention: "var(--ld-gray-900)",
+	bgMentionHover: "var(--ld-gray-800)",
+	bgMentionActive: "var(--ld-primary-900)",
+	bgLoadMore: "var(--ld-gray-800)",
+	bgSystemMessage: "var(--ld-gray-800)",
+	bgDropOverlay: "color-mix(in srgb, var(--ld-primary-default) 16%, var(--ld-gray-900))",
+	bgDangerSoft: "color-mix(in srgb, var(--ld-danger-default) 18%, var(--ld-gray-900))",
+	textPrimary: "var(--ld-gray-50)",
+	textSecondary: "var(--ld-gray-300)",
+	textBubbleOutgoing: "var(--ld-gray-50)",
+	textBubbleIncoming: "var(--ld-gray-50)",
+	textMention: "var(--ld-gray-50)",
+	textMentionTag: "var(--ld-primary-300)",
+	textTimestamp: "var(--ld-gray-400)",
+	textSystem: "var(--ld-gray-300)",
+	textPlaceholder: "var(--ld-gray-500)",
+	borderPrimary: "var(--ld-gray-700)",
+	borderInput: "var(--ld-gray-700)",
+	borderInputFocus: "var(--ld-primary-default)",
+	borderMention: "var(--ld-gray-700)",
+	colorSending: "var(--ld-gray-500)",
+	colorSent: "var(--ld-gray-400)",
+	colorDelivered: "var(--ld-primary-300)",
+	colorRead: "var(--ld-success-default)",
+	colorFailed: "var(--ld-danger-default)",
+	colorLink: "var(--ld-primary-300)",
+	shadowPanel: "none",
+	shadowMention: "none",
+	avatarBg: "var(--ld-primary-default)",
+	avatarText: "var(--ld-gray-50)",
+	btnPrimaryBg: "var(--ld-primary-default)",
+	btnPrimaryText: "var(--ld-gray-50)",
+	btnPrimaryHover: "var(--ld-primary-hover)",
+	scrollbarThumb: "var(--ld-gray-700)",
+	scrollbarTrack: "var(--ld-gray-800)",
+	bgToolbar: "var(--ld-gray-800)",
+	borderToolbar: "var(--ld-gray-700)",
+	toolbarIconColor: "var(--ld-gray-300)",
+	toolbarIconHover: "var(--ld-primary-300)",
+	toolbarVoiceActive: "var(--ld-danger-default)"
 };
 //#endregion
 exports.darkTokens = darkTokens;

package/lib/theme/tokens.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.cjs","names":[],"sources":["../../src/theme/tokens.ts"],"sourcesContent":["/**\n * @file tokens.ts\n * @description tokens 模块\n */\n\n/**\n * ThemeTokens interface\n */\nexport interface ThemeTokens {\n  bgPrimary: string;\n  bgSecondary: string;\n  bgBubbleOutgoing: string;\n  bgBubbleIncoming: string;\n  bgInput: string;\n  bgMention: string;\n  bgMentionHover: string;\n  bgMentionActive: string;\n  bgLoadMore: string;\n  bgSystemMessage: string;\n  bgDropOverlay: string;\n  bgDangerSoft: string;\n\n  textPrimary: string;\n  textSecondary: string;\n  textBubbleOutgoing: string;\n  textBubbleIncoming: string;\n  textMention: string;\n  textMentionTag: string;\n  textTimestamp: string;\n  textSystem: string;\n  textPlaceholder: string;\n\n  borderPrimary: string;\n  borderInput: string;\n  borderInputFocus: string;\n  borderMention: string;\n\n  colorSending: string;\n  colorSent: string;\n  colorDelivered: string;\n  colorRead: string;\n  colorFailed: string;\n  colorLink: string;\n\n  shadowPanel: string;\n  shadowMention: string;\n\n  avatarBg: string;\n  avatarText: string;\n\n  btnPrimaryBg: string;\n  btnPrimaryText: string;\n  btnPrimaryHover: string;\n\n  scrollbarThumb: string;\n  scrollbarTrack: string;\n\n  bgToolbar: string;\n  borderToolbar: string;\n  toolbarIconColor: string;\n  toolbarIconHover: string;\n  toolbarVoiceActive: string;\n}\n\nexport const lightTokens: ThemeTokens = {\n  bgPrimary: 'var(--color-gray-50)',\n  bgSecondary: 'var(--color-gray-100)',\n  bgBubbleOutgoing: 'var(--color-primary-default)',\n  bgBubbleIncoming: 'var(--color-gray-100)',\n  bgInput: 'var(--color-gray-50)',\n  bgMention: 'var(--color-gray-50)',\n  bgMentionHover: 'var(--color-primary-50)',\n  bgMentionActive: 'var(--color-primary-100)',\n  bgLoadMore: 'var(--color-gray-100)',\n  bgSystemMessage: 'var(--color-gray-100)',\n  bgDropOverlay: 'color-mix(in srgb, var(--color-primary-default) 10%, var(--color-gray-50))',\n  bgDangerSoft: 'color-mix(in srgb, var(--color-danger-default) 12%, var(--color-gray-50))',\n\n  textPrimary: 'var(--color-gray-900)',\n  textSecondary: 'var(--color-gray-600)',\n  textBubbleOutgoing: 'var(--color-gray-50)',\n  textBubbleIncoming: 'var(--color-gray-900)',\n  textMention: 'var(--color-gray-900)',\n  textMentionTag: 'var(--color-primary-default)',\n  textTimestamp: 'var(--color-gray-500)',\n  textSystem: 'var(--color-gray-600)',\n  textPlaceholder: 'var(--color-gray-400)',\n\n  borderPrimary: 'var(--color-gray-200)',\n  borderInput: 'var(--color-gray-300)',\n  borderInputFocus: 'var(--color-primary-default)',\n  borderMention: 'var(--color-gray-200)',\n\n  colorSending: 'var(--color-gray-400)',\n  colorSent: 'var(--color-gray-500)',\n  colorDelivered: 'var(--color-primary-default)',\n  colorRead: 'var(--color-success-default)',\n  colorFailed: 'var(--color-danger-default)',\n  colorLink: 'var(--color-primary-default)',\n\n  shadowPanel: 'var(--size-shadow-2)',\n  shadowMention: 'var(--size-shadow-4)',\n\n  avatarBg: 'var(--color-primary-default)',\n  avatarText: 'var(--color-gray-50)',\n\n  btnPrimaryBg: 'var(--color-primary-default)',\n  btnPrimaryText: 'var(--color-gray-50)',\n  btnPrimaryHover: 'var(--color-primary-hover)',\n\n  scrollbarThumb: 'var(--color-gray-300)',\n  scrollbarTrack: 'var(--color-gray-100)',\n\n  bgToolbar: 'var(--color-gray-100)',\n  borderToolbar: 'var(--color-gray-200)',\n  toolbarIconColor: 'var(--color-gray-600)',\n  toolbarIconHover: 'var(--color-primary-default)',\n  toolbarVoiceActive: 'var(--color-danger-default)',\n};\n\nexport const darkTokens: ThemeTokens = {\n  bgPrimary: 'var(--color-gray-900)',\n  bgSecondary: 'var(--color-gray-800)',\n  bgBubbleOutgoing: 'var(--color-primary-default)',\n  bgBubbleIncoming: 'var(--color-gray-800)',\n  bgInput: 'var(--color-gray-900)',\n  bgMention: 'var(--color-gray-900)',\n  bgMentionHover: 'var(--color-gray-800)',\n  bgMentionActive: 'var(--color-primary-900)',\n  bgLoadMore: 'var(--color-gray-800)',\n  bgSystemMessage: 'var(--color-gray-800)',\n  bgDropOverlay: 'color-mix(in srgb, var(--color-primary-default) 16%, var(--color-gray-900))',\n  bgDangerSoft: 'color-mix(in srgb, var(--color-danger-default) 18%, var(--color-gray-900))',\n\n  textPrimary: 'var(--color-gray-50)',\n  textSecondary: 'var(--color-gray-300)',\n  textBubbleOutgoing: 'var(--color-gray-50)',\n  textBubbleIncoming: 'var(--color-gray-50)',\n  textMention: 'var(--color-gray-50)',\n  textMentionTag: 'var(--color-primary-300)',\n  textTimestamp: 'var(--color-gray-400)',\n  textSystem: 'var(--color-gray-300)',\n  textPlaceholder: 'var(--color-gray-500)',\n\n  borderPrimary: 'var(--color-gray-700)',\n  borderInput: 'var(--color-gray-700)',\n  borderInputFocus: 'var(--color-primary-default)',\n  borderMention: 'var(--color-gray-700)',\n\n  colorSending: 'var(--color-gray-500)',\n  colorSent: 'var(--color-gray-400)',\n  colorDelivered: 'var(--color-primary-300)',\n  colorRead: 'var(--color-success-default)',\n  colorFailed: 'var(--color-danger-default)',\n  colorLink: 'var(--color-primary-300)',\n\n  shadowPanel: 'var(--size-shadow-3)',\n  shadowMention: 'var(--size-shadow-6)',\n\n  avatarBg: 'var(--color-primary-default)',\n  avatarText: 'var(--color-gray-50)',\n\n  btnPrimaryBg: 'var(--color-primary-default)',\n  btnPrimaryText: 'var(--color-gray-50)',\n  btnPrimaryHover: 'var(--color-primary-hover)',\n\n  scrollbarThumb: 'var(--color-gray-700)',\n  scrollbarTrack: 'var(--color-gray-800)',\n\n  bgToolbar: 'var(--color-gray-800)',\n  borderToolbar: 'var(--color-gray-700)',\n  toolbarIconColor: 'var(--color-gray-300)',\n  toolbarIconHover: 'var(--color-primary-300)',\n  toolbarVoiceActive: 'var(--color-danger-default)',\n};\n"],"mappings":";;;;;;;;;;;AAgEO,MAAM,cAA2B;CACtC,WAAW;CACX,aAAa;CACb,kBAAkB;CAClB,kBAAkB;CAClB,SAAS;CACT,WAAW;CACX,gBAAgB;CAChB,iBAAiB;CACjB,YAAY;CACZ,iBAAiB;CACjB,eAAe;CACf,cAAc;CAEd,aAAa;CACb,eAAe;CACf,oBAAoB;CACpB,oBAAoB;CACpB,aAAa;CACb,gBAAgB;CAChB,eAAe;CACf,YAAY;CACZ,iBAAiB;CAEjB,eAAe;CACf,aAAa;CACb,kBAAkB;CAClB,eAAe;CAEf,cAAc;CACd,WAAW;CACX,gBAAgB;CAChB,WAAW;CACX,aAAa;CACb,WAAW;CAEX,aAAa;CACb,eAAe;CAEf,UAAU;CACV,YAAY;CAEZ,cAAc;CACd,gBAAgB;CAChB,iBAAiB;CAEjB,gBAAgB;CAChB,gBAAgB;CAEhB,WAAW;CACX,eAAe;CACf,kBAAkB;CAClB,kBAAkB;CAClB,oBAAoB;AACtB;AAEO,MAAM,aAA0B;CACrC,WAAW;CACX,aAAa;CACb,kBAAkB;CAClB,kBAAkB;CAClB,SAAS;CACT,WAAW;CACX,gBAAgB;CAChB,iBAAiB;CACjB,YAAY;CACZ,iBAAiB;CACjB,eAAe;CACf,cAAc;CAEd,aAAa;CACb,eAAe;CACf,oBAAoB;CACpB,oBAAoB;CACpB,aAAa;CACb,gBAAgB;CAChB,eAAe;CACf,YAAY;CACZ,iBAAiB;CAEjB,eAAe;CACf,aAAa;CACb,kBAAkB;CAClB,eAAe;CAEf,cAAc;CACd,WAAW;CACX,gBAAgB;CAChB,WAAW;CACX,aAAa;CACb,WAAW;CAEX,aAAa;CACb,eAAe;CAEf,UAAU;CACV,YAAY;CAEZ,cAAc;CACd,gBAAgB;CAChB,iBAAiB;CAEjB,gBAAgB;CAChB,gBAAgB;CAEhB,WAAW;CACX,eAAe;CACf,kBAAkB;CAClB,kBAAkB;CAClB,oBAAoB;AACtB"}
+{"version":3,"file":"tokens.cjs","names":[],"sources":["../../src/theme/tokens.ts"],"sourcesContent":["/**\r\n * @file tokens.ts\r\n * @description tokens 模块\r\n */\r\n\r\n/**\r\n * ThemeTokens interface\r\n */\r\nexport interface ThemeTokens {\r\n  bgPrimary: string\r\n  bgSecondary: string\r\n  bgBubbleOutgoing: string\r\n  bgBubbleIncoming: string\r\n  bgInput: string\r\n  bgMention: string\r\n  bgMentionHover: string\r\n  bgMentionActive: string\r\n  bgLoadMore: string\r\n  bgSystemMessage: string\r\n  bgDropOverlay: string\r\n  bgDangerSoft: string\r\n\r\n  textPrimary: string\r\n  textSecondary: string\r\n  textBubbleOutgoing: string\r\n  textBubbleIncoming: string\r\n  textMention: string\r\n  textMentionTag: string\r\n  textTimestamp: string\r\n  textSystem: string\r\n  textPlaceholder: string\r\n\r\n  borderPrimary: string\r\n  borderInput: string\r\n  borderInputFocus: string\r\n  borderMention: string\r\n\r\n  colorSending: string\r\n  colorSent: string\r\n  colorDelivered: string\r\n  colorRead: string\r\n  colorFailed: string\r\n  colorLink: string\r\n\r\n  shadowPanel: string\r\n  shadowMention: string\r\n\r\n  avatarBg: string\r\n  avatarText: string\r\n\r\n  btnPrimaryBg: string\r\n  btnPrimaryText: string\r\n  btnPrimaryHover: string\r\n\r\n  scrollbarThumb: string\r\n  scrollbarTrack: string\r\n\r\n  bgToolbar: string\r\n  borderToolbar: string\r\n  toolbarIconColor: string\r\n  toolbarIconHover: string\r\n  toolbarVoiceActive: string\r\n}\r\n\r\nexport const lightTokens: ThemeTokens = {\r\n  bgPrimary: 'var(--ld-bg-surface)',\r\n  bgSecondary: 'var(--ld-bg-surface-soft)',\r\n  bgBubbleOutgoing: 'var(--ld-primary-default)',\r\n  bgBubbleIncoming: 'var(--ld-bg-surface-soft)',\r\n  bgInput: 'var(--ld-bg-surface)',\r\n  bgMention: 'var(--ld-bg-surface)',\r\n  bgMentionHover: 'var(--ld-primary-50)',\r\n  bgMentionActive: 'var(--ld-primary-100)',\r\n  bgLoadMore: 'var(--ld-bg-surface-soft)',\r\n  bgSystemMessage: 'var(--ld-bg-surface-soft)',\r\n  bgDropOverlay:\r\n    'color-mix(in srgb, var(--ld-primary-default) 10%, var(--ld-bg-surface))',\r\n  bgDangerSoft:\r\n    'color-mix(in srgb, var(--ld-danger-default) 12%, var(--ld-bg-surface))',\r\n\r\n  textPrimary: 'var(--ld-text-primary)',\r\n  textSecondary: 'var(--ld-text-secondary)',\r\n  textBubbleOutgoing: 'var(--ld-gray-50)',\r\n  textBubbleIncoming: 'var(--ld-text-primary)',\r\n  textMention: 'var(--ld-text-primary)',\r\n  textMentionTag: 'var(--ld-primary-default)',\r\n  textTimestamp: 'var(--ld-text-muted)',\r\n  textSystem: 'var(--ld-text-secondary)',\r\n  textPlaceholder: 'var(--ld-text-muted)',\r\n\r\n  borderPrimary: 'var(--ld-border)',\r\n  borderInput: 'var(--ld-gray-300)',\r\n  borderInputFocus: 'var(--ld-primary-default)',\r\n  borderMention: 'var(--ld-border)',\r\n\r\n  colorSending: 'var(--ld-gray-400)',\r\n  colorSent: 'var(--ld-gray-500)',\r\n  colorDelivered: 'var(--ld-primary-default)',\r\n  colorRead: 'var(--ld-success-default)',\r\n  colorFailed: 'var(--ld-danger-default)',\r\n  colorLink: 'var(--ld-primary-default)',\r\n\r\n  shadowPanel: 'none',\r\n  shadowMention: 'none',\r\n\r\n  avatarBg: 'var(--ld-primary-default)',\r\n  avatarText: 'var(--ld-gray-50)',\r\n\r\n  btnPrimaryBg: 'var(--ld-primary-default)',\r\n  btnPrimaryText: 'var(--ld-gray-50)',\r\n  btnPrimaryHover: 'var(--ld-primary-hover)',\r\n\r\n  scrollbarThumb: 'var(--ld-gray-300)',\r\n  scrollbarTrack: 'var(--ld-gray-100)',\r\n\r\n  bgToolbar: 'var(--ld-bg-surface-soft)',\r\n  borderToolbar: 'var(--ld-border)',\r\n  toolbarIconColor: 'var(--ld-text-secondary)',\r\n  toolbarIconHover: 'var(--ld-primary-default)',\r\n  toolbarVoiceActive: 'var(--ld-danger-default)',\r\n}\r\n\r\nexport const darkTokens: ThemeTokens = {\r\n  bgPrimary: 'var(--ld-gray-900)',\r\n  bgSecondary: 'var(--ld-gray-800)',\r\n  bgBubbleOutgoing: 'var(--ld-primary-default)',\r\n  bgBubbleIncoming: 'var(--ld-gray-800)',\r\n  bgInput: 'var(--ld-gray-900)',\r\n  bgMention: 'var(--ld-gray-900)',\r\n  bgMentionHover: 'var(--ld-gray-800)',\r\n  bgMentionActive: 'var(--ld-primary-900)',\r\n  bgLoadMore: 'var(--ld-gray-800)',\r\n  bgSystemMessage: 'var(--ld-gray-800)',\r\n  bgDropOverlay:\r\n    'color-mix(in srgb, var(--ld-primary-default) 16%, var(--ld-gray-900))',\r\n  bgDangerSoft:\r\n    'color-mix(in srgb, var(--ld-danger-default) 18%, var(--ld-gray-900))',\r\n\r\n  textPrimary: 'var(--ld-gray-50)',\r\n  textSecondary: 'var(--ld-gray-300)',\r\n  textBubbleOutgoing: 'var(--ld-gray-50)',\r\n  textBubbleIncoming: 'var(--ld-gray-50)',\r\n  textMention: 'var(--ld-gray-50)',\r\n  textMentionTag: 'var(--ld-primary-300)',\r\n  textTimestamp: 'var(--ld-gray-400)',\r\n  textSystem: 'var(--ld-gray-300)',\r\n  textPlaceholder: 'var(--ld-gray-500)',\r\n\r\n  borderPrimary: 'var(--ld-gray-700)',\r\n  borderInput: 'var(--ld-gray-700)',\r\n  borderInputFocus: 'var(--ld-primary-default)',\r\n  borderMention: 'var(--ld-gray-700)',\r\n\r\n  colorSending: 'var(--ld-gray-500)',\r\n  colorSent: 'var(--ld-gray-400)',\r\n  colorDelivered: 'var(--ld-primary-300)',\r\n  colorRead: 'var(--ld-success-default)',\r\n  colorFailed: 'var(--ld-danger-default)',\r\n  colorLink: 'var(--ld-primary-300)',\r\n\r\n  shadowPanel: 'none',\r\n  shadowMention: 'none',\r\n\r\n  avatarBg: 'var(--ld-primary-default)',\r\n  avatarText: 'var(--ld-gray-50)',\r\n\r\n  btnPrimaryBg: 'var(--ld-primary-default)',\r\n  btnPrimaryText: 'var(--ld-gray-50)',\r\n  btnPrimaryHover: 'var(--ld-primary-hover)',\r\n\r\n  scrollbarThumb: 'var(--ld-gray-700)',\r\n  scrollbarTrack: 'var(--ld-gray-800)',\r\n\r\n  bgToolbar: 'var(--ld-gray-800)',\r\n  borderToolbar: 'var(--ld-gray-700)',\r\n  toolbarIconColor: 'var(--ld-gray-300)',\r\n  toolbarIconHover: 'var(--ld-primary-300)',\r\n  toolbarVoiceActive: 'var(--ld-danger-default)',\r\n}\r\n"],"mappings":";;;;;;;;;;;AAgEO,MAAM,cAA2B;CACtC,WAAW;CACX,aAAa;CACb,kBAAkB;CAClB,kBAAkB;CAClB,SAAS;CACT,WAAW;CACX,gBAAgB;CAChB,iBAAiB;CACjB,YAAY;CACZ,iBAAiB;CACjB,eACE;CACF,cACE;CAEF,aAAa;CACb,eAAe;CACf,oBAAoB;CACpB,oBAAoB;CACpB,aAAa;CACb,gBAAgB;CAChB,eAAe;CACf,YAAY;CACZ,iBAAiB;CAEjB,eAAe;CACf,aAAa;CACb,kBAAkB;CAClB,eAAe;CAEf,cAAc;CACd,WAAW;CACX,gBAAgB;CAChB,WAAW;CACX,aAAa;CACb,WAAW;CAEX,aAAa;CACb,eAAe;CAEf,UAAU;CACV,YAAY;CAEZ,cAAc;CACd,gBAAgB;CAChB,iBAAiB;CAEjB,gBAAgB;CAChB,gBAAgB;CAEhB,WAAW;CACX,eAAe;CACf,kBAAkB;CAClB,kBAAkB;CAClB,oBAAoB;AACtB;AAEO,MAAM,aAA0B;CACrC,WAAW;CACX,aAAa;CACb,kBAAkB;CAClB,kBAAkB;CAClB,SAAS;CACT,WAAW;CACX,gBAAgB;CAChB,iBAAiB;CACjB,YAAY;CACZ,iBAAiB;CACjB,eACE;CACF,cACE;CAEF,aAAa;CACb,eAAe;CACf,oBAAoB;CACpB,oBAAoB;CACpB,aAAa;CACb,gBAAgB;CAChB,eAAe;CACf,YAAY;CACZ,iBAAiB;CAEjB,eAAe;CACf,aAAa;CACb,kBAAkB;CAClB,eAAe;CAEf,cAAc;CACd,WAAW;CACX,gBAAgB;CAChB,WAAW;CACX,aAAa;CACb,WAAW;CAEX,aAAa;CACb,eAAe;CAEf,UAAU;CACV,YAAY;CAEZ,cAAc;CACd,gBAAgB;CAChB,iBAAiB;CAEjB,gBAAgB;CAChB,gBAAgB;CAEhB,WAAW;CACX,eAAe;CACf,kBAAkB;CAClB,kBAAkB;CAClB,oBAAoB;AACtB"}

package/lib/theme/tokens.d.cts

@@ -0,0 +1,56 @@
+/**
+ * @file tokens.ts
+ * @description tokens 模块
+ */
+/**
+ * ThemeTokens interface
+ */
+export interface ThemeTokens {
+    bgPrimary: string;
+    bgSecondary: string;
+    bgBubbleOutgoing: string;
+    bgBubbleIncoming: string;
+    bgInput: string;
+    bgMention: string;
+    bgMentionHover: string;
+    bgMentionActive: string;
+    bgLoadMore: string;
+    bgSystemMessage: string;
+    bgDropOverlay: string;
+    bgDangerSoft: string;
+    textPrimary: string;
+    textSecondary: string;
+    textBubbleOutgoing: string;
+    textBubbleIncoming: string;
+    textMention: string;
+    textMentionTag: string;
+    textTimestamp: string;
+    textSystem: string;
+    textPlaceholder: string;
+    borderPrimary: string;
+    borderInput: string;
+    borderInputFocus: string;
+    borderMention: string;
+    colorSending: string;
+    colorSent: string;
+    colorDelivered: string;
+    colorRead: string;
+    colorFailed: string;
+    colorLink: string;
+    shadowPanel: string;
+    shadowMention: string;
+    avatarBg: string;
+    avatarText: string;
+    btnPrimaryBg: string;
+    btnPrimaryText: string;
+    btnPrimaryHover: string;
+    scrollbarThumb: string;
+    scrollbarTrack: string;
+    bgToolbar: string;
+    borderToolbar: string;
+    toolbarIconColor: string;
+    toolbarIconHover: string;
+    toolbarVoiceActive: string;
+}
+export declare const lightTokens: ThemeTokens;
+export declare const darkTokens: ThemeTokens;

package/lib/theme/tokens.d.ts

@@ -54,4 +54,3 @@ export interface ThemeTokens {
 }
 export declare const lightTokens: ThemeTokens;
 export declare const darkTokens: ThemeTokens;
-//# sourceMappingURL=tokens.d.ts.map

package/lib/types/index.cjs

@@ -1,11 +1,16 @@
 /*!
 * ***********************************
-* @composy/chat-core v0.0.1       *
+* @composy/chat-core v0.0.2       *
 * Built with rollup               *
-* Build time: 2024-08-17 11:30:32 *
+* Build time: 2024-10-12 21:52:18 *
 * Build mode: production          *
 * Minified: No                    *
 * ***********************************
 */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-/*! End of @composy/chat-core | Powered by @composy/builder */
+//#region src/types/index.ts
+const CHAT_MESSAGE_SCHEMA_VERSION = 1;
+//#endregion
+exports.CHAT_MESSAGE_SCHEMA_VERSION = CHAT_MESSAGE_SCHEMA_VERSION;
+/*! End of @composy/chat-core | Powered by @composy/builder */
+//# sourceMappingURL=index.cjs.map

package/lib/types/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":[],"sources":["../../src/types/index.ts"],"sourcesContent":["/**\r\n * @composy/chat-core types\r\n */\r\n\r\n// ==================== 消息相关 ====================\r\n\r\n/** 消息类型 */\r\nexport type MessageType = 'text' | 'image' | 'file' | 'system' | 'custom'\r\n\r\n/** 工具栏按钮类型 */\r\nexport type ToolbarAction = 'image' | 'file' | 'voice'\r\n\r\n/** 消息发送状态 */\r\nexport type MessageStatus = 'sending' | 'sent' | 'delivered' | 'read' | 'failed'\r\n\r\n/** 消息方向 */\r\nexport type MessageDirection = 'incoming' | 'outgoing'\r\n\r\n/** 用户信息 */\r\nexport interface ChatUser {\r\n  /** 用户 ID */\r\n  id: string\r\n  /** 昵称 */\r\n  nickname: string\r\n  /** 头像 URL */\r\n  avatar?: string\r\n}\r\n\r\n/** @提及项 */\r\nexport interface MentionItem {\r\n  /** 用户 ID */\r\n  id: string\r\n  /** 显示名称 */\r\n  name: string\r\n  /** 头像 */\r\n  avatar?: string\r\n}\r\n\r\n/** 文件附件 */\r\nexport interface FileAttachment {\r\n  /** 文件名 */\r\n  name: string\r\n  /** 文件大小（字节） */\r\n  size: number\r\n  /** 文件 URL */\r\n  url: string\r\n  /** MIME 类型 */\r\n  mimeType?: string\r\n}\r\n\r\n/** 图片附件 */\r\nexport interface ImageAttachment {\r\n  /** 图片 URL */\r\n  url: string\r\n  /** 缩略图 URL */\r\n  thumbUrl?: string\r\n  /** 宽度 */\r\n  width?: number\r\n  /** 高度 */\r\n  height?: number\r\n}\r\n\r\n/** 结构化消息内容块。未知块应在上游归一化时降级，不得直接执行 HTML。 */\r\nexport type ChatContentBlock =\r\n  | { type: 'text'; text: string }\r\n  | { type: 'mention'; id: string; label: string }\r\n  | { type: 'link'; url: string; label?: string }\r\n  | { type: 'code'; code: string; language?: string }\r\n  | {\r\n      type: 'image'\r\n      src: string\r\n      alt?: string\r\n      width?: number\r\n      height?: number\r\n    }\r\n  | {\r\n      type: 'file'\r\n      url: string\r\n      name: string\r\n      size?: number\r\n      mimeType?: string\r\n    }\r\n  | { type: 'break' }\r\n  | {\r\n      type: 'custom'\r\n      kind: string\r\n      data: Record<string, unknown>\r\n      fallback?: string\r\n    }\r\n\r\n/** 当前消息 schema 版本。 */\r\nexport const CHAT_MESSAGE_SCHEMA_VERSION = 1\r\n\r\n/** 聊天消息 */\r\nexport interface ChatMessage {\r\n  /** 消息唯一 ID */\r\n  id: string\r\n  /** 消息类型 */\r\n  type: MessageType\r\n  /** 消息方向 */\r\n  direction: MessageDirection\r\n  /** 发送者信息 */\r\n  sender: ChatUser\r\n  /** 文本内容（text 类型） */\r\n  content?: string\r\n  /** 图片附件（image 类型） */\r\n  image?: ImageAttachment\r\n  /** 文件附件（file 类型） */\r\n  file?: FileAttachment\r\n  /** 自定义数据（custom 类型） */\r\n  customData?: Record<string, unknown>\r\n  /** 自定义 HTML（custom 类型）；渲染时会过滤脚本、事件属性、样式和不安全 URL，仅保留受支持的基础标签 */\r\n  customHtml?: string\r\n  /** 提及列表 */\r\n  mentions?: MentionItem[]\r\n  /** 发送状态 */\r\n  status?: MessageStatus\r\n  /** 消息时间戳（毫秒） */\r\n  timestamp: number\r\n  /** 是否已撤回 */\r\n  revoked?: boolean\r\n  /** 是否正在流式输出（AI 风格） */\r\n  streaming?: boolean\r\n  /** 规范化内容块；未提供时使用 content/image/file 等兼容字段。 */\r\n  contentBlocks?: ChatContentBlock[]\r\n  /** 消息 schema 版本，便于跨 transport 与持久化迁移。 */\r\n  schemaVersion?: number\r\n  /** 会话标识，用于多会话 transport 复用。 */\r\n  conversationId?: string\r\n  /** 客户端幂等标识，服务端 ack 与离线 outbox 使用。 */\r\n  clientMessageId?: string\r\n  /** 服务端单调序号，用于乱序与重复消息过滤。 */\r\n  sequence?: number\r\n  /** 服务端同步游标。 */\r\n  cursor?: string\r\n}\r\n\r\n// ==================== 主题相关 ====================\r\n\r\n/** 主题模式 */\r\nexport type ThemeMode = 'light' | 'dark' | 'auto'\r\n\r\n// ==================== 工具栏配置 ====================\r\n\r\n/** 工具栏配置 */\r\nexport interface ToolbarConfig {\r\n  /** 启用图片上传按钮 */\r\n  image?: boolean\r\n  /** 启用文件上传按钮 */\r\n  file?: boolean\r\n  /** 启用语音输入按钮 */\r\n  voice?: boolean\r\n}\r\n\r\n// ==================== 配置相关 ====================\r\n\r\n/** 聊天组件配置 */\r\nexport interface ChatConfig {\r\n  /** 挂载容器 */\r\n  container: HTMLElement | string\r\n  /** 当前用户 ID（用于判断消息方向） */\r\n  currentUserId: string\r\n  /** 初始消息列表 */\r\n  messages?: ChatMessage[]\r\n  /** 主题模式 */\r\n  theme?: ThemeMode\r\n  /** 是否显示头像 */\r\n  showAvatar?: boolean\r\n  /** 是否显示昵称 */\r\n  showNickname?: boolean\r\n  /** 是否显示时间 */\r\n  showTimestamp?: boolean\r\n  /** 时间分组间隔（毫秒），默认 300000 (5分钟) */\r\n  timeGroupInterval?: number\r\n  /** 是否显示消息状态 */\r\n  showStatus?: boolean\r\n  /** 是否显示输入框 */\r\n  showInput?: boolean\r\n  /** 输入框占位文本 */\r\n  inputPlaceholder?: string\r\n  /** 是否启用 @提及 */\r\n  enableMention?: boolean\r\n  /** @提及候选人列表 */\r\n  mentionMembers?: MentionItem[]\r\n  /** 是否支持加载更多 */\r\n  enableLoadMore?: boolean\r\n  /** 加载更多文本 */\r\n  loadMoreText?: string\r\n  /** CSS class 前缀 */\r\n  classPrefix?: string\r\n  enterToSend?: boolean\r\n  clearInputOnSend?: boolean\r\n  maxInputLength?: number\r\n  voiceLang?: string\r\n  /** 日期格式化函数 */\r\n  formatTime?: (timestamp: number) => string\r\n  /** 是否启用工具栏 */\r\n  enableToolbar?: boolean\r\n  /** 工具栏配置 */\r\n  toolbarConfig?: ToolbarConfig\r\n  /** 可选消息 transport；不配置时 Core 仍保持纯本地模式。 */\r\n  transport?: import('../core/transport').ChatTransport\r\n  /** transport 使用的会话标识。 */\r\n  conversationId?: string\r\n  /** 创建实例后自动连接 transport。 */\r\n  autoConnect?: boolean\r\n  /** transport 初始同步游标。 */\r\n  transportCursor?: string\r\n  /** 可选离线 outbox，用于保存发送中的消息并在连接恢复后重试。 */\r\n  outbox?: import('../core/outbox').ChatOutbox\r\n\r\n  // 回调\r\n  /** 发送消息回调 */\r\n  onSend?: (content: string, mentions: MentionItem[]) => void\r\n  /** 加载更多回调 */\r\n  onLoadMore?: () => void | Promise<void>\r\n  /** 消息点击回调 */\r\n  onMessageClick?: (message: ChatMessage) => void\r\n  /** @提及选择回调 */\r\n  onMentionSelect?: (member: MentionItem) => void\r\n  /** 图片上传回调（接收 File 列表） */\r\n  onImageUpload?: (files: File[]) => void\r\n  /** 文件上传回调（接收 File 列表） */\r\n  onFileUpload?: (files: File[]) => void\r\n  /** 粘贴回调（接收文件列表） */\r\n  onPaste?: (files: File[]) => void\r\n  /** 拖放回调（接收文件列表） */\r\n  onDrop?: (files: File[]) => void\r\n  /** 语音开始回调 */\r\n  onVoiceStart?: () => void\r\n  /** 语音结束回调（接收识别文本） */\r\n  onVoiceEnd?: (transcript: string) => void\r\n  onVoiceUnsupported?: () => void\r\n  onVoiceError?: (error: unknown) => void\r\n  onInputChange?: (content: string) => void\r\n}\r\n\r\n/** 聊天实例 */\r\nexport interface ChatInstance {\r\n  /** 添加消息 */\r\n  addMessage: (message: ChatMessage) => void\r\n  /** 批量添加消息（在列表顶部插入，用于加载更多） */\r\n  prependMessages: (messages: ChatMessage[]) => void\r\n  /** 更新消息 */\r\n  updateMessage: (id: string, updates: Partial<ChatMessage>) => void\r\n  /** 删除消息 */\r\n  removeMessage: (id: string) => void\r\n  /** 设置完整消息列表 */\r\n  setMessages: (messages: ChatMessage[]) => void\r\n  /** 清空所有消息 */\r\n  clearMessages: () => void\r\n  /** 滚动到底部 */\r\n  scrollToBottom: (smooth?: boolean) => void\r\n  /** 设置主题 */\r\n  setTheme: (theme: ThemeMode) => void\r\n  /** 更新 @提及候选人 */\r\n  setMentionMembers: (members: MentionItem[]) => void\r\n  /** 设置加载更多状态 */\r\n  setLoadingMore: (loading: boolean) => void\r\n  /** 聚焦输入框 */\r\n  focusInput: () => void\r\n  /** 设置输入框内容 */\r\n  setInputContent: (content: string) => void\r\n  /** 获取输入框内容 */\r\n  getInputContent: () => string\r\n  clearInput: () => void\r\n  isAtBottom: (threshold?: number) => boolean\r\n  /** 监听事件 */\r\n  on: (event: string, handler: (...args: unknown[]) => void) => () => void\r\n  /** 获取所有消息 */\r\n  getMessages: () => ChatMessage[]\r\n  /** 追加流式消息内容（AI 模式）；可用 generation/sequence 防止旧 chunk 覆盖新流。 */\r\n  appendMessageContent: (\r\n    id: string,\r\n    chunk: string,\r\n    options?: { generation?: string; sequence?: number }\r\n  ) => boolean\r\n  /** 完成流式消息 */\r\n  finishStreaming: (id: string, generation?: string) => boolean\r\n  /** 开始一个新的流式 generation，旧 generation 的 chunk 会被丢弃。 */\r\n  beginStreaming: (id: string, generation?: string) => string | null\r\n  /** 取消当前流式 generation。 */\r\n  cancelStreaming: (id: string, generation?: string) => boolean\r\n  /** 合并远端消息，按消息 ID/clientMessageId 去重并按 sequence 忽略旧版本。 */\r\n  mergeMessage: (\r\n    message: ChatMessage,\r\n    sequence?: number\r\n  ) => 'added' | 'updated' | 'ignored'\r\n  /** 连接 transport。 */\r\n  connectTransport: (signal?: AbortSignal) => Promise<void>\r\n  /** 断开 transport。 */\r\n  disconnectTransport: () => Promise<void>\r\n  /** 获取当前 transport 状态。 */\r\n  getTransportStatus: () => import('../core/transport').ChatTransportStatus\r\n  /** 通过 transport 发送消息，失败时保留 failed 状态并交给 outbox 重试。 */\r\n  sendMessage: (\r\n    message: ChatMessage,\r\n    options?: { signal?: AbortSignal }\r\n  ) => Promise<import('../core/transport').ChatTransportAck | void>\r\n  /** 刷新离线 outbox。 */\r\n  flushOutbox: (\r\n    options?: import('../core/outbox').ChatOutboxFlushOptions\r\n  ) => Promise<import('../core/outbox').ChatOutboxFlushResult>\r\n  getMessage: (id: string) => ChatMessage | undefined\r\n  /** 销毁实例 */\r\n  destroy: () => void\r\n}\r\n"],"mappings":";;;;;;;;;;;AA2FO,MAAM,8BAA8B"}