@mathwiz/ui-components 0.1.29 → 0.1.31

package/README.md

@@ -5,7 +5,7 @@
 ## 📦 组件库信息
 
 - **包名**: `@mathwiz/ui-components`
-- **版本**: 0.1.26
+- **版本**: 0.1.30
 - **描述**: A collection of reusable UI components for React applications within the mathwiz ecosystem.
 - **GitHub**: [https://github.com/moleusher/mathwiz-UI](https://github.com/moleusher/mathwiz-UI)
 - **Storybook**: [本地开发地址](http://localhost:6006)

package/dist/components/AICopilot/AICopilot.css

@@ -0,0 +1,237 @@
+/**
+ * AI Copilot 组件样式
+ * 组件前缀: mathwiz-
+ */
+
+/* ============================================
+   主容器
+   ============================================ */
+
+.mathwiz-copilot {
+  --copilot-header-height: 64px;
+  --copilot-input-height: auto;
+  --copilot-context-bar-height: auto;
+
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  min-height: 400px;
+  background-color: var(--background);
+}
+
+/* ============================================
+   Header
+   ============================================ */
+
+.mathwiz-copilot-header {
+  height: var(--copilot-header-height);
+  flex-shrink: 0;
+}
+
+/* ============================================
+   Context Bar
+   ============================================ */
+
+.mathwiz-context-bar {
+  flex-shrink: 0;
+  transition: all 0.2s ease;
+}
+
+.mathwiz-context-bar:hover {
+  box-shadow: var(--shadow-md);
+}
+
+/* ============================================
+   Chat Container
+   ============================================ */
+
+.mathwiz-chat-container {
+  flex: 1;
+  overflow-y: auto;
+  scroll-behavior: smooth;
+}
+
+/* ============================================
+   Empty State
+   ============================================ */
+
+.mathwiz-empty-state {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  padding: 2rem;
+  text-align: center;
+}
+
+/* ============================================
+   Chat Message
+   ============================================ */
+
+.mathwiz-chat-message {
+  display: flex;
+  gap: 0.75rem;
+  padding: 1rem;
+  transition: background-color 0.2s ease;
+}
+
+.mathwiz-chat-message:hover {
+  background-color: var(--default-50);
+}
+
+.mathwiz-chat-message--user {
+  flex-direction: row-reverse;
+}
+
+.mathwiz-chat-message--assistant {
+  flex-direction: row;
+}
+
+.mathwiz-chat-bubble--user {
+  background-color: var(--primary-100);
+  color: var(--primary-900);
+  border-radius: 1rem 1rem 0.25rem 1rem;
+}
+
+.mathwiz-chat-bubble--assistant {
+  background-color: var(--default-100);
+  color: var(--default-900);
+  border-radius: 1rem 1rem 1rem 0.25rem;
+}
+
+.mathwiz-chat-avatar {
+  flex-shrink: 0;
+}
+
+.mathwiz-chat-image-preview {
+  width: 5rem;
+  height: 5rem;
+  border-radius: 0.5rem;
+  overflow: hidden;
+  border: 1px solid var(--default-200);
+}
+
+.mathwiz-chat-image-preview img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+/* ============================================
+   Stream Message
+   ============================================ */
+
+.mathwiz-stream-message {
+  display: flex;
+  gap: 0.75rem;
+  padding: 1rem;
+}
+
+.mathwiz-typing-indicator {
+  display: flex;
+  align-items: center;
+  gap: 0.25rem;
+  padding: 0.5rem 1rem;
+}
+
+.mathwiz-typing-indicator span {
+  width: 0.5rem;
+  height: 0.5rem;
+  border-radius: 50%;
+  background-color: var(--default-400);
+  animation: bounce 1s infinite;
+}
+
+.mathwiz-typing-indicator span:nth-child(2) {
+  animation-delay: 0.15s;
+}
+
+.mathwiz-typing-indicator span:nth-child(3) {
+  animation-delay: 0.3s;
+}
+
+@keyframes bounce {
+  0%,
+  80%,
+  100% {
+    transform: translateY(0);
+  }
+  40% {
+    transform: translateY(-0.25rem);
+  }
+}
+
+/* ============================================
+   Chat Input
+   ============================================ */
+
+.mathwiz-chat-input {
+  flex-shrink: 0;
+  border-top: 1px solid var(--default-200);
+  background-color: var(--background);
+}
+
+.mathwiz-pending-image {
+  position: relative;
+  flex-shrink: 0;
+  width: 4rem;
+  height: 4rem;
+  border-radius: 0.5rem;
+  overflow: hidden;
+  border: 1px solid var(--default-200);
+}
+
+.mathwiz-pending-image img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.mathwiz-pending-image button {
+  position: absolute;
+  top: 0.125rem;
+  right: 0.125rem;
+  padding: 0.125rem;
+  background-color: rgba(0, 0, 0, 0.5);
+  border-radius: 50%;
+  color: white;
+  transition: background-color 0.2s ease;
+}
+
+.mathwiz-pending-image button:hover {
+  background-color: rgba(0, 0, 0, 0.7);
+}
+
+/* ============================================
+   Quick Actions
+   ============================================ */
+
+.mathwiz-quick-actions {
+  flex-shrink: 0;
+  width: 100%;
+}
+
+.mathwiz-quick-action-btn {
+  flex-shrink: 0;
+}
+
+/* ============================================
+   Responsive
+   ============================================ */
+
+@media (max-width: 640px) {
+  .mathwiz-chat-message {
+    padding: 0.75rem;
+  }
+
+  .mathwiz-chat-bubble--user,
+  .mathwiz-chat-bubble--assistant {
+    max-width: 90%;
+  }
+
+  .mathwiz-chat-image-preview {
+    width: 4rem;
+    height: 4rem;
+  }
+}

package/dist/components/AICopilot/AICopilot.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { AICopilotProps } from './types';
+import './AICopilot.css';
+/**
+ * AICopilot 主组件
+ * AI 数学助手容器组件，整合所有子组件
+ */
+export declare const AICopilot: React.FC<AICopilotProps>;
+export default AICopilot;
+//# sourceMappingURL=AICopilot.d.ts.map

package/dist/components/AICopilot/AICopilot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AICopilot.d.ts","sourceRoot":"","sources":["../../../src/components/AICopilot/AICopilot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAG3C,OAAO,KAAK,EAAE,cAAc,EAAe,MAAM,SAAS,CAAC;AAY3D,OAAO,iBAAiB,CAAC;AA4DzB;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAiG7C,CAAC;AAIH,eAAe,SAAS,CAAC"}

package/dist/components/AICopilot/components/ChatContainer.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { ChatContainerProps } from '../types';
+/**
+ * ChatContainer 组件
+ * 消息列表容器，管理消息渲染和空状态
+ */
+export declare const ChatContainer: React.FC<ChatContainerProps>;
+export default ChatContainer;
+//# sourceMappingURL=ChatContainer.d.ts.map

package/dist/components/AICopilot/components/ChatContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/AICopilot/components/ChatContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAgCnD;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA2DrD,CAAC;AAIH,eAAe,aAAa,CAAC"}

package/dist/components/AICopilot/components/ChatInput.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { ChatInputProps } from '../types';
+/**
+ * ChatInput 组件
+ * 聊天输入框组合，包含图片上传、文本输入、发送/停止按钮
+ */
+export declare const ChatInput: React.FC<ChatInputProps>;
+export default ChatInput;
+//# sourceMappingURL=ChatInput.d.ts.map

package/dist/components/AICopilot/components/ChatInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatInput.d.ts","sourceRoot":"","sources":["../../../../src/components/AICopilot/components/ChatInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAYnD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAyK7C,CAAC;AAIH,eAAe,SAAS,CAAC"}

package/dist/components/AICopilot/components/ChatMessage.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { ChatMessageComponentProps } from '../types';
+/**
+ * ChatMessage 组件
+ * 渲染单条聊天消息，支持用户消息和AI助手消息
+ */
+export declare const ChatMessage: React.FC<ChatMessageComponentProps>;
+export default ChatMessage;
+//# sourceMappingURL=ChatMessage.d.ts.map

package/dist/components/AICopilot/components/ChatMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/AICopilot/components/ChatMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAC;AAkB1D;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAmG1D,CAAC;AAIH,eAAe,WAAW,CAAC"}

package/dist/components/AICopilot/components/CollapsibleContextBar.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { CollapsibleContextBarProps } from '../types';
+/**
+ * CollapsibleContextBar 组件
+ * 可折叠的题目上下文信息条
+ */
+export declare const CollapsibleContextBar: React.FC<CollapsibleContextBarProps>;
+export default CollapsibleContextBar;
+//# sourceMappingURL=CollapsibleContextBar.d.ts.map

package/dist/components/AICopilot/components/CollapsibleContextBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsibleContextBar.d.ts","sourceRoot":"","sources":["../../../../src/components/AICopilot/components/CollapsibleContextBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAe1B,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,UAAU,CAAC;AA0B3D;;;GAGG;AACH,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAmFrE,CAAC;AAIH,eAAe,qBAAqB,CAAC"}

package/dist/components/AICopilot/components/QuickActions.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { QuickActionsProps } from '../types';
+/**
+ * QuickActions 组件
+ * 快捷操作按钮组，横向滚动布局
+ */
+export declare const QuickActions: React.FC<QuickActionsProps>;
+export default QuickActions;
+//# sourceMappingURL=QuickActions.d.ts.map

package/dist/components/AICopilot/components/QuickActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuickActions.d.ts","sourceRoot":"","sources":["../../../../src/components/AICopilot/components/QuickActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,iBAAiB,EAAe,MAAM,UAAU,CAAC;AAsB/D;;;GAGG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAmCnD,CAAC;AAIH,eAAe,YAAY,CAAC"}

package/dist/components/AICopilot/components/StreamMessage.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { StreamMessageProps } from '../types';
+/**
+ * StreamMessage 组件
+ * 渲染AI流式输出消息，包含打字指示器和流式内容
+ */
+export declare const StreamMessage: React.FC<StreamMessageProps>;
+export default StreamMessage;
+//# sourceMappingURL=StreamMessage.d.ts.map

package/dist/components/AICopilot/components/StreamMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StreamMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/AICopilot/components/StreamMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AA0BnD;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAoDrD,CAAC;AAIH,eAAe,aAAa,CAAC"}

package/dist/components/AICopilot/index.d.ts

@@ -0,0 +1,12 @@
+export { AICopilot } from './AICopilot';
+export { default } from './AICopilot';
+export { ChatMessage as ChatMessageComponent } from './components/ChatMessage';
+export { StreamMessage } from './components/StreamMessage';
+export { ChatInput } from './components/ChatInput';
+export { QuickActions } from './components/QuickActions';
+export { ChatContainer } from './components/ChatContainer';
+export { CollapsibleContextBar } from './components/CollapsibleContextBar';
+export { createAICopilotStore, useAICopilotStore, useInputState, useImageState, usePanelState, useAbortController, } from './store';
+export type { MessageRole, IntentType, ImageStatus, UploadedImage, KnowledgePoint, ChatMessage, ProblemContext, QuickAction, AICopilotProps, ChatMessageComponentProps, StreamMessageProps, ChatInputProps, QuickActionsProps, ChatContainerProps, CollapsibleContextBarProps, AICopilotState, AICopilotActions, AICopilotStore, } from './types';
+export { MessageRole as MessageRoleConst, IntentType as IntentTypeConst, ImageStatus as ImageStatusConst, DEFAULT_WELCOME_MESSAGE, DEFAULT_PLACEHOLDER, DEFAULT_MAX_IMAGES, DEFAULT_QUICK_ACTIONS, } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/AICopilot/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/AICopilot/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAGtC,OAAO,EAAE,WAAW,IAAI,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAC/E,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAG3E,OAAO,EACL,oBAAoB,EACpB,iBAAiB,EACjB,aAAa,EACb,aAAa,EACb,aAAa,EACb,kBAAkB,GACnB,MAAM,SAAS,CAAC;AAGjB,YAAY,EAEV,WAAW,EACX,UAAU,EACV,WAAW,EACX,aAAa,EACb,cAAc,EACd,WAAW,EACX,cAAc,EACd,WAAW,EAEX,cAAc,EACd,yBAAyB,EACzB,kBAAkB,EAClB,cAAc,EACd,iBAAiB,EACjB,kBAAkB,EAClB,0BAA0B,EAE1B,cAAc,EACd,gBAAgB,EAChB,cAAc,GACf,MAAM,SAAS,CAAC;AAGjB,OAAO,EACL,WAAW,IAAI,gBAAgB,EAC/B,UAAU,IAAI,eAAe,EAC7B,WAAW,IAAI,gBAAgB,EAC/B,uBAAuB,EACvB,mBAAmB,EACnB,kBAAkB,EAClB,qBAAqB,GACtB,MAAM,SAAS,CAAC"}

package/dist/components/AICopilot/store.d.ts

@@ -0,0 +1,30 @@
+import type { AICopilotStore } from './types';
+/**
+ * 创建 AI Copilot Store 的工厂函数
+ * 每个调用返回独立的 store 实例，支持 Storybook 多故事状态隔离
+ */
+export declare const createAICopilotStore: () => import("zustand").UseBoundStore<import("zustand").StoreApi<AICopilotStore>>;
+/**
+ * 全局 AI Copilot Store 单例
+ * 用于向后兼容和简单场景
+ * 注意：在 Storybook 环境中，所有故事共享此全局 store 实例
+ */
+export declare const useAICopilotStore: import("zustand").UseBoundStore<import("zustand").StoreApi<AICopilotStore>>;
+/**
+ * 自定义 Hook - 获取输入相关状态和操作
+ * 使用 useShallow 优化性能
+ */
+export declare const useInputState: () => Pick<AICopilotStore, "inputValue" | "setInputValue" | "isInputFocused" | "setInputFocused" | "clearInput">;
+/**
+ * 自定义 Hook - 获取图片相关状态和操作
+ */
+export declare const useImageState: () => Pick<AICopilotStore, "pendingImages" | "addPendingImage" | "removePendingImage" | "clearPendingImages" | "updateImageStatus">;
+/**
+ * 自定义 Hook - 获取面板相关状态和操作
+ */
+export declare const usePanelState: () => Pick<AICopilotStore, "isContextBarCollapsed" | "isHistoryOpen" | "toggleContextBar" | "collapseContextBar" | "expandContextBar" | "setHistoryOpen" | "toggleHistory">;
+/**
+ * 自定义 Hook - 获取 AbortController
+ */
+export declare const useAbortController: () => Pick<AICopilotStore, "abortController" | "setAbortController">;
+//# sourceMappingURL=store.d.ts.map

package/dist/components/AICopilot/store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../../../src/components/AICopilot/store.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,cAAc,EAKf,MAAM,SAAS,CAAC;AAcjB;;;GAGG;AACH,eAAO,MAAM,oBAAoB,mFAgFhC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,6EAAyB,CAAC;AAExD;;;GAGG;AACH,eAAO,MAAM,aAAa,kHAYzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,qIAYzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,6KAczB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,kBAAkB,sEAS9B,CAAC"}

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

@@ -0,0 +1,219 @@
+/**
+ * AI Copilot 组件类型定义
+ * 遵循设计规范: docs/specs/design/ai-copilot/design-spec.md
+ */
+/**
+ * 消息角色类型
+ */
+export declare const MessageRole: {
+    readonly USER: "user";
+    readonly ASSISTANT: "assistant";
+    readonly SYSTEM: "system";
+};
+export type MessageRole = typeof MessageRole[keyof typeof MessageRole];
+/**
+ * 意图类型
+ */
+export declare const IntentType: {
+    readonly HINT: "hint";
+    readonly EXPLANATION: "explanation";
+    readonly SOLUTION: "solution";
+    readonly FOLLOW_UP: "follow_up";
+    readonly GENERAL: "general";
+};
+export type IntentType = typeof IntentType[keyof typeof IntentType];
+/**
+ * 图片上传状态
+ */
+export declare const ImageStatus: {
+    readonly PENDING: "pending";
+    readonly UPLOADING: "uploading";
+    readonly SUCCESS: "success";
+    readonly ERROR: "error";
+};
+export type ImageStatus = typeof ImageStatus[keyof typeof ImageStatus];
+/**
+ * 上传图片信息
+ */
+export interface UploadedImage {
+    id: string;
+    url: string;
+    file?: File;
+    status: ImageStatus;
+    errorMessage?: string;
+}
+/**
+ * 知识点
+ */
+export interface KnowledgePoint {
+    id: string;
+    name: string;
+}
+/**
+ * 聊天消息
+ */
+export interface ChatMessage {
+    messageId: string;
+    role: MessageRole;
+    content: string;
+    timestamp: string;
+    intentType?: IntentType;
+    referencedProblemId?: string;
+    referencedProblemTitle?: string;
+    isStreaming?: boolean;
+    images?: UploadedImage[];
+}
+/**
+ * 题目上下文
+ */
+export interface ProblemContext {
+    problemId: string;
+    title: string;
+    difficulty: number;
+    knowledgePoints: KnowledgePoint[];
+}
+/**
+ * 快捷操作
+ */
+export interface QuickAction {
+    id: string;
+    label: string;
+    message: string;
+    icon?: string;
+}
+/**
+ * AI Copilot 主组件 Props
+ */
+export interface AICopilotProps {
+    messages: ChatMessage[];
+    problemContext?: ProblemContext;
+    sessionId?: string | null;
+    isStreaming?: boolean;
+    streamingContent?: string;
+    onSendMessage: (message: string, options?: {
+        problemId?: string;
+        images?: UploadedImage[];
+    }) => void;
+    onAbortStreaming?: () => void;
+    onLoadHistory?: () => void;
+    onNewSession?: () => void;
+    onChangeProblem?: () => void;
+    onImageUpload?: (file: File) => Promise<UploadedImage>;
+    quickActions?: QuickAction[];
+    welcomeMessage?: string;
+    placeholder?: string;
+    maxImages?: number;
+    className?: string;
+    theme?: 'light' | 'dark';
+}
+/**
+ * ChatMessage 组件 Props
+ */
+export interface ChatMessageComponentProps {
+    message: ChatMessage;
+    showProblemTag?: boolean;
+    className?: string;
+}
+/**
+ * StreamMessage 组件 Props
+ */
+export interface StreamMessageProps {
+    content: string;
+    className?: string;
+}
+/**
+ * ChatInput 组件 Props
+ */
+export interface ChatInputProps {
+    value: string;
+    onChange: (value: string) => void;
+    onSend: () => void;
+    onAbort?: () => void;
+    isStreaming?: boolean;
+    pendingImages: UploadedImage[];
+    onImageAdd: (image: UploadedImage) => void;
+    onImageRemove: (imageId: string) => void;
+    onImageUpload?: (file: File) => Promise<UploadedImage>;
+    placeholder?: string;
+    maxImages?: number;
+    disabled?: boolean;
+    className?: string;
+}
+/**
+ * QuickActions 组件 Props
+ */
+export interface QuickActionsProps {
+    actions: QuickAction[];
+    onActionClick: (action: QuickAction) => void;
+    className?: string;
+}
+/**
+ * ChatContainer 组件 Props
+ */
+export interface ChatContainerProps {
+    messages: ChatMessage[];
+    isStreaming?: boolean;
+    streamingContent?: string;
+    welcomeMessage?: string;
+    className?: string;
+}
+/**
+ * CollapsibleContextBar 组件 Props
+ */
+export interface CollapsibleContextBarProps {
+    problemContext: ProblemContext;
+    isCollapsed: boolean;
+    onToggle: () => void;
+    onChangeProblem?: () => void;
+    className?: string;
+}
+/**
+ * AI Copilot UI 状态
+ */
+export interface AICopilotState {
+    inputValue: string;
+    isInputFocused: boolean;
+    pendingImages: UploadedImage[];
+    isContextBarCollapsed: boolean;
+    isHistoryOpen: boolean;
+    abortController: AbortController | null;
+}
+/**
+ * AI Copilot UI 操作
+ */
+export interface AICopilotActions {
+    setInputValue: (value: string) => void;
+    setInputFocused: (focused: boolean) => void;
+    clearInput: () => void;
+    addPendingImage: (image: UploadedImage) => void;
+    removePendingImage: (imageId: string) => void;
+    clearPendingImages: () => void;
+    updateImageStatus: (imageId: string, status: ImageStatus) => void;
+    toggleContextBar: () => void;
+    collapseContextBar: () => void;
+    expandContextBar: () => void;
+    setHistoryOpen: (open: boolean) => void;
+    toggleHistory: () => void;
+    setAbortController: (controller: AbortController | null) => void;
+}
+/**
+ * 完整的 Store 类型
+ */
+export type AICopilotStore = AICopilotState & AICopilotActions;
+/**
+ * 默认欢迎消息
+ */
+export declare const DEFAULT_WELCOME_MESSAGE = "\u4F60\u597D\uFF01\u6211\u662F\u4F60\u7684\u6570\u5B66\u5B66\u4E60\u52A9\u624B\u3002\u4F60\u53EF\u4EE5\u95EE\u6211\u4EFB\u4F55\u6570\u5B66\u95EE\u9898\uFF0C\u6216\u8005\u4E0A\u4F20\u9898\u76EE\u56FE\u7247\u8BA9\u6211\u5E2E\u4F60\u89E3\u7B54\u3002";
+/**
+ * 默认输入框占位符
+ */
+export declare const DEFAULT_PLACEHOLDER = "\u8F93\u5165\u6D88\u606F...";
+/**
+ * 默认最大图片数量
+ */
+export declare const DEFAULT_MAX_IMAGES = 4;
+/**
+ * 默认快捷操作
+ */
+export declare const DEFAULT_QUICK_ACTIONS: QuickAction[];
+//# sourceMappingURL=types.d.ts.map

package/dist/components/AICopilot/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/AICopilot/types.ts"],"names":[],"mappings":"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"}

package/dist/components/HundredChart/HundredChart.css

@@ -44,6 +44,14 @@
   outline-offset: 1px;
 }
 
+/* 数字文本样式 */
+.hundred-chart-cell-text {
+  font-family: var(--hundred-chart-font-family, system-ui, -apple-system, sans-serif);
+  font-weight: var(--hundred-chart-font-weight, 500);
+  user-select: none;
+  pointer-events: none;
+}
+
 /* 高对比度模式支持 */
 @media (prefers-contrast: high) {
   .hundred-chart-cell {

package/dist/components/HundredChart/HundredChart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HundredChart.d.ts","sourceRoot":"","sources":["../../../src/components/HundredChart/HundredChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAC9D,OAAO,KAAK,EAAE,iBAAiB,EAAY,MAAM,sBAAsB,CAAC;AASxE,OAAO,oBAAoB,CAAC;AAE5B;;;GAGG;AACH,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAwK7C,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"HundredChart.d.ts","sourceRoot":"","sources":["../../../src/components/HundredChart/HundredChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAC9D,OAAO,KAAK,EAAE,iBAAiB,EAAY,MAAM,sBAAsB,CAAC;AAUxE,OAAO,oBAAoB,CAAC;AAE5B;;;GAGG;AACH,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA0M7C,CAAC;AAEF,eAAe,YAAY,CAAC"}