one-design-next 0.0.32 → 0.0.33

package/dist/_genui-types.d.ts

@@ -25,6 +25,16 @@ export interface Attachment {
     type: string;
     url?: string;
     size?: number;
+    /**
+     * 附件状态：
+     * - uploading: 上传中（发送按钮应禁用）
+     * - error: 上传失败（可重试）
+     * - expired: 已过期（消息流只读态）
+     * - done: 上传完成（默认）
+     */
+    status?: 'uploading' | 'error' | 'expired' | 'done';
+    /** status='error' 时展示的失败原因文案。 */
+    errorMessage?: string;
     /**
      * 特殊变体：
      * - 'report'：AI 生成报告的大卡片（含创建时间 + 右侧预览缩略图）。
@@ -32,9 +42,13 @@ export interface Attachment {
      *   其余类型为分类色 icon）、右侧两行（文件名 + 类型标签）。适合长聊天流回看 /
      *   引用 / 有正文 + 多图列表等"占位省、识别强"的场景。与默认的「图片大预览
      *   imageCardInner」并列，由调用方按上下文选择。
+     * - 'image-thumb'：纯图大缩略方块（56×56 cover、无边框），承载 image/* + url。
+     *   与文件信息卡共享同一套三态机（uploading/error/expired）、remove 角标与
+     *   fresh-done 行为——composer 待发送区即以此变体让"图片大预览 + 文件信息卡"
+     *   并列且同源，不再各写一套。
      * - 未传：走普通文件卡片（image/* + url 自动展开为内嵌大预览 imageCardInner）。
      */
-    variant?: 'report' | 'thumb-card';
+    variant?: 'report' | 'thumb-card' | 'image-thumb';
     /** variant='report' 时展示在标题下的创建时间，例如 "03-09 15:46"。 */
     createdAt?: string;
     /** variant='report' 时右侧预览缩略图地址。未传时渲染为浅色占位层。 */
@@ -186,7 +200,7 @@ export interface Conversation {
     title: string;
     preview?: string;
     timestamp?: number;
-    status?: 'generating' | 'unread';
+    status?: 'generating' | 'unread' | 'error';
 }
 export interface MessageSnapshot {
     content: string;

package/dist/agent-think/index.js

@@ -9,8 +9,6 @@ import { useState, useEffect, useRef, useCallback } from 'react';
 import { AnimatePresence, motion } from 'motion/react';
 import HoverFill from "../hover-fill";
 import Icon from "../icon";
-import ThinkingIcon from "./ThinkingIcon";
-import ThinkingDoneIcon from "./ThinkingDoneIcon";
 import "./style";
 export function AgentThink(_ref) {
   var content = _ref.content,
@@ -117,19 +115,13 @@ function AgentThinkBlock(_ref2) {
   }, isThinking && expanded ? /*#__PURE__*/React.createElement("span", {
     "data-odn-agent-think-trigger": true,
     "data-odn-agent-think-trigger-active": true
-  }, icon !== null && icon !== void 0 ? icon : /*#__PURE__*/React.createElement(ThinkingIcon, {
-    size: 18,
-    "data-odn-agent-think-icon-active": true
-  }), /*#__PURE__*/React.createElement("span", null, "\u601D\u8003\u4E2D\u2026", timeLabel)) : /*#__PURE__*/React.createElement(HoverFill, {
+  }, icon, /*#__PURE__*/React.createElement("span", null, "\u601D\u8003\u4E2D\u2026", timeLabel)) : /*#__PURE__*/React.createElement(HoverFill, {
     "data-odn-agent-think-trigger-wrap": true,
     bgClassName: "odn-agent-think-trigger-bg"
   }, /*#__PURE__*/React.createElement("button", {
     onClick: handleToggle,
     "data-odn-agent-think-trigger": true
-  }, /*#__PURE__*/React.createElement(ThinkingDoneIcon, {
-    size: 18,
-    "data-odn-agent-think-icon-muted": true
-  }), /*#__PURE__*/React.createElement("span", null, "\u5DF2\u5B8C\u6210\u601D\u8003", timeLabel), /*#__PURE__*/React.createElement(Icon, _extends({
+  }, /*#__PURE__*/React.createElement("span", null, "\u5DF2\u5B8C\u6210\u601D\u8003", timeLabel), /*#__PURE__*/React.createElement(Icon, _extends({
     name: "chevron-down",
     size: 12
   }, collapsed ? {

package/dist/attachments/index.d.ts

@@ -5,11 +5,13 @@ export interface AttachmentsProps {
     attachments: Attachment[];
     onRemove?: (index: number) => void;
     onFileClick?: (attachment: Attachment) => void;
+    /** 上传失败时重试回调（status='error' 生效）。 */
+    onRetry?: (index: number) => void;
     /** report 变体 hover 时「下载」按钮回调；未传则 hover 时只显示「打开」按钮。 */
     onDownload?: (attachment: Attachment) => void;
     compact?: boolean;
 }
-export declare function Attachments({ attachments, onRemove, onFileClick, onDownload, compact }: AttachmentsProps): import("react").JSX.Element | null;
+export declare function Attachments({ attachments, onRemove, onFileClick, onRetry, onDownload, compact }: AttachmentsProps): import("react").JSX.Element | null;
 export declare namespace Attachments {
     var displayName: string;
 }

package/dist/attachments/index.js

@@ -6,38 +6,38 @@ var categoryMap = {
   image: {
     icon: 'image',
     color: 'var(--odn-color-green-6)',
-    bg: 'var(--odn-color-green-1)'
+    bg: 'var(--odn-color-green-2)'
   },
   code: {
     icon: 'file-code',
     color: 'var(--odn-color-blue-8)',
-    bg: 'var(--odn-color-blue-1)'
+    bg: 'var(--odn-color-blue-2)'
   },
   doc: {
     icon: 'file-text',
     color: 'var(--odn-color-blue-6)',
-    bg: 'var(--odn-color-blue-1)'
+    bg: 'var(--odn-color-blue-2)'
   },
   data: {
     icon: 'layers',
     color: 'var(--odn-color-green-6)',
-    bg: 'var(--odn-color-green-1)'
+    bg: 'var(--odn-color-green-2)'
   },
   archive: {
     icon: 'archive',
     color: 'var(--odn-color-orange-6)',
-    bg: 'var(--odn-color-orange-1)'
+    bg: 'var(--odn-color-orange-2)'
   },
   text: {
     icon: 'file-text',
     color: 'var(--odn-color-solid-black-9)',
-    bg: 'var(--odn-color-solid-black-2)'
+    bg: 'var(--odn-color-solid-black-3)'
   }
 };
 var defaultMeta = {
   icon: 'file',
   color: 'var(--odn-color-solid-black-9)',
-  bg: 'var(--odn-color-solid-black-2)'
+  bg: 'var(--odn-color-solid-black-3)'
 };
 var mimeCategory = {
   'application/pdf': 'doc',
@@ -123,10 +123,15 @@ function formatSize(bytes) {
   if (bytes < 1024 * 1024) return "".concat((bytes / 1024).toFixed(1), " KB");
   return "".concat((bytes / (1024 * 1024)).toFixed(1), " MB");
 }
+function truncateMessage(text, maxChars) {
+  if (text.length <= maxChars) return text;
+  return "".concat(text.slice(0, maxChars), "...");
+}
 export function Attachments(_ref) {
   var attachments = _ref.attachments,
     onRemove = _ref.onRemove,
     onFileClick = _ref.onFileClick,
+    onRetry = _ref.onRetry,
     onDownload = _ref.onDownload,
     _ref$compact = _ref.compact,
     compact = _ref$compact === void 0 ? false : _ref$compact;
@@ -141,14 +146,34 @@ export function Attachments(_ref) {
    * 退化成 chip，而想要"小卡片 + 缩略图"承担引用语义。
    */
   function renderThumbCard(a, i) {
+    var _a$status;
     var meta = getFileMeta(a.type);
     var isImage = a.type.startsWith('image/') && !!a.url;
+    var status = (_a$status = a.status) !== null && _a$status !== void 0 ? _a$status : 'done';
+    var isUploading = status === 'uploading';
+    var isError = status === 'error';
+    var isExpired = status === 'expired';
+    var clickable = !!onFileClick && !isUploading && !isExpired;
+    var retryable = !!onRetry && isError;
     var thumbCardInner = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
       "data-odn-attachments-thumb-card-thumb": true,
-      style: isImage ? undefined : {
+      style: isImage && !isUploading && !isError ? undefined : isUploading || isError ? undefined : {
         backgroundColor: meta.bg
       }
-    }, isImage ? /*#__PURE__*/React.createElement("img", {
+    }, isUploading ? /*#__PURE__*/React.createElement(Icon, {
+      name: "loading",
+      size: 16,
+      spin: true,
+      style: {
+        color: 'var(--odn-color-black-9)'
+      }
+    }) : isError ? /*#__PURE__*/React.createElement(Icon, {
+      name: "alert-triangle",
+      size: 16,
+      style: {
+        color: 'var(--odn-color-error)'
+      }
+    }) : isImage ? /*#__PURE__*/React.createElement("img", {
       src: a.url,
       alt: ""
     }) : /*#__PURE__*/React.createElement(Icon, {
@@ -163,20 +188,31 @@ export function Attachments(_ref) {
       "data-odn-attachments-thumb-card-name": true
     }, a.name), /*#__PURE__*/React.createElement("div", {
       "data-odn-attachments-thumb-card-type": true
-    }, formatType(a.type, a.name))));
+    }, isError ? truncateMessage(a.errorMessage || '上传失败，请重试', 18) : isExpired ? '已过期' : formatType(a.type, a.name))));
     return /*#__PURE__*/React.createElement("div", {
       key: i,
       "data-odn-attachments-item": true,
+      "data-odn-attachments-state": status,
       "data-odn-attachments-item-thumb-card": ""
-    }, onFileClick ? /*#__PURE__*/React.createElement("button", {
+    }, clickable ? /*#__PURE__*/React.createElement("button", {
       type: "button",
       onClick: function onClick() {
         return onFileClick(a);
       },
       "data-odn-attachments-thumb-card": true,
+      "data-odn-attachments-thumb-card-image": isImage || undefined,
       "data-odn-attachments-clickable": ""
+    }, thumbCardInner) : retryable ? /*#__PURE__*/React.createElement("button", {
+      type: "button",
+      onClick: function onClick() {
+        return onRetry(i);
+      },
+      "data-odn-attachments-thumb-card": true,
+      "data-odn-attachments-thumb-card-image": isImage || undefined,
+      "data-odn-attachments-retryable": ""
     }, thumbCardInner) : /*#__PURE__*/React.createElement("div", {
-      "data-odn-attachments-thumb-card": true
+      "data-odn-attachments-thumb-card": true,
+      "data-odn-attachments-thumb-card-image": isImage || undefined
     }, thumbCardInner), onRemove && /*#__PURE__*/React.createElement("button", {
       onClick: function onClick() {
         return onRemove(i);
@@ -187,12 +223,80 @@ export function Attachments(_ref) {
       size: 10
     })));
   }
+
+  /**
+   * image-thumb 渲染：纯图大缩略方块（56×56 cover、无边框）。
+   *
+   * 与文件信息卡（data-odn-attachments-card）严格同源——共享
+   * data-odn-attachments-state 三态机、remove 角标。composer 待发送区把 image/*
+   * 附件映射到本变体，让"图片大预览 + 文件信息卡"并列且同行等高，不再各写一套。
+   */
+  function renderImageThumb(a, i) {
+    var _a$status2;
+    var status = (_a$status2 = a.status) !== null && _a$status2 !== void 0 ? _a$status2 : 'done';
+    var isUploading = status === 'uploading';
+    var isError = status === 'error';
+    var isExpired = status === 'expired';
+    var clickable = !!onFileClick && !isUploading && !isError && !isExpired;
+    var thumb = /*#__PURE__*/React.createElement("img", {
+      src: a.url,
+      alt: a.name
+    });
+    return /*#__PURE__*/React.createElement("div", {
+      key: i,
+      "data-odn-attachments-item": true,
+      "data-odn-attachments-state": status,
+      "data-odn-attachments-item-image-thumb": ""
+    }, clickable ? /*#__PURE__*/React.createElement("button", {
+      type: "button",
+      onClick: function onClick() {
+        return onFileClick(a);
+      },
+      "data-odn-attachments-image-thumb": true,
+      "data-odn-attachments-clickable": ""
+    }, thumb) : /*#__PURE__*/React.createElement("div", {
+      "data-odn-attachments-image-thumb": true
+    }, thumb), isUploading && /*#__PURE__*/React.createElement("div", {
+      "data-odn-attachments-image-overlay": true
+    }, /*#__PURE__*/React.createElement(Icon, {
+      name: "loading",
+      size: 16,
+      spin: true
+    })), isError && (onRetry ? /*#__PURE__*/React.createElement("button", {
+      type: "button",
+      "data-odn-attachments-image-overlay": true,
+      "data-odn-attachments-image-overlay-error": "",
+      onClick: function onClick() {
+        return onRetry(i);
+      },
+      title: a.errorMessage || '上传失败，点击重试'
+    }, /*#__PURE__*/React.createElement(Icon, {
+      name: "alert-triangle",
+      size: 16
+    }), /*#__PURE__*/React.createElement("span", null, "\u91CD\u8BD5")) : /*#__PURE__*/React.createElement("div", {
+      "data-odn-attachments-image-overlay": true,
+      "data-odn-attachments-image-overlay-error": "",
+      title: a.errorMessage || '上传失败'
+    }, /*#__PURE__*/React.createElement(Icon, {
+      name: "alert-triangle",
+      size: 16
+    }), /*#__PURE__*/React.createElement("span", null, "\u5931\u8D25"))), onRemove && /*#__PURE__*/React.createElement("button", {
+      onClick: function onClick() {
+        return onRemove(i);
+      },
+      "data-odn-attachments-remove": true
+    }, /*#__PURE__*/React.createElement(Icon, {
+      name: "x",
+      size: 10
+    })));
+  }
   if (compact) {
     return /*#__PURE__*/React.createElement("div", {
       "data-odn-attachments-compact": true
     }, attachments.map(function (a, i) {
       // thumb-card 优先于 chip 默认路径——见上方 renderThumbCard 注释。
       if (a.variant === 'thumb-card') return renderThumbCard(a, i);
+      if (a.variant === 'image-thumb') return renderImageThumb(a, i);
       var meta = getFileMeta(a.type);
       var chip = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Icon, {
         name: meta.icon,
@@ -223,6 +327,7 @@ export function Attachments(_ref) {
   return /*#__PURE__*/React.createElement("div", {
     "data-odn-attachments": true
   }, attachments.map(function (a, i) {
+    var _a$status3;
     // Report 变体：hero 卡片（标题 + 创建时间 + 右侧预览）
     if (a.variant === 'report') {
       var previewInner = /*#__PURE__*/React.createElement(React.Fragment, null, a.thumbnailUrl ? /*#__PURE__*/React.createElement("img", {
@@ -311,14 +416,34 @@ export function Attachments(_ref) {
       })));
     }
     if (a.variant === 'thumb-card') return renderThumbCard(a, i);
+    if (a.variant === 'image-thumb') return renderImageThumb(a, i);
     var meta = getFileMeta(a.type);
     var isImage = a.type.startsWith('image/') && a.url;
+    var status = (_a$status3 = a.status) !== null && _a$status3 !== void 0 ? _a$status3 : 'done';
+    var isUploading = status === 'uploading';
+    var isError = status === 'error';
+    var isExpired = status === 'expired';
+    var clickable = !!onFileClick && !isUploading && !isExpired;
+    var retryable = !!onRetry && isError;
     var fileCardInner = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
       "data-odn-attachments-file-icon": true,
-      style: {
+      style: isUploading || isError ? undefined : {
         backgroundColor: meta.bg
       }
-    }, /*#__PURE__*/React.createElement(Icon, {
+    }, isUploading ? /*#__PURE__*/React.createElement(Icon, {
+      name: "loading",
+      size: 16,
+      spin: true,
+      style: {
+        color: 'var(--odn-color-black-9)'
+      }
+    }) : isError ? /*#__PURE__*/React.createElement(Icon, {
+      name: "alert-triangle",
+      size: 16,
+      style: {
+        color: 'var(--odn-color-error)'
+      }
+    }) : /*#__PURE__*/React.createElement(Icon, {
       name: meta.icon,
       size: 16,
       style: {
@@ -330,19 +455,27 @@ export function Attachments(_ref) {
       "data-odn-attachments-name": true
     }, a.name), /*#__PURE__*/React.createElement("div", {
       "data-odn-attachments-meta": true
-    }, formatType(a.type, a.name), a.size ? " \xB7 ".concat(formatSize(a.size)) : '')));
+    }, isError ? truncateMessage(a.errorMessage || '上传失败，请重试', 18) : isExpired ? '已过期' : "".concat(formatType(a.type, a.name)).concat(a.size ? " \xB7 ".concat(formatSize(a.size)) : ''))));
     return /*#__PURE__*/React.createElement("div", _extends({
       key: i,
-      "data-odn-attachments-item": true
+      "data-odn-attachments-item": true,
+      "data-odn-attachments-state": status
     }, isImage ? {
       'data-odn-attachments-item-image-card': ''
-    } : {}), onFileClick ? /*#__PURE__*/React.createElement("button", {
+    } : {}), clickable ? /*#__PURE__*/React.createElement("button", {
       type: "button",
       onClick: function onClick() {
         return onFileClick(a);
       },
       "data-odn-attachments-card": true,
       "data-odn-attachments-clickable": ""
+    }, fileCardInner) : retryable ? /*#__PURE__*/React.createElement("button", {
+      type: "button",
+      onClick: function onClick() {
+        return onRetry(i);
+      },
+      "data-odn-attachments-card": true,
+      "data-odn-attachments-retryable": ""
     }, fileCardInner) : /*#__PURE__*/React.createElement("div", {
       "data-odn-attachments-card": true
     }, fileCardInner), onRemove && /*#__PURE__*/React.createElement("button", {

package/dist/attachments/style/index.css

@@ -59,7 +59,7 @@
 [data-odn-attachments-item] {
   position: relative;
 }
-[data-odn-attachments-item]:hover [data-odn-attachments-remove] {
+[data-odn-attachments-item]:hover [data-odn-attachments-remove], [data-odn-attachments-item]:focus-within [data-odn-attachments-remove] {
   opacity: 1;
 }
 
@@ -83,6 +83,16 @@
 [data-odn-attachments-card][data-odn-attachments-clickable]:hover {
   border-color: color-mix(in srgb, var(--odn-color-primary) 50%, transparent);
 }
+[data-odn-attachments-card][data-odn-attachments-retryable] {
+  cursor: pointer;
+  border: 1px solid color-mix(in srgb, var(--odn-color-error) 35%, var(--odn-color-black-6));
+  font: inherit;
+  text-align: left;
+  appearance: none;
+}
+[data-odn-attachments-card][data-odn-attachments-retryable]:hover {
+  border-color: color-mix(in srgb, var(--odn-color-error) 55%, transparent);
+}
 
 [data-odn-attachments-file-icon] {
   display: flex;
@@ -114,6 +124,21 @@
   font-size: 10px;
   line-height: 1.25;
   color: var(--odn-color-black-9);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+[data-odn-attachments-item][data-odn-attachments-state=uploading] [data-odn-attachments-meta] {
+  color: var(--odn-color-black-8);
+}
+
+[data-odn-attachments-item][data-odn-attachments-state=error] [data-odn-attachments-meta] {
+  color: var(--odn-color-error);
+}
+
+[data-odn-attachments-item][data-odn-attachments-state=expired] {
+  opacity: 0.55;
 }
 
 [data-odn-attachments-remove] {
@@ -135,9 +160,17 @@
   padding: 0;
 }
 [data-odn-attachments-remove]:hover {
-  color: var(--odn-color-error);
+  color: var(--odn-color-black-12);
+  background: linear-gradient(var(--odn-color-black-3), var(--odn-color-black-3)), var(--odn-color-solid-black-1);
+  border-color: var(--odn-color-black-7);
 }
 
+/* 触屏 / 无 hover 设备：无从 hover 揭示，删除角标常驻可达。 */
+@media (hover: none) {
+  [data-odn-attachments-remove] {
+    opacity: 1;
+  }
+}
 /* ==========================================================================
  * Thumb-card 变体（紧凑缩略卡）
  * 左侧缩略图（image/* + url 时为图本身；其余类型为分类色 icon），
@@ -157,6 +190,7 @@
   grid-template-columns: auto 1fr;
   gap: 8px;
   padding: 6px 10px 6px 6px;
+  min-height: 42px;
   border-radius: 6px;
   border: 1px solid var(--odn-color-black-6);
   background: var(--odn-color-solid-black-1);
@@ -173,6 +207,22 @@
 [data-odn-attachments-thumb-card][data-odn-attachments-clickable]:hover {
   border-color: color-mix(in srgb, var(--odn-color-primary) 50%, transparent);
 }
+[data-odn-attachments-thumb-card][data-odn-attachments-retryable] {
+  cursor: pointer;
+  border: 1px solid color-mix(in srgb, var(--odn-color-error) 35%, var(--odn-color-black-6));
+}
+[data-odn-attachments-thumb-card][data-odn-attachments-retryable]:hover {
+  border-color: color-mix(in srgb, var(--odn-color-error) 55%, transparent);
+}
+
+/* 图片保持原先「无边框」视觉，仅与文件卡片对齐高度。 */
+[data-odn-attachments-thumb-card][data-odn-attachments-thumb-card-image] {
+  border: none;
+  background: transparent;
+}
+[data-odn-attachments-thumb-card][data-odn-attachments-thumb-card-image][data-odn-attachments-clickable]:hover, [data-odn-attachments-thumb-card][data-odn-attachments-thumb-card-image][data-odn-attachments-retryable]:hover {
+  border: none;
+}
 
 [data-odn-attachments-thumb-card-thumb] {
   display: flex;
@@ -213,6 +263,9 @@
   font-size: 10px;
   line-height: 1.25;
   color: var(--odn-color-black-9);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
 [data-odn-attachments-item-image-card] {
@@ -222,6 +275,86 @@
 [data-odn-attachments-card]:not([data-odn-attachments-image-card]),
 [data-odn-attachments-thumb-card] {
   width: 192px;
+  min-height: 42px;
+}
+
+/* ==========================================================================
+ * image-thumb 变体（纯图大缩略方块）
+ * 56×56 cover、无边框，承载 image/* + url。与文件信息卡（data-odn-attachments-card）
+ * 同源：共享 data-odn-attachments-state 三态机、remove 角标、fresh-done。
+ * composer 待发送区即以此变体让"图片大预览 + 文件信息卡"并列同行、等高同源。
+ * ========================================================================== */
+[data-odn-attachments-item-image-thumb] {
+  display: inline-flex;
+}
+
+[data-odn-attachments-image-thumb] {
+  position: relative;
+  width: 56px;
+  height: 56px;
+  border-radius: 6px;
+  overflow: hidden;
+  padding: 0;
+  border: 1px solid var(--odn-color-black-6);
+  background: var(--odn-color-black-2);
+  box-sizing: border-box;
+}
+[data-odn-attachments-image-thumb] img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  display: block;
+}
+[data-odn-attachments-image-thumb][data-odn-attachments-clickable] {
+  cursor: pointer;
+  appearance: none;
+  font: inherit;
+  transition: border-color 0.15s;
+}
+[data-odn-attachments-image-thumb][data-odn-attachments-clickable]:hover {
+  border-color: color-mix(in srgb, var(--odn-color-primary) 50%, transparent);
+}
+
+[data-odn-attachments-image-overlay] {
+  position: absolute;
+  inset: 0;
+  border-radius: 6px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  background: color-mix(in srgb, var(--odn-color-solid-black-12) 45%, transparent);
+  border: none;
+  color: #fff;
+  font-size: 10px;
+  line-height: 1.25;
+  gap: 2px;
+  padding: 0 6px;
+  text-align: center;
+  pointer-events: none;
+}
+[data-odn-attachments-image-overlay] span {
+  display: -webkit-box;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  max-width: 100%;
+}
+[data-odn-attachments-image-overlay][data-odn-attachments-image-overlay-error] {
+  background: var(--odn-color-solid-black-1);
+  flex-direction: column;
+  border: 1px solid color-mix(in srgb, var(--odn-color-error) 35%, var(--odn-color-black-6));
+  color: var(--odn-color-error);
+}
+[data-odn-attachments-image-overlay][data-odn-attachments-image-overlay-error]:is(button) {
+  cursor: pointer;
+  appearance: none;
+  font: inherit;
+  font-size: 10px;
+  pointer-events: auto;
+}
+[data-odn-attachments-image-overlay][data-odn-attachments-image-overlay-error]:is(button):hover {
+  border-color: color-mix(in srgb, var(--odn-color-error) 55%, transparent);
 }
 
 /* ==========================================================================

package/dist/chat-item/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import './style';
-type StatusIndicator = 'generating' | 'unread';
+type StatusIndicator = 'generating' | 'unread' | 'error';
 export interface ChatItemProps {
     id: string;
     title: string;
@@ -9,12 +9,18 @@ export interface ChatItemProps {
     onClick?: (id: string) => void;
     onRename?: (id: string, newTitle: string) => void;
     onDelete?: (id: string) => void;
-    /**
-     * 行内「…」菜单的 z-index。父级为高 z 浮层（如会话列表 Portal）时需高于父层，避免菜单被遮挡。
-     */
     actionMenuZIndex?: number | string;
+    renaming?: boolean;
+    defaultRenaming?: boolean;
+    onRenamingChange?: (renaming: boolean) => void;
+    menuOpen?: boolean;
+    defaultMenuOpen?: boolean;
+    onMenuOpenChange?: (open: boolean) => void;
+    deleteOpen?: boolean;
+    defaultDeleteOpen?: boolean;
+    onDeleteOpenChange?: (open: boolean) => void;
 }
-export declare function ChatItem({ id, title, active, status, onClick, onRename, onDelete, actionMenuZIndex, }: ChatItemProps): import("react").JSX.Element;
+export declare function ChatItem({ id, title, active, status, onClick, onRename, onDelete, actionMenuZIndex, renaming: renamingProp, defaultRenaming, onRenamingChange, menuOpen: menuOpenProp, defaultMenuOpen, onMenuOpenChange, deleteOpen: deleteOpenProp, defaultDeleteOpen, onDeleteOpenChange, }: ChatItemProps): import("react").JSX.Element;
 export declare namespace ChatItem {
     var displayName: string;
 }