frontend/src/components/ai-elements/prompt-input.tsx

@@ -1159,7 +1159,7 @@ export const PromptInputSubmit = ({
 
   // let Icon = <ArrowUpIcon className="size-4" />;
  let Icon =  <svg width="12" height="16" viewBox="0 0 12 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M5.75 14.75V0.75M0.75 5.75L5.75 0.75L10.75 5.75" stroke="white" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M5.75 14.75V0.75M0.75 5.75L5.75 0.75L10.75 5.75" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>;
 
 

frontend/src/components/workspace/artifacts/artifact-file-detail.tsx

@@ -14,7 +14,6 @@ import {
   useState,
   type CSSProperties,
   type ComponentProps,
-  type ComponentPropsWithoutRef,
   type HTMLAttributes,
 } from "react";
 import { toast } from "sonner";
@@ -41,7 +40,6 @@ import { CodeEditor } from "@/components/workspace/code-editor";
 import { useArtifactContent } from "@/core/artifacts/hooks";
 import { resolveArtifactURL, urlOfArtifact } from "@/core/artifacts/utils";
 import { useI18n } from "@/core/i18n/hooks";
-import { MarkdownTable } from "@/components/workspace/messages/markdown-content";
 import { streamdownPlugins } from "@/core/streamdown";
 import { checkCodeFile, getFileName } from "@/core/utils/files";
 import { useMarkdownDownload } from "@/core/utils/markdown-download";
@@ -911,26 +909,11 @@ export function ArtifactFilePreview({
   threadId: string;
   filepath?: string;
 }) {
-  const { t } = useI18n();
   const zoomScale = zoom / 100;
   const normalizedContent = useMemo(() => {
     return rewriteArtifactImagePaths(content ?? "", threadId, filepath);
   }, [content, threadId, filepath]);
 
-  const streamdownComponents = useMemo(
-    () => ({
-      a: CitationLink,
-      table: (props: ComponentPropsWithoutRef<"table">) => (
-        <MarkdownTable
-          copyLabel={t.clipboard.copyToClipboard}
-          downloadLabel={t.common.download}
-          {...props}
-        />
-      ),
-    }),
-    [t.clipboard.copyToClipboard, t.common.download],
-  );
-
   if (language === "markdown") {
     return (
       <div
@@ -940,7 +923,7 @@ export function ArtifactFilePreview({
         <Streamdown
           className="w-full"
           {...streamdownPlugins}
-          components={streamdownComponents}
+          components={{ a: CitationLink }}
         >
           {normalizedContent}
         </Streamdown>

frontend/src/components/workspace/input-box.tsx

@@ -70,7 +70,6 @@ import {
   DropdownMenuSeparator,
   DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu";
-import { Input } from "@/components/ui/input";
 import { Tag } from "@/components/ui/tag";
 import { useReferenceFiles } from "@/core/artifacts/references";
 import { urlOfArtifact } from "@/core/artifacts/utils";
@@ -287,7 +286,6 @@ export function InputBox({
   const [memoryPanelOpen, setMemoryPanelOpen] = useState(false);
   const [references, setReferences] = useState<PromptInputReference[]>([]);
   const [mentionQuery, setMentionQuery] = useState("");
-  const [mentionSearchText, setMentionSearchText] = useState("");
   const [mentionOpen, setMentionOpen] = useState(false);
   const [activeMentionIndex, setActiveMentionIndex] = useState(0);
   const [mentionRange, setMentionRange] = useState<{
@@ -296,15 +294,7 @@ export function InputBox({
   } | null>(null);
   const [isInputToolsTourOpen, setIsInputToolsTourOpen] = useState(false);
   const [isInputToolsTourReady, setIsInputToolsTourReady] = useState(false);
-  const { data: referenceFilesData, refetch: refetchReferenceFiles } =
+  const { data: referenceFilesData } = useReferenceFiles(threadIdFromProps);
-    useReferenceFiles(threadIdFromProps);
-
-  // 打开附件引用弹窗时刷新数据
-  useEffect(() => {
-    if (mentionOpen) {
-      refetchReferenceFiles();
-    }
-  }, [mentionOpen, refetchReferenceFiles]);
 
   // Welcome 态下禁用收缩，始终保持展开
   const effectiveIsFocused =
@@ -488,24 +478,15 @@ export function InputBox({
 
   const filteredMentionCandidates = useMemo(() => {
     const query = mentionQuery.trim().toLowerCase();
-    const search = mentionSearchText.trim().toLowerCase();
+    if (!query) {
-    let result = mentionCandidates;
+      return mentionCandidates;
-    if (query) {
-      result = result.filter((candidate) =>
-        `${candidate.filename} ${candidate.typeLabel} ${candidate.pathTail}`
-          .toLowerCase()
-          .includes(query),
-      );
     }
-    if (search) {
+    return mentionCandidates.filter((candidate) =>
-      result = result.filter((candidate) =>
+      `${candidate.filename} ${candidate.typeLabel} ${candidate.pathTail}`
-        `${candidate.filename} ${candidate.typeLabel} ${candidate.pathTail}`
+        .toLowerCase()
-          .toLowerCase()
+        .includes(query),
-          .includes(search),
+    );
-      );
+  }, [mentionCandidates, mentionQuery]);
-    }
-    return result;
-  }, [mentionCandidates, mentionQuery, mentionSearchText]);
   const handleModelSelect = useCallback(
     (model_name: string) => {
       onContextChange?.({
@@ -613,7 +594,6 @@ export function InputBox({
         });
       }
       setMentionQuery("");
-      setMentionSearchText("");
       setMentionOpen(false);
       setActiveMentionIndex(0);
       setMentionRange(null);
@@ -654,7 +634,6 @@ export function InputBox({
       if (!token) {
         setMentionOpen(false);
         setMentionQuery("");
-        setMentionSearchText("");
         setActiveMentionIndex(0);
         setMentionRange(null);
         return;
@@ -704,7 +683,6 @@ export function InputBox({
         }
       } else if (event.key === "Escape") {
         event.preventDefault();
-        setMentionSearchText("");
         setMentionOpen(false);
         setMentionRange(null);
       }
@@ -883,7 +861,6 @@ export function InputBox({
             onOpenChange={(open) => {
               setMentionOpen(open);
               if (!open) {
-                setMentionSearchText("");
                 setMentionRange(null);
               }
             }}
@@ -911,30 +888,7 @@ export function InputBox({
               <DropdownMenuLabel className="p-0 text-sm text-ws-fg-primary">
                 {t.inputBox.addReference}
               </DropdownMenuLabel>
-              <Input
+              <DropdownMenuSeparator className="mx-0 mt-[20px] mb-0" />
-                className="mt-3 h-8 text-sm"
-                placeholder="搜索文件..."
-                value={mentionSearchText}
-                autoFocus
-                onChange={(e) => {
-                  setMentionSearchText(e.target.value);
-                  setActiveMentionIndex(0);
-                }}
-                onKeyDown={(e) => {
-                  if (e.key === "ArrowDown" || e.key === "ArrowUp") {
-                    e.preventDefault();
-                    // 将焦点交还给 dropdown，让现有的键盘导航逻辑处理
-                    const items =
-                      document.querySelectorAll<HTMLElement>(
-                        '[data-testid="mention-candidate-item"]',
-                      );
-                    if (items.length > 0) {
-                      (items[0] as HTMLElement).focus();
-                    }
-                  }
-                }}
-              />
-              <DropdownMenuSeparator className="mx-0 mt-3 mb-0" />
               <DropdownMenuGroup className="flex min-h-0 flex-col gap-[10px] px-0">
                 <ScrollArea className="h-[320px] pt-[20px]" hideScrollbar={false}>
                   {filteredMentionCandidates.map((candidate, index) => {

frontend/src/components/workspace/messages/markdown-content.tsx

@@ -1,7 +1,7 @@
 "use client";
 
-import { DownloadIcon } from "lucide-react";
+import { CheckIcon, CopyIcon, DownloadIcon } from "lucide-react";
-import { useCallback, useLayoutEffect, useMemo, useRef, useState } from "react";
+import { useCallback, useMemo, useState, type MouseEvent } from "react";
 import type {
   AnchorHTMLAttributes,
   ComponentPropsWithoutRef,
@@ -14,9 +14,7 @@ import {
 } from "@/components/ai-elements/message";
 import { useI18n } from "@/core/i18n/hooks";
 import { streamdownPlugins } from "@/core/streamdown";
-import { CopyButton } from "@/components/workspace/copy-button";
+import { cn, copyToClipboard } from "@/lib/utils";
-import { Tooltip } from "@/components/workspace/tooltip";
-import { cn } from "@/lib/utils";
 
 import { CitationLink } from "../citations/citation-link";
 
@@ -58,9 +56,21 @@ function toMarkdownTable(data: TableData): string {
   return [headerLine, dividerLine, ...rowLines].join("\n");
 }
 
-function downloadMarkdownFile(content: string, filename: string) {
+function escapeCsvCell(value: string): string {
+  if (!/[",\n\r]/.test(value)) return value;
+  return `"${value.replaceAll('"', '""')}"`;
+}
+
+function toCsvTable(data: TableData): string {
+  if (data.headers.length === 0) return "";
+  return [data.headers, ...data.rows]
+    .map((row) => row.map(escapeCsvCell).join(","))
+    .join("\n");
+}
+
+function downloadCsvFile(content: string, filename: string) {
   const blob = new Blob(["\uFEFF", content], {
-    type: "text/markdown;charset=utf-8",
+    type: "text/csv;charset=utf-8",
   });
   const url = URL.createObjectURL(blob);
   const anchor = document.createElement("a");
@@ -70,43 +80,58 @@ function downloadMarkdownFile(content: string, filename: string) {
   URL.revokeObjectURL(url);
 }
 
-export function MarkdownTable({
+function MarkdownTable({
   className,
   children,
-  copyLabel: _copyLabel,
+  copyLabel,
   downloadLabel,
   ...props
 }: ComponentPropsWithoutRef<"table"> & {
   copyLabel: string;
   downloadLabel: string;
 }) {
-  const tableRef = useRef<HTMLTableElement>(null);
+  const [copied, setCopied] = useState(false);
-  const [, forceUpdate] = useState(0);
 
-  // 首次 mount 后 tableRef 才被赋值，用 useLayoutEffect 在 paint 前强制刷新
+  const getTableData = useCallback((event: MouseEvent<HTMLButtonElement>) => {
-  useLayoutEffect(() => {
+    const wrapper = event.currentTarget.closest(
-    forceUpdate((n) => n + 1);
+      '[data-streamdown="table-wrapper"]',
+    );
+    const table = wrapper?.querySelector("table");
+    if (!(table instanceof HTMLTableElement)) return null;
+    return parseTableData(table);
   }, []);
 
-  // 在 render 阶段直接从 DOM ref 计算，不依赖 effect 异步更新
+  const handleCopy = useCallback(
-  // tableRef 在上一次渲染的 commit 阶段已设置，本次渲染可用
+    async (event: MouseEvent<HTMLButtonElement>) => {
-  const clipboardData = (() => {
+      const data = getTableData(event);
-    const table = tableRef.current;
+      if (!data) return;
-    if (!table) return "";
-    const data = parseTableData(table);
-    if (!data) return "";
-    return toMarkdownTable(data);
-  })();
 
-  const handleDownload = useCallback(() => {
+      const markdown = toMarkdownTable(data);
-    const table = tableRef.current;
+      if (!markdown) return;
-    if (!table) return;
+
-    const data = parseTableData(table);
+      try {
-    if (!data) return;
+        await copyToClipboard(markdown);
-    const markdown = toMarkdownTable(data);
+        setCopied(true);
-    if (!markdown) return;
+        window.setTimeout(() => setCopied(false), 2000);
-    downloadMarkdownFile(markdown, "table.md");
+      } catch {
-  }, []);
+        // no-op
+      }
+    },
+    [getTableData],
+  );
+
+  const handleDownload = useCallback(
+    (event: MouseEvent<HTMLButtonElement>) => {
+      const data = getTableData(event);
+      if (!data) return;
+
+      const csv = toCsvTable(data);
+      if (!csv) return;
+
+      downloadCsvFile(csv, "table.csv");
+    },
+    [getTableData],
+  );
 
   return (
     <div
@@ -114,20 +139,25 @@ export function MarkdownTable({
       data-streamdown="table-wrapper"
     >
       <div className="flex items-center justify-end gap-1">
-        <CopyButton className="text-muted-foreground hover:bg-transparent hover:text-foreground cursor-pointer p-1 transition-all" clipboardData={clipboardData} />
+        <button
-        <Tooltip content={downloadLabel}>
+          className="text-muted-foreground hover:text-foreground cursor-pointer p-1 transition-all"
-          <button
+          onClick={handleCopy}
-            className="h-[32px] w-[32px] text-muted-foreground hover:text-foreground cursor-pointer p-1 transition-all"
+          title={copyLabel}
-            onClick={handleDownload}
+          type="button"
-            type="button"
+        >
-          >
+          {copied ? <CheckIcon size={14} /> : <CopyIcon size={14} />}
-            <DownloadIcon size={16} />
+        </button>
-          </button>
+        <button
-        </Tooltip>
+          className="text-muted-foreground hover:text-foreground cursor-pointer p-1 transition-all"
+          onClick={handleDownload}
+          title={downloadLabel}
+          type="button"
+        >
+          <DownloadIcon size={14} />
+        </button>
       </div>
       <div className="overflow-x-auto">
         <table
-          ref={tableRef}
           className={cn(
             "border-border w-full border-collapse border",
             className,

frontend/src/lib/utils.ts

@@ -18,27 +18,29 @@ export const externalLinkClassNoUnderline = "text-primary hover:underline";
  * In iframe context, sends message to parent window to handle clipboard operation.
  */
 export async function copyToClipboard(text: string): Promise<void> {
+  const isInIframe = window.self !== window.top;
   const message = {
     type: POST_MESSAGE_TYPES.COPY_TO_CLIPBOARD,
     text,
   } as const;
 
-  console.log("[copyToClipboard] called, text length:", text.length);
+  if (isInIframe) {
-
+    try {
-  // 始终发送 postMessage，由 sendToParent 内部判断是否为 iframe 环境
+      // Request parent window to copy
-  // 与 openSkillDialog 等其他 iframe 通信保持一致
+      sendToParent(message);
-  try {
+      console.log(
-    sendToParent(message);
+        "[copyToClipboard] iframe mode → postMessage to parent",
-  } catch {
+        message,
-    // no-op
+      );
+      return;
+    } catch (error) {
+      console.warn("[copyToClipboard] iframe postMessage failed", error);
+    }
   }
 
-  // 同时也尝试直接写剪贴板（非 iframe 场景兜底）
+  // Direct clipboard access when not in iframe
-  try {
+  console.log("[copyToClipboard] direct mode", message);
-    await navigator.clipboard.writeText(text);
+  await navigator.clipboard.writeText(text);
-  } catch {
-    // no-op: 在 iframe 环境下由父窗口处理
-  }
 }
 
 /**