chore: include document probe and attachment UI refinements

src/renderer/src/App.tsx

@@ -10005,10 +10005,10 @@ function App(): React.JSX.Element {
                                   <span>
                                     <strong title={attachment.name}>{attachment.name}</strong>
                                     <span className="attachment-metadata">
-                                    <AttachmentStatus attachment={attachment} />
-                                    <small>
-                                      {formatAttachmentSize(attachment.size)}
-                                    </small>
+                                      <AttachmentStatus attachment={attachment} />
+                                      <small>
+                                        {formatAttachmentSize(attachment.size)}
+                                      </small>
                                     </span>
                                     <span className="attachment-actions">
                                       {attachment.resultId && <AttachmentResultButton resultId={attachment.resultId} name={attachment.name} conversationId={activeId} />}
@@ -10044,7 +10044,6 @@ function App(): React.JSX.Element {
                                   className="context-chip context-chip--processing"
                                   role="status"
                                 >
-                                  <button type="button" onClick={() => void window.goodbuddy.context.cancelImport(fileSelectionProgress?.operationId)}>取消文件导入</button>
                                   <LoaderCircle
                                     aria-hidden="true"
                                     className="context-chip__spinner"
@@ -10079,6 +10078,7 @@ function App(): React.JSX.Element {
                                           )}
                                     </small>
                                   </span>
+                                  <button type="button" className="icon-button attachment-action" aria-label="取消文件导入" title="取消文件导入" data-tooltip="取消文件导入" onClick={() => void window.goodbuddy.context.cancelImport(fileSelectionProgress?.operationId)}><X size={16} aria-hidden="true" /></button>
                                   <progress
                                     aria-label={t(
                                       "composer.attachmentProgress.progressLabel",

src/renderer/src/AttachmentActions.test.tsx

@@ -33,7 +33,7 @@ it('keeps attachment actions icon-only and named, and restores keyboard focus af
   const more = screen.getByRole('button', { name: `更多附件操作：${attachment.name}` })
   for (const button of [preview, more]) {
     expect(button).toHaveClass('icon-button', 'attachment-action')
-    expect(button).toHaveTextContent('')
+    expect(button.textContent).toBe('')
     expect(button.querySelector('svg')).toHaveAttribute('aria-hidden', 'true')
     expect(button.getAttribute('title')).toBe(button.getAttribute('data-tooltip'))
   }

src/renderer/src/ChatTimeline.tsx

@@ -748,8 +748,8 @@ function ChatMessageRowView({
                   <span className="message-attachment__details">
                     <strong title={attachment.name}>{attachment.name}</strong>
                     <span className="attachment-metadata">
-                    <AttachmentStatus attachment={attachment} />
-                    <small>{formatAttachmentSize(attachment.size)}</small>
+                      <AttachmentStatus attachment={attachment} />
+                      <small>{formatAttachmentSize(attachment.size)}</small>
                     </span>
                     <span className="attachment-actions">
                       {attachment.resultId && <AttachmentResultButton resultId={attachment.resultId} name={attachment.name} />}

src/renderer/src/styles.css

@@ -6954,9 +6954,9 @@ button > svg {
 .context-chip--processing {
   display: grid;
   width: min(100%, 320px);
-  min-width: 240px;
+  min-width: 0;
   max-width: 320px;
-  grid-template-columns: auto minmax(0, 1fr);
+  grid-template-columns: auto minmax(0, 1fr) auto;
   cursor: wait;
 }