From 725824ec096ef35732433d0394fc662d88176e25 Mon Sep 17 00:00:00 2001
From: MacKinley Smith <smithmackinley@gmail.com>
Date: Wed, 30 Sep 2026 11:28:34 -0600
Subject: [PATCH 1/6] feat(web): copy chat tables as tab-separated text

Adds Copy as TSV to the table copy menu and a Table copy format setting
that applies to the message copy button and highlight-copy.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 apps/web/package.json                         |   1 +
 apps/web/src/components/ChatMarkdown.tsx      |  15 ++-
 .../src/components/chat/MessageCopyButton.tsx |   5 +-
 .../src/components/chat/MessagesTimeline.tsx  |  15 ++-
 .../components/settings/SettingsPanels.tsx    |  53 +++++++++
 .../src/components/settings/settingsSearch.ts |   6 +
 apps/web/src/markdown-clipboard.test.ts       |  42 ++++++-
 apps/web/src/markdown-clipboard.ts            | 105 +++++++++++++++---
 packages/contracts/src/settings.ts            |   9 ++
 pnpm-lock.yaml                                |   3 +
 10 files changed, 226 insertions(+), 28 deletions(-)

diff --git a/apps/web/package.json b/apps/web/package.json
index 92b30fba5c92c..435126c61d5fb 100644
--- a/apps/web/package.json
+++ b/apps/web/package.json
@@ -55,6 +55,7 @@
     "rehype-sanitize": "^6.0.0",
     "remark-breaks": "^4.0.0",
     "remark-gfm": "^4.0.1",
+    "remark-parse": "^11.0.0",
     "tailwind-merge": "^3.4.0",
     "zustand": "^5.0.11"
   },
diff --git a/apps/web/src/components/ChatMarkdown.tsx b/apps/web/src/components/ChatMarkdown.tsx
index 4a1f616aed3b7..9f33d67ea8a9b 100644
--- a/apps/web/src/components/ChatMarkdown.tsx
+++ b/apps/web/src/components/ChatMarkdown.tsx
@@ -32,6 +32,7 @@ import type {
   EnvironmentId,
   ScopedThreadRef,
   ServerProviderSkill,
+  TableCopyFormat,
   ThreadPullRequestKey,
 } from "@t3tools/contracts";
 import { faviconUrlForOrigin } from "@t3tools/shared/favicon";
@@ -143,7 +144,7 @@ import { useTheme } from "../hooks/useTheme";
 import { getClientSettings, useClientSettings } from "../hooks/useSettings";
 import {
   chatMarkdownClipboardPayload,
-  serializeTableElementToCsv,
+  serializeTableElementToDelimited,
   serializeTableElementToMarkdown,
 } from "../markdown-clipboard";
 import { remarkNormalizeListItemIndentation } from "../markdown-list-indentation";
@@ -344,7 +345,7 @@ const MAX_HIGHLIGHT_CACHE_MEMORY_BYTES = 50 * 1024 * 1024;
 interface MarkdownActionFailureContext {
   readonly operation: string;
   readonly target?: string;
-  readonly format?: "markdown" | "csv";
+  readonly format?: TableCopyFormat;
   readonly language?: string;
   readonly fenceTitle?: string;
   readonly copyTarget?: string;
@@ -751,7 +752,7 @@ function MarkdownTable({ children, ...props }: React.ComponentProps<"table">) {
     setExpanded((value) => !value);
   }
 
-  const handleCopy = useCallback((format: "markdown" | "csv") => {
+  const handleCopy = useCallback((format: TableCopyFormat) => {
     const table = containerRef.current?.querySelector("table");
     if (!table || typeof navigator === "undefined" || navigator.clipboard == null) {
       return;
@@ -759,7 +760,7 @@ function MarkdownTable({ children, ...props }: React.ComponentProps<"table">) {
     const text =
       format === "markdown"
         ? serializeTableElementToMarkdown(table)
-        : serializeTableElementToCsv(table);
+        : serializeTableElementToDelimited(table, format);
     void navigator.clipboard
       .writeText(text)
       .then(() => {
@@ -838,6 +839,7 @@ function MarkdownTable({ children, ...props }: React.ComponentProps<"table">) {
           </Tooltip>
           <MenuPopup align="end">
             <MenuItem onClick={() => handleCopy("markdown")}>Copy as Markdown</MenuItem>
+            <MenuItem onClick={() => handleCopy("tsv")}>Copy as TSV</MenuItem>
             <MenuItem onClick={() => handleCopy("csv")}>Copy as CSV</MenuItem>
           </MenuPopup>
         </Menu>
@@ -2450,11 +2452,12 @@ function useChatMarkdownState({
     return rewriteMarkdownFileUriHref(href) ?? defaultUrlTransform(href);
   }, []);
   // Re-emit highlighted content as markdown so copying out of the rendered
-  // view keeps links, emphasis, lists, and code fences intact.
+  // view keeps links, emphasis, lists, and code fences intact. Tables follow
+  // the table copy format setting.
   const handleCopy = useCallback((event: ReactClipboardEvent<HTMLDivElement>) => {
     const selection = window.getSelection();
     if (!selection || selection.isCollapsed || !event.clipboardData) return;
-    const payload = chatMarkdownClipboardPayload(selection);
+    const payload = chatMarkdownClipboardPayload(selection, getClientSettings().tableCopyFormat);
     if (!payload) return;
     event.preventDefault();
     event.clipboardData.setData("text/plain", payload.text);
diff --git a/apps/web/src/components/chat/MessageCopyButton.tsx b/apps/web/src/components/chat/MessageCopyButton.tsx
index 3a647857bae9e..13580951805d0 100644
--- a/apps/web/src/components/chat/MessageCopyButton.tsx
+++ b/apps/web/src/components/chat/MessageCopyButton.tsx
@@ -16,7 +16,8 @@ export const MessageCopyButton = memo(function MessageCopyButton({
   variant = "outline",
   className,
 }: {
-  text: string;
+  /** A function defers building the copied text until the click. */
+  text: string | (() => string);
   /** Additional clipboard types written beside `text/plain` when the platform allows it. */
   extraFlavors?: Readonly<Record<string, string>>;
   size?: "xs" | "icon-xs";
@@ -38,7 +39,7 @@ export const MessageCopyButton = memo(function MessageCopyButton({
           <Button
             aria-label="Copy message"
             disabled={isCopied}
-            onClick={() => copyToClipboard(text)}
+            onClick={() => copyToClipboard(typeof text === "function" ? text() : text)}
             ref={ref}
             type="button"
             size={size}
diff --git a/apps/web/src/components/chat/MessagesTimeline.tsx b/apps/web/src/components/chat/MessagesTimeline.tsx
index 8ac769f33e7fb..50fb4b42e1489 100644
--- a/apps/web/src/components/chat/MessagesTimeline.tsx
+++ b/apps/web/src/components/chat/MessagesTimeline.tsx
@@ -237,11 +237,14 @@ import {
   encodeComposerContextClipboardHtml,
   encodeComposerContextFragment,
 } from "@t3tools/shared/composerContextClipboard";
-import { chatMarkdownClipboardPayload } from "../../markdown-clipboard";
+import {
+  chatMarkdownClipboardPayload,
+  markdownWithTableCopyFormat,
+} from "../../markdown-clipboard";
 import { ContextChip, ContextChipLabel, type ContextChipKind } from "../ContextChip";
 import { createContextPresentationRegistry } from "../contextPresentationRegistry";
 import { useOpenPrLink } from "~/lib/openPullRequestLink";
-import { useClientSettings } from "~/hooks/useSettings";
+import { getClientSettings, useClientSettings } from "~/hooks/useSettings";
 import type { ChatMarkdownContextReference } from "../ChatMarkdown";
 import { useMediaQuery } from "~/hooks/useMediaQuery";
 import { cn } from "~/lib/utils";
@@ -2506,7 +2509,13 @@ function AssistantCopyButton({
     return null;
   }
 
-  return <MessageCopyButton text={assistantCopyState.text ?? ""} variant="ghost" />;
+  const text = assistantCopyState.text ?? "";
+  return (
+    <MessageCopyButton
+      text={() => markdownWithTableCopyFormat(text, getClientSettings().tableCopyFormat)}
+      variant="ghost"
+    />
+  );
 }
 
 function ProposedPlanTimelineRow({
diff --git a/apps/web/src/components/settings/SettingsPanels.tsx b/apps/web/src/components/settings/SettingsPanels.tsx
index fc5082fcf1a41..fc1b4633118f9 100644
--- a/apps/web/src/components/settings/SettingsPanels.tsx
+++ b/apps/web/src/components/settings/SettingsPanels.tsx
@@ -23,6 +23,7 @@ import {
   DEFAULT_ENVIRONMENT_IDENTIFICATION_MODE,
   DEFAULT_UNIFIED_SETTINGS,
   type ChatWidth,
+  type TableCopyFormat,
   type DiffLayout,
   type EnvironmentIdentificationMode,
   MAX_APPEARANCE_CONTRAST,
@@ -198,6 +199,12 @@ const TIMESTAMP_FORMAT_LABELS = {
   "24-hour": "24-hour",
 } as const;
 
+const TABLE_COPY_FORMAT_LABELS: Record<TableCopyFormat, string> = {
+  markdown: "Markdown",
+  tsv: "Tab-separated",
+  csv: "CSV",
+};
+
 const CHAT_WIDTH_LABELS: Record<ChatWidth, string> = {
   comfortable: "Comfortable",
   wide: "Wide",
@@ -547,6 +554,9 @@ export function useSettingsRestore(onRestored?: () => void) {
       DEFAULT_UNIFIED_SETTINGS.environmentIdentificationMode
         ? ["Environment identification"]
         : []),
+      ...(settings.tableCopyFormat !== DEFAULT_UNIFIED_SETTINGS.tableCopyFormat
+        ? ["Table copy format"]
+        : []),
       ...(settings.timestampFormat !== DEFAULT_UNIFIED_SETTINGS.timestampFormat
         ? ["Time format"]
         : []),
@@ -687,6 +697,7 @@ export function useSettingsRestore(onRestored?: () => void) {
       settings.sidebarThreadPreviewCount,
       settings.showSkillsInSlashMenu,
       settings.timestampFormat,
+      settings.tableCopyFormat,
       settings.notificationMode,
       settings.inAppNotificationsEnabled,
       settings.wordWrap,
@@ -763,6 +774,7 @@ export function useSettingsRestore(onRestored?: () => void) {
       diffColorScheme: DEFAULT_UNIFIED_SETTINGS.diffColorScheme,
       chatWidth: DEFAULT_UNIFIED_SETTINGS.chatWidth,
       timestampFormat: DEFAULT_UNIFIED_SETTINGS.timestampFormat,
+      tableCopyFormat: DEFAULT_UNIFIED_SETTINGS.tableCopyFormat,
       notificationMode: DEFAULT_UNIFIED_SETTINGS.notificationMode,
       inAppNotificationsEnabled: DEFAULT_UNIFIED_SETTINGS.inAppNotificationsEnabled,
       wordWrap: DEFAULT_UNIFIED_SETTINGS.wordWrap,
@@ -2405,6 +2417,47 @@ export function GeneralSettingsPanel() {
             </Select>
           }
         />
+        <SettingsRow
+          {...searchableSetting("table-copy-format")}
+          description="How tables are written when you copy a message or a selection. Tab-separated pastes as a table into Slack and spreadsheets."
+          resetAction={
+            settings.tableCopyFormat !== DEFAULT_UNIFIED_SETTINGS.tableCopyFormat ? (
+              <SettingResetButton
+                label="table copy format"
+                onClick={() =>
+                  updateSettings({
+                    tableCopyFormat: DEFAULT_UNIFIED_SETTINGS.tableCopyFormat,
+                  })
+                }
+              />
+            ) : null
+          }
+          control={
+            <Select
+              value={settings.tableCopyFormat}
+              onValueChange={(value) => {
+                if (value === "markdown" || value === "tsv" || value === "csv") {
+                  updateSettings({ tableCopyFormat: value });
+                }
+              }}
+            >
+              <SelectTrigger size="sm" className="w-full sm:w-40" aria-label="Table copy format">
+                <SelectValue>{TABLE_COPY_FORMAT_LABELS[settings.tableCopyFormat]}</SelectValue>
+              </SelectTrigger>
+              <SelectPopup align="end" alignItemWithTrigger={false}>
+                <SelectItem hideIndicator value="markdown">
+                  {TABLE_COPY_FORMAT_LABELS.markdown}
+                </SelectItem>
+                <SelectItem hideIndicator value="tsv">
+                  {TABLE_COPY_FORMAT_LABELS.tsv}
+                </SelectItem>
+                <SelectItem hideIndicator value="csv">
+                  {TABLE_COPY_FORMAT_LABELS.csv}
+                </SelectItem>
+              </SelectPopup>
+            </Select>
+          }
+        />
         <SettingsRow
           serverScoped
           settingKeys={["responseStreamingMode"]}
diff --git a/apps/web/src/components/settings/settingsSearch.ts b/apps/web/src/components/settings/settingsSearch.ts
index 4edce393883c8..9c92eadf2156a 100644
--- a/apps/web/src/components/settings/settingsSearch.ts
+++ b/apps/web/src/components/settings/settingsSearch.ts
@@ -316,6 +316,12 @@ export const SETTINGS_SEARCH_ITEMS = [
     to: "/settings/general",
     searchTerms: ["timestamp clock locale system browser os 12 hour 24 hour"],
   },
+  {
+    id: "table-copy-format",
+    title: "Table copy format",
+    to: "/settings/general",
+    searchTerms: ["clipboard markdown tsv csv tab separated spreadsheet slack paste"],
+  },
   {
     id: "response-streaming",
     title: "Response streaming",
diff --git a/apps/web/src/markdown-clipboard.test.ts b/apps/web/src/markdown-clipboard.test.ts
index a08dc299161ba..a7df57c54de08 100644
--- a/apps/web/src/markdown-clipboard.test.ts
+++ b/apps/web/src/markdown-clipboard.test.ts
@@ -1,6 +1,9 @@
 import { afterEach, beforeEach, describe, expect, it, vi } from "vite-plus/test";
 
-import { serializeRenderedMarkdownFragment } from "./markdown-clipboard";
+import {
+  markdownWithTableCopyFormat,
+  serializeRenderedMarkdownFragment,
+} from "./markdown-clipboard";
 import { EnvironmentId, MessageId, ThreadId } from "@t3tools/contracts";
 import {
   collectAssistantCitations,
@@ -343,3 +346,40 @@ describe("serializeRenderedMarkdownFragment", () => {
     );
   });
 });
+
+describe("markdownWithTableCopyFormat", () => {
+  const message = [
+    "Here is the status.",
+    "",
+    "| Question | Answer |",
+    "| --- | --- |",
+    "| **Loader** URL? | See [docs](https://example.com) and `v2\\|v3` |",
+    "| Owner, team | Platform |",
+    "",
+    "```md",
+    "| a | b |",
+    "| - | - |",
+    "```",
+  ].join("\n");
+
+  it("rewrites tables as plain-text tab-separated rows and leaves everything else alone", () => {
+    expect(markdownWithTableCopyFormat(message, "tsv")).toBe(
+      [
+        "Here is the status.",
+        "",
+        "Question\tAnswer",
+        "Loader URL?\tSee docs and v2|v3",
+        "Owner, team\tPlatform",
+        "",
+        "```md",
+        "| a | b |",
+        "| - | - |",
+        "```",
+      ].join("\n"),
+    );
+  });
+
+  it("quotes CSV cells that contain commas", () => {
+    expect(markdownWithTableCopyFormat(message, "csv")).toContain('"Owner, team",Platform');
+  });
+});
diff --git a/apps/web/src/markdown-clipboard.ts b/apps/web/src/markdown-clipboard.ts
index 39b9418016381..05cefdc5fe9e5 100644
--- a/apps/web/src/markdown-clipboard.ts
+++ b/apps/web/src/markdown-clipboard.ts
@@ -2,10 +2,17 @@
  * Converts a DOM selection inside rendered chat markdown back into markdown
  * source so highlight-and-copy keeps formatting (links, emphasis, lists,
  * fences, tables) instead of flattening to plain text. The `text/plain`
- * clipboard flavor carries the markdown; `text/html` carries a sanitized
- * copy of the rendered fragment for rich-paste targets.
+ * clipboard flavor carries the markdown, with tables in the user's table copy
+ * format; `text/html` carries a sanitized copy of the rendered fragment for
+ * rich-paste targets.
  */
 
+import type { TableCopyFormat } from "@t3tools/contracts";
+import type { Nodes, Table } from "mdast";
+import remarkGfm from "remark-gfm";
+import remarkParse from "remark-parse";
+import { unified } from "unified";
+
 const SKIPPED_TAGS = new Set(["BUTTON", "INPUT", "SCRIPT", "STYLE", "TEMPLATE"]);
 const SKIPPED_CLASS_NAMES = ["select-none", "sr-only"];
 const SANITIZED_HTML_SELECTOR = [
@@ -336,32 +343,97 @@ function tidyMarkdown(markdown: string): string {
     .trim();
 }
 
-export function serializeRenderedMarkdownFragment(container: Node): string {
+/**
+ * Serializes a rendered fragment back to markdown. Tables follow `tableFormat`;
+ * delimited formats replace each table with its TSV or CSV rows.
+ */
+export function serializeRenderedMarkdownFragment(
+  container: Node,
+  tableFormat: TableCopyFormat = "markdown",
+): string {
   const codeBlock = soleCodeBlock(container);
   if (codeBlock) return (codeBlock.textContent ?? "").replace(/\n$/, "");
-  return tidyMarkdown(serializeChildren(container));
+  if (tableFormat === "markdown") return tidyMarkdown(serializeChildren(container));
+  // Tag a copy so the caller's fragment still produces untouched HTML.
+  const tagged = container.cloneNode(true) as Element;
+  for (const table of tagged.querySelectorAll("table")) {
+    table.setAttribute(
+      "data-markdown-copy",
+      `${serializeTableElementToDelimited(table, tableFormat)}\n\n`,
+    );
+  }
+  return tidyMarkdown(serializeChildren(tagged));
 }
 
 export function serializeTableElementToMarkdown(table: Element): string {
   return serializeTable(table).trim();
 }
 
-function csvCell(value: string): string {
+/** Collapses a cell to one line so it cannot break the row or column grid. */
+function delimitedCell(value: string, format: "tsv" | "csv"): string {
   const normalized = value.replace(/\s+/g, " ").trim();
+  if (format === "tsv") return normalized;
   return /[",\n]/.test(normalized) ? `"${normalized.replaceAll('"', '""')}"` : normalized;
 }
 
-export function serializeTableElementToCsv(table: Element): string {
-  const rows = [...table.querySelectorAll(":scope > thead > tr, :scope > tbody > tr, :scope > tr")];
-  const lines: string[] = [];
-  for (const row of rows) {
-    const cells = [...row.children].filter(
-      (cell) => cell.tagName === "TH" || cell.tagName === "TD",
-    );
-    if (cells.length === 0) continue;
-    lines.push(cells.map((cell) => csvCell(cell.textContent ?? "")).join(","));
+function delimitedRows(rows: ReadonlyArray<ReadonlyArray<string>>, format: "tsv" | "csv"): string {
+  const separator = format === "tsv" ? "\t" : ",";
+  return rows
+    .map((cells) => cells.map((cell) => delimitedCell(cell, format)).join(separator))
+    .join("\n");
+}
+
+/**
+ * Tab-separated rows are what spreadsheets put on the clipboard, and what Slack
+ * and spreadsheet apps turn back into a real table on paste.
+ */
+export function serializeTableElementToDelimited(table: Element, format: "tsv" | "csv"): string {
+  const rows = [...table.querySelectorAll(":scope > thead > tr, :scope > tbody > tr, :scope > tr")]
+    .map((row) =>
+      [...row.children]
+        .filter((cell) => cell.tagName === "TH" || cell.tagName === "TD")
+        .map((cell) => cell.textContent ?? ""),
+    )
+    .filter((cells) => cells.length > 0);
+  return delimitedRows(rows, format);
+}
+
+const markdownTableParser = unified().use(remarkParse).use(remarkGfm);
+
+function markdownPlainText(node: Nodes): string {
+  if (node.type === "html" || node.type === "break") return " ";
+  if ("value" in node) return node.value;
+  if ("children" in node) return node.children.map(markdownPlainText).join("");
+  return "";
+}
+
+function collectMarkdownTables(node: Nodes, tables: Table[]): void {
+  if (node.type === "table") {
+    tables.push(node);
+    return;
+  }
+  if ("children" in node) {
+    for (const child of node.children) collectMarkdownTables(child, tables);
+  }
+}
+
+/**
+ * Rewrites GFM tables in markdown source as TSV or CSV, leaving the rest of the
+ * message untouched. Used when copying a whole message; cells become plain text.
+ */
+export function markdownWithTableCopyFormat(markdown: string, format: TableCopyFormat): string {
+  if (format === "markdown" || !markdown.includes("|")) return markdown;
+  const tables: Table[] = [];
+  collectMarkdownTables(markdownTableParser.parse(markdown), tables);
+  let result = markdown;
+  for (const table of tables.toReversed()) {
+    const start = table.position?.start.offset;
+    const end = table.position?.end.offset;
+    if (start === undefined || end === undefined) continue;
+    const rows = table.children.map((row) => row.children.map(markdownPlainText));
+    result = `${result.slice(0, start)}${delimitedRows(rows, format)}${result.slice(end)}`;
   }
-  return lines.join("\n");
+  return result;
 }
 
 function sanitizedHtmlFrom(container: Element): string {
@@ -382,6 +454,7 @@ function sanitizedHtmlFrom(container: Element): string {
 
 export function chatMarkdownClipboardPayload(
   selection: Selection,
+  tableFormat: TableCopyFormat = "markdown",
 ): MarkdownClipboardPayload | null {
   const texts: string[] = [];
   const htmls: string[] = [];
@@ -401,7 +474,7 @@ export function chatMarkdownClipboardPayload(
       }
       continue;
     }
-    const text = serializeRenderedMarkdownFragment(container);
+    const text = serializeRenderedMarkdownFragment(container, tableFormat);
     if (!text) continue;
     texts.push(text);
     htmls.push(sanitizedHtmlFrom(container));
diff --git a/packages/contracts/src/settings.ts b/packages/contracts/src/settings.ts
index 44f6f0f2eb8a7..f763c5def4744 100644
--- a/packages/contracts/src/settings.ts
+++ b/packages/contracts/src/settings.ts
@@ -48,6 +48,11 @@ export const TimestampFormat = Schema.Literals(["locale", "12-hour", "24-hour"])
 export type TimestampFormat = typeof TimestampFormat.Type;
 const DEFAULT_TIMESTAMP_FORMAT: TimestampFormat = "locale";
 
+/** How tables in chat markdown land on the clipboard when a whole message or selection is copied. */
+export const TableCopyFormat = Schema.Literals(["markdown", "tsv", "csv"]);
+export type TableCopyFormat = typeof TableCopyFormat.Type;
+const DEFAULT_TABLE_COPY_FORMAT: TableCopyFormat = "markdown";
+
 export const DiffLayout = Schema.Literals(["stacked", "split"]);
 export type DiffLayout = typeof DiffLayout.Type;
 const DEFAULT_DIFF_LAYOUT: DiffLayout = "stacked";
@@ -479,6 +484,9 @@ export const ClientSettingsSchema = Schema.Struct({
   timestampFormat: TimestampFormat.pipe(
     Schema.withDecodingDefault(Effect.succeed(DEFAULT_TIMESTAMP_FORMAT)),
   ),
+  tableCopyFormat: TableCopyFormat.pipe(
+    Schema.withDecodingDefault(Effect.succeed(DEFAULT_TABLE_COPY_FORMAT)),
+  ),
   snapShotEnabled: Schema.Boolean.pipe(Schema.withDecodingDefault(Effect.succeed(false))),
   snapShotIncludeAccessibility: Schema.Boolean.pipe(
     Schema.withDecodingDefault(Effect.succeed(true)),
@@ -1671,6 +1679,7 @@ export const ClientSettingsPatch = Schema.Struct({
   sidebarThreadSortOrder: Schema.optionalKey(SidebarThreadSortOrder),
   sidebarThreadPreviewCount: Schema.optionalKey(SidebarThreadPreviewCount),
   timestampFormat: Schema.optionalKey(TimestampFormat),
+  tableCopyFormat: Schema.optionalKey(TableCopyFormat),
   snapShotEnabled: Schema.optionalKey(Schema.Boolean),
   snapShotIncludeAccessibility: Schema.optionalKey(Schema.Boolean),
   snapShotShortcut: Schema.optionalKey(SnapShotShortcut),
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index e70207f2445f0..ecd0dabefc121 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -721,6 +721,9 @@ importers:
       remark-gfm:
         specifier: ^4.0.1
         version: 4.0.1
+      remark-parse:
+        specifier: ^11.0.0
+        version: 11.0.0
       tailwind-merge:
         specifier: ^3.4.0
         version: 3.6.0

From a881e4f212c13252c8f7232534ed9baf0ba56694 Mon Sep 17 00:00:00 2001
From: MacKinley Smith <smithmackinley@gmail.com>
Date: Wed, 30 Sep 2026 11:38:46 -0600
Subject: [PATCH 2/6] fix(web): copy row-spanning table selections as rows

A range across several cells or rows clones without its table, so the
fragment serialized as run-together cell text. Rebuild the table shell
around the fragment before serializing.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 .../src/markdown-clipboard.selection.test.ts  | 46 +++++++++++++++++++
 apps/web/src/markdown-clipboard.ts            | 24 +++++++++-
 2 files changed, 68 insertions(+), 2 deletions(-)
 create mode 100644 apps/web/src/markdown-clipboard.selection.test.ts

diff --git a/apps/web/src/markdown-clipboard.selection.test.ts b/apps/web/src/markdown-clipboard.selection.test.ts
new file mode 100644
index 0000000000000..eeaadb3e80ade
--- /dev/null
+++ b/apps/web/src/markdown-clipboard.selection.test.ts
@@ -0,0 +1,46 @@
+// @vitest-environment jsdom
+
+import { afterEach, describe, expect, it } from "vite-plus/test";
+
+import { chatMarkdownClipboardPayload } from "./markdown-clipboard";
+
+function selectBetween(start: Node, end: Node): Selection {
+  const range = document.createRange();
+  range.setStart(start, 0);
+  range.setEnd(end, end.childNodes.length);
+  const selection = window.getSelection();
+  if (!selection) throw new Error("jsdom has no selection");
+  selection.removeAllRanges();
+  selection.addRange(range);
+  return selection;
+}
+
+describe("chatMarkdownClipboardPayload", () => {
+  afterEach(() => {
+    document.body.innerHTML = "";
+  });
+
+  it("copies a selection spanning table rows as rows, even though the range omits the table", () => {
+    document.body.innerHTML = `
+      <table>
+        <thead><tr><th>Question</th><th>Owner</th></tr></thead>
+        <tbody><tr><td>Loader URL?</td><td>Platform</td></tr></tbody>
+      </table>`;
+    const cells = document.querySelectorAll("th, td");
+    const selection = selectBetween(cells[0]!, cells[3]!);
+
+    expect(chatMarkdownClipboardPayload(selection, "tsv")?.text).toBe(
+      "Question\tOwner\nLoader URL?\tPlatform",
+    );
+    expect(chatMarkdownClipboardPayload(selection)?.text).toBe(
+      "| Question | Owner |\n| --- | --- |\n| Loader URL? | Platform |",
+    );
+  });
+
+  it("keeps a selection inside one cell as plain text", () => {
+    document.body.innerHTML = `<table><tbody><tr><td>Platform</td></tr></tbody></table>`;
+    const cell = document.querySelector("td")!;
+
+    expect(chatMarkdownClipboardPayload(selectBetween(cell, cell), "tsv")?.text).toBe("Platform");
+  });
+});
diff --git a/apps/web/src/markdown-clipboard.ts b/apps/web/src/markdown-clipboard.ts
index 05cefdc5fe9e5..2b5cfc465f936 100644
--- a/apps/web/src/markdown-clipboard.ts
+++ b/apps/web/src/markdown-clipboard.ts
@@ -452,6 +452,26 @@ function sanitizedHtmlFrom(container: Element): string {
   return `<meta charset="utf-8">${container.innerHTML}`;
 }
 
+const TABLE_INTERIOR_TAGS = new Set(["TABLE", "THEAD", "TBODY", "TFOOT", "TR"]);
+
+/**
+ * A range spanning several cells or rows clones without its `table`, leaving
+ * nothing to serialize as a table. Rebuilds the shell from the table down to
+ * the range's common ancestor around the cloned fragment.
+ */
+function withTableShell(ancestor: Element | null, fragment: DocumentFragment): Node {
+  if (!ancestor || !TABLE_INTERIOR_TAGS.has(ancestor.tagName)) return fragment;
+  const table = ancestor.closest("table");
+  let shell: Node = fragment;
+  for (let element: Element | null = ancestor; element; element = element.parentElement) {
+    const clone = element.cloneNode(false);
+    clone.appendChild(shell);
+    shell = clone;
+    if (element === table) break;
+  }
+  return shell;
+}
+
 export function chatMarkdownClipboardPayload(
   selection: Selection,
   tableFormat: TableCopyFormat = "markdown",
@@ -461,11 +481,11 @@ export function chatMarkdownClipboardPayload(
   for (let index = 0; index < selection.rangeCount; index += 1) {
     const range = selection.getRangeAt(index);
     if (range.collapsed) continue;
-    const container = document.createElement("div");
-    container.appendChild(range.cloneContents());
     const ancestor = range.commonAncestorContainer;
     const ancestorElement =
       ancestor.nodeType === Node.ELEMENT_NODE ? (ancestor as Element) : ancestor.parentElement;
+    const container = document.createElement("div");
+    container.appendChild(withTableShell(ancestorElement, range.cloneContents()));
     if (ancestorElement?.closest("pre")) {
       const text = range.toString();
       if (text) {

From ef24c7bc797a7c0586a3d374ea03df6542ed50bd Mon Sep 17 00:00:00 2001
From: MacKinley Smith <smithmackinley@gmail.com>
Date: Wed, 30 Sep 2026 12:58:43 -0600
Subject: [PATCH 3/6] fix(web): keep delimited table cells aligned on copy

Empty edge cells kept their tabs only until markdown cleanup stripped
them, <br> inside a cell joined its words, and whole-message copy kept
ragged source rows the rendered table pads or trims.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 .../src/markdown-clipboard.selection.test.ts  | 17 +++++++++
 apps/web/src/markdown-clipboard.test.ts       |  6 ++++
 apps/web/src/markdown-clipboard.ts            | 36 ++++++++++++++++---
 3 files changed, 54 insertions(+), 5 deletions(-)

diff --git a/apps/web/src/markdown-clipboard.selection.test.ts b/apps/web/src/markdown-clipboard.selection.test.ts
index eeaadb3e80ade..9175e3a2f8bec 100644
--- a/apps/web/src/markdown-clipboard.selection.test.ts
+++ b/apps/web/src/markdown-clipboard.selection.test.ts
@@ -37,6 +37,23 @@ describe("chatMarkdownClipboardPayload", () => {
     );
   });
 
+  it("keeps empty edge cells and line breaks inside cells", () => {
+    document.body.innerHTML = `
+      <p>Status</p>
+      <table>
+        <thead><tr><th>Question</th><th>Owner</th></tr></thead>
+        <tbody>
+          <tr><td></td><td>Platform</td></tr>
+          <tr><td>first<br>second</td><td></td></tr>
+        </tbody>
+      </table>`;
+    const selection = selectBetween(document.body, document.body);
+
+    expect(chatMarkdownClipboardPayload(selection, "tsv")?.text).toBe(
+      "Status\n\nQuestion\tOwner\n\tPlatform\nfirst second\t",
+    );
+  });
+
   it("keeps a selection inside one cell as plain text", () => {
     document.body.innerHTML = `<table><tbody><tr><td>Platform</td></tr></tbody></table>`;
     const cell = document.querySelector("td")!;
diff --git a/apps/web/src/markdown-clipboard.test.ts b/apps/web/src/markdown-clipboard.test.ts
index a7df57c54de08..d55012142e6ff 100644
--- a/apps/web/src/markdown-clipboard.test.ts
+++ b/apps/web/src/markdown-clipboard.test.ts
@@ -379,6 +379,12 @@ describe("markdownWithTableCopyFormat", () => {
     );
   });
 
+  it("fits each row to the header's width, as the rendered table does", () => {
+    const ragged = ["| a | b |", "| - | - |", "| 1 | 2 | 3 |", "| x |"].join("\n");
+
+    expect(markdownWithTableCopyFormat(ragged, "tsv")).toBe("a\tb\n1\t2\nx\t");
+  });
+
   it("quotes CSV cells that contain commas", () => {
     expect(markdownWithTableCopyFormat(message, "csv")).toContain('"Owner, team",Platform');
   });
diff --git a/apps/web/src/markdown-clipboard.ts b/apps/web/src/markdown-clipboard.ts
index 2b5cfc465f936..ce85d3d457ecc 100644
--- a/apps/web/src/markdown-clipboard.ts
+++ b/apps/web/src/markdown-clipboard.ts
@@ -343,6 +343,9 @@ function tidyMarkdown(markdown: string): string {
     .trim();
 }
 
+const DELIMITED_TABLE_MARKER = "\uE000";
+const DELIMITED_TABLE_PLACEHOLDER = /\uE000(\d+)\uE000/g;
+
 /**
  * Serializes a rendered fragment back to markdown. Tables follow `tableFormat`;
  * delimited formats replace each table with its TSV or CSV rows.
@@ -354,15 +357,22 @@ export function serializeRenderedMarkdownFragment(
   const codeBlock = soleCodeBlock(container);
   if (codeBlock) return (codeBlock.textContent ?? "").replace(/\n$/, "");
   if (tableFormat === "markdown") return tidyMarkdown(serializeChildren(container));
-  // Tag a copy so the caller's fragment still produces untouched HTML.
+  // Tag a copy so the caller's fragment still produces untouched HTML. Tables
+  // stay placeholders through tidyMarkdown, which would strip the tabs of empty
+  // edge cells and shift the columns after them.
   const tagged = container.cloneNode(true) as Element;
+  const delimitedTables: string[] = [];
   for (const table of tagged.querySelectorAll("table")) {
     table.setAttribute(
       "data-markdown-copy",
-      `${serializeTableElementToDelimited(table, tableFormat)}\n\n`,
+      `${DELIMITED_TABLE_MARKER}${delimitedTables.length}${DELIMITED_TABLE_MARKER}\n\n`,
     );
+    delimitedTables.push(serializeTableElementToDelimited(table, tableFormat));
   }
-  return tidyMarkdown(serializeChildren(tagged));
+  return tidyMarkdown(serializeChildren(tagged)).replace(
+    DELIMITED_TABLE_PLACEHOLDER,
+    (_, index: string) => delimitedTables[Number(index)] ?? "",
+  );
 }
 
 export function serializeTableElementToMarkdown(table: Element): string {
@@ -383,6 +393,14 @@ function delimitedRows(rows: ReadonlyArray<ReadonlyArray<string>>, format: "tsv"
     .join("\n");
 }
 
+/** Cell text with `<br>` kept as a word boundary, which `textContent` drops. */
+function tableCellText(node: Node): string {
+  if (node.nodeType === Node.TEXT_NODE) return node.textContent ?? "";
+  if (node.nodeType !== Node.ELEMENT_NODE) return "";
+  if ((node as Element).tagName === "BR") return " ";
+  return [...node.childNodes].map(tableCellText).join("");
+}
+
 /**
  * Tab-separated rows are what spreadsheets put on the clipboard, and what Slack
  * and spreadsheet apps turn back into a real table on paste.
@@ -392,7 +410,7 @@ export function serializeTableElementToDelimited(table: Element, format: "tsv" |
     .map((row) =>
       [...row.children]
         .filter((cell) => cell.tagName === "TH" || cell.tagName === "TD")
-        .map((cell) => cell.textContent ?? ""),
+        .map(tableCellText),
     )
     .filter((cells) => cells.length > 0);
   return delimitedRows(rows, format);
@@ -430,7 +448,15 @@ export function markdownWithTableCopyFormat(markdown: string, format: TableCopyF
     const start = table.position?.start.offset;
     const end = table.position?.end.offset;
     if (start === undefined || end === undefined) continue;
-    const rows = table.children.map((row) => row.children.map(markdownPlainText));
+    // GFM pads short rows and drops surplus cells to the header's width when
+    // rendering; the syntax tree keeps them as written.
+    const width = table.align?.length ?? table.children[0]?.children.length ?? 0;
+    const rows = table.children.map((row) =>
+      Array.from({ length: width }, (_, index) => {
+        const cell = row.children[index];
+        return cell ? markdownPlainText(cell) : "";
+      }),
+    );
     result = `${result.slice(0, start)}${delimitedRows(rows, format)}${result.slice(end)}`;
   }
   return result;

From 9a9974039acc32dade0275ae7764254ef0339ec4 Mon Sep 17 00:00:00 2001
From: MacKinley Smith <smithmackinley@gmail.com>
Date: Wed, 30 Sep 2026 13:14:57 -0600
Subject: [PATCH 4/6] fix(web): harden delimited table copy edge cases

Quoted or indented tables no longer keep a stray container prefix, a
non-element fragment no longer throws, and table placeholders use a
per-copy marker so copied text can't collide with them.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 apps/web/src/markdown-clipboard.test.ts |  6 ++++++
 apps/web/src/markdown-clipboard.ts      | 27 ++++++++++++++-----------
 2 files changed, 21 insertions(+), 12 deletions(-)

diff --git a/apps/web/src/markdown-clipboard.test.ts b/apps/web/src/markdown-clipboard.test.ts
index d55012142e6ff..88cfd25e90abe 100644
--- a/apps/web/src/markdown-clipboard.test.ts
+++ b/apps/web/src/markdown-clipboard.test.ts
@@ -385,6 +385,12 @@ describe("markdownWithTableCopyFormat", () => {
     expect(markdownWithTableCopyFormat(ragged, "tsv")).toBe("a\tb\n1\t2\nx\t");
   });
 
+  it("drops the quote prefix from every row of a quoted table", () => {
+    const quoted = ["> Note", ">", "> | a | b |", "> | - | - |", "> | 1 | 2 |"].join("\n");
+
+    expect(markdownWithTableCopyFormat(quoted, "tsv")).toBe("> Note\n>\na\tb\n1\t2");
+  });
+
   it("quotes CSV cells that contain commas", () => {
     expect(markdownWithTableCopyFormat(message, "csv")).toContain('"Owner, team",Platform');
   });
diff --git a/apps/web/src/markdown-clipboard.ts b/apps/web/src/markdown-clipboard.ts
index ce85d3d457ecc..a710f08c0e8ed 100644
--- a/apps/web/src/markdown-clipboard.ts
+++ b/apps/web/src/markdown-clipboard.ts
@@ -343,9 +343,6 @@ function tidyMarkdown(markdown: string): string {
     .trim();
 }
 
-const DELIMITED_TABLE_MARKER = "\uE000";
-const DELIMITED_TABLE_PLACEHOLDER = /\uE000(\d+)\uE000/g;
-
 /**
  * Serializes a rendered fragment back to markdown. Tables follow `tableFormat`;
  * delimited formats replace each table with its TSV or CSV rows.
@@ -356,22 +353,23 @@ export function serializeRenderedMarkdownFragment(
 ): string {
   const codeBlock = soleCodeBlock(container);
   if (codeBlock) return (codeBlock.textContent ?? "").replace(/\n$/, "");
-  if (tableFormat === "markdown") return tidyMarkdown(serializeChildren(container));
+  if (tableFormat === "markdown" || container.nodeType !== Node.ELEMENT_NODE) {
+    return tidyMarkdown(serializeChildren(container));
+  }
   // Tag a copy so the caller's fragment still produces untouched HTML. Tables
   // stay placeholders through tidyMarkdown, which would strip the tabs of empty
-  // edge cells and shift the columns after them.
+  // edge cells and shift the columns after them. The per-copy marker cannot
+  // collide with copied text.
   const tagged = container.cloneNode(true) as Element;
+  const marker = `\uE000${Math.random().toString(36).slice(2)}\uE000`;
   const delimitedTables: string[] = [];
   for (const table of tagged.querySelectorAll("table")) {
-    table.setAttribute(
-      "data-markdown-copy",
-      `${DELIMITED_TABLE_MARKER}${delimitedTables.length}${DELIMITED_TABLE_MARKER}\n\n`,
-    );
+    table.setAttribute("data-markdown-copy", `${marker}${delimitedTables.length}${marker}\n\n`);
     delimitedTables.push(serializeTableElementToDelimited(table, tableFormat));
   }
   return tidyMarkdown(serializeChildren(tagged)).replace(
-    DELIMITED_TABLE_PLACEHOLDER,
-    (_, index: string) => delimitedTables[Number(index)] ?? "",
+    new RegExp(`${marker}(\\d+)${marker}`, "g"),
+    (match, index: string) => delimitedTables[Number(index)] ?? match,
   );
 }
 
@@ -457,7 +455,12 @@ export function markdownWithTableCopyFormat(markdown: string, format: TableCopyF
         return cell ? markdownPlainText(cell) : "";
       }),
     );
-    result = `${result.slice(0, start)}${delimitedRows(rows, format)}${result.slice(end)}`;
+    // A table in a blockquote or list starts after its line's container prefix
+    // ("> ", indentation) and swallows that prefix on later lines. Replace from
+    // the line start so no row keeps a stray marker.
+    const lineStart = result.lastIndexOf("\n", start - 1) + 1;
+    const replaceFrom = /^[\s>]*$/.test(result.slice(lineStart, start)) ? lineStart : start;
+    result = `${result.slice(0, replaceFrom)}${delimitedRows(rows, format)}${result.slice(end)}`;
   }
   return result;
 }

From e5417c2461b8badd8d9e70a67edf58fb9da41d82 Mon Sep 17 00:00:00 2001
From: MacKinley Smith <smithmackinley@gmail.com>
Date: Wed, 30 Sep 2026 13:46:07 -0600
Subject: [PATCH 5/6] fix(web): keep image alt text in delimited table cells

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 apps/web/src/markdown-clipboard.selection.test.ts |  5 +++--
 apps/web/src/markdown-clipboard.test.ts           |  2 ++
 apps/web/src/markdown-clipboard.ts                | 10 ++++++++--
 3 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/apps/web/src/markdown-clipboard.selection.test.ts b/apps/web/src/markdown-clipboard.selection.test.ts
index 9175e3a2f8bec..3463a0b65aca9 100644
--- a/apps/web/src/markdown-clipboard.selection.test.ts
+++ b/apps/web/src/markdown-clipboard.selection.test.ts
@@ -37,7 +37,7 @@ describe("chatMarkdownClipboardPayload", () => {
     );
   });
 
-  it("keeps empty edge cells and line breaks inside cells", () => {
+  it("keeps empty edge cells, line breaks, and image alt text inside cells", () => {
     document.body.innerHTML = `
       <p>Status</p>
       <table>
@@ -45,12 +45,13 @@ describe("chatMarkdownClipboardPayload", () => {
         <tbody>
           <tr><td></td><td>Platform</td></tr>
           <tr><td>first<br>second</td><td></td></tr>
+          <tr><td><img alt="Build badge" src="b.svg"></td><td>ok</td></tr>
         </tbody>
       </table>`;
     const selection = selectBetween(document.body, document.body);
 
     expect(chatMarkdownClipboardPayload(selection, "tsv")?.text).toBe(
-      "Status\n\nQuestion\tOwner\n\tPlatform\nfirst second\t",
+      "Status\n\nQuestion\tOwner\n\tPlatform\nfirst second\t\nBuild badge\tok",
     );
   });
 
diff --git a/apps/web/src/markdown-clipboard.test.ts b/apps/web/src/markdown-clipboard.test.ts
index 88cfd25e90abe..da7cff9b85e5a 100644
--- a/apps/web/src/markdown-clipboard.test.ts
+++ b/apps/web/src/markdown-clipboard.test.ts
@@ -355,6 +355,7 @@ describe("markdownWithTableCopyFormat", () => {
     "| --- | --- |",
     "| **Loader** URL? | See [docs](https://example.com) and `v2\\|v3` |",
     "| Owner, team | Platform |",
+    "| ![Build badge](https://example.com/b.svg) | ok |",
     "",
     "```md",
     "| a | b |",
@@ -370,6 +371,7 @@ describe("markdownWithTableCopyFormat", () => {
         "Question\tAnswer",
         "Loader URL?\tSee docs and v2|v3",
         "Owner, team\tPlatform",
+        "Build badge\tok",
         "",
         "```md",
         "| a | b |",
diff --git a/apps/web/src/markdown-clipboard.ts b/apps/web/src/markdown-clipboard.ts
index a710f08c0e8ed..852463ddb1c53 100644
--- a/apps/web/src/markdown-clipboard.ts
+++ b/apps/web/src/markdown-clipboard.ts
@@ -391,11 +391,16 @@ function delimitedRows(rows: ReadonlyArray<ReadonlyArray<string>>, format: "tsv"
     .join("\n");
 }
 
-/** Cell text with `<br>` kept as a word boundary, which `textContent` drops. */
+/**
+ * Cell text with `<br>` kept as a word boundary and images as their alt text,
+ * both of which `textContent` drops.
+ */
 function tableCellText(node: Node): string {
   if (node.nodeType === Node.TEXT_NODE) return node.textContent ?? "";
   if (node.nodeType !== Node.ELEMENT_NODE) return "";
-  if ((node as Element).tagName === "BR") return " ";
+  const element = node as Element;
+  if (element.tagName === "BR") return " ";
+  if (element.tagName === "IMG") return element.getAttribute("alt") ?? "";
   return [...node.childNodes].map(tableCellText).join("");
 }
 
@@ -418,6 +423,7 @@ const markdownTableParser = unified().use(remarkParse).use(remarkGfm);
 
 function markdownPlainText(node: Nodes): string {
   if (node.type === "html" || node.type === "break") return " ";
+  if (node.type === "image" || node.type === "imageReference") return node.alt ?? "";
   if ("value" in node) return node.value;
   if ("children" in node) return node.children.map(markdownPlainText).join("");
   return "";

From dc22264c6ef9927945d57b112e412939c0c04c17 Mon Sep 17 00:00:00 2001
From: MacKinley Smith <smithmackinley@gmail.com>
Date: Sat, 10 Oct 2026 13:54:45 -0600
Subject: [PATCH 6/6] feat(web): copy chat tables as tab-separated text from
 the table menu

---
 apps/web/src/components/ChatMarkdown.tsx      | 11 +++--
 apps/web/src/markdown-clipboard.table.test.ts | 35 ++++++++++++++
 apps/web/src/markdown-clipboard.ts            | 48 ++++++++++++++-----
 3 files changed, 78 insertions(+), 16 deletions(-)
 create mode 100644 apps/web/src/markdown-clipboard.table.test.ts

diff --git a/apps/web/src/components/ChatMarkdown.tsx b/apps/web/src/components/ChatMarkdown.tsx
index c0225713ec4cb..cc0413edec11b 100644
--- a/apps/web/src/components/ChatMarkdown.tsx
+++ b/apps/web/src/components/ChatMarkdown.tsx
@@ -160,7 +160,7 @@ import { useTheme } from "../hooks/useTheme";
 import { getClientSettings, useClientSettings } from "../hooks/useSettings";
 import {
   chatMarkdownClipboardPayload,
-  serializeTableElementToCsv,
+  serializeTableElementToDelimited,
   serializeTableElementToMarkdown,
 } from "../markdown-clipboard";
 import {
@@ -356,10 +356,12 @@ const WINDOWS_DRIVE_PATH_REGEX = /^[A-Za-z]:[\\/]/;
 const MAX_HIGHLIGHT_CACHE_ENTRIES = 500;
 const MAX_HIGHLIGHT_CACHE_MEMORY_BYTES = 50 * 1024 * 1024;
 
+type TableCopyFormat = "markdown" | "tsv" | "csv";
+
 interface MarkdownActionFailureContext {
   readonly operation: string;
   readonly target?: string;
-  readonly format?: "markdown" | "csv";
+  readonly format?: TableCopyFormat;
   readonly language?: string;
   readonly fenceTitle?: string;
   readonly copyTarget?: string;
@@ -589,7 +591,7 @@ function MarkdownTable({ children, ...props }: React.ComponentProps<"table">) {
     setExpanded((value) => !value);
   }
 
-  const handleCopy = useCallback((format: "markdown" | "csv") => {
+  const handleCopy = useCallback((format: TableCopyFormat) => {
     const table = containerRef.current?.querySelector("table");
     if (!table || typeof navigator === "undefined" || navigator.clipboard == null) {
       return;
@@ -597,7 +599,7 @@ function MarkdownTable({ children, ...props }: React.ComponentProps<"table">) {
     const text =
       format === "markdown"
         ? serializeTableElementToMarkdown(table)
-        : serializeTableElementToCsv(table);
+        : serializeTableElementToDelimited(table, format);
     void navigator.clipboard
       .writeText(text)
       .then(() => {
@@ -676,6 +678,7 @@ function MarkdownTable({ children, ...props }: React.ComponentProps<"table">) {
           </Tooltip>
           <MenuPopup align="end">
             <MenuItem onClick={() => handleCopy("markdown")}>Copy as Markdown</MenuItem>
+            <MenuItem onClick={() => handleCopy("tsv")}>Copy as TSV</MenuItem>
             <MenuItem onClick={() => handleCopy("csv")}>Copy as CSV</MenuItem>
           </MenuPopup>
         </Menu>
diff --git a/apps/web/src/markdown-clipboard.table.test.ts b/apps/web/src/markdown-clipboard.table.test.ts
new file mode 100644
index 0000000000000..f0ac9a7c78d1b
--- /dev/null
+++ b/apps/web/src/markdown-clipboard.table.test.ts
@@ -0,0 +1,35 @@
+// @vitest-environment jsdom
+
+import { describe, expect, it } from "vite-plus/test";
+
+import { serializeTableElementToDelimited } from "./markdown-clipboard";
+
+function renderTable(html: string): HTMLTableElement {
+  const container = document.createElement("div");
+  container.innerHTML = html;
+  return container.querySelector("table")!;
+}
+
+describe("serializeTableElementToDelimited", () => {
+  const table = renderTable(`
+    <table>
+      <thead><tr><th>Question</th><th>Owner, team</th></tr></thead>
+      <tbody>
+        <tr><td></td><td>Platform</td></tr>
+        <tr><td>first<br>second\tthird</td><td></td></tr>
+        <tr><td><img alt="Build badge" src="b.svg"></td><td>say "ok"</td></tr>
+      </tbody>
+    </table>`);
+
+  it("keeps every cell in its column as tab-separated rows", () => {
+    expect(serializeTableElementToDelimited(table, "tsv")).toBe(
+      'Question\tOwner, team\n\tPlatform\nfirst second third\t\nBuild badge\tsay "ok"',
+    );
+  });
+
+  it("quotes CSV cells that contain commas or quotes", () => {
+    expect(serializeTableElementToDelimited(table, "csv")).toBe(
+      'Question,"Owner, team"\n,Platform\nfirst second third,\nBuild badge,"say ""ok"""',
+    );
+  });
+});
diff --git a/apps/web/src/markdown-clipboard.ts b/apps/web/src/markdown-clipboard.ts
index 39b9418016381..a3e0b6f38f444 100644
--- a/apps/web/src/markdown-clipboard.ts
+++ b/apps/web/src/markdown-clipboard.ts
@@ -346,22 +346,46 @@ export function serializeTableElementToMarkdown(table: Element): string {
   return serializeTable(table).trim();
 }
 
-function csvCell(value: string): string {
+/** Collapses a cell to one line so it cannot break the row or column grid. */
+function delimitedCell(value: string, format: "tsv" | "csv"): string {
   const normalized = value.replace(/\s+/g, " ").trim();
+  if (format === "tsv") return normalized;
   return /[",\n]/.test(normalized) ? `"${normalized.replaceAll('"', '""')}"` : normalized;
 }
 
-export function serializeTableElementToCsv(table: Element): string {
-  const rows = [...table.querySelectorAll(":scope > thead > tr, :scope > tbody > tr, :scope > tr")];
-  const lines: string[] = [];
-  for (const row of rows) {
-    const cells = [...row.children].filter(
-      (cell) => cell.tagName === "TH" || cell.tagName === "TD",
-    );
-    if (cells.length === 0) continue;
-    lines.push(cells.map((cell) => csvCell(cell.textContent ?? "")).join(","));
-  }
-  return lines.join("\n");
+function delimitedRows(rows: ReadonlyArray<ReadonlyArray<string>>, format: "tsv" | "csv"): string {
+  const separator = format === "tsv" ? "\t" : ",";
+  return rows
+    .map((cells) => cells.map((cell) => delimitedCell(cell, format)).join(separator))
+    .join("\n");
+}
+
+/**
+ * Cell text with `<br>` kept as a word boundary and images as their alt text,
+ * both of which `textContent` drops.
+ */
+function tableCellText(node: Node): string {
+  if (node.nodeType === Node.TEXT_NODE) return node.textContent ?? "";
+  if (node.nodeType !== Node.ELEMENT_NODE) return "";
+  const element = node as Element;
+  if (element.tagName === "BR") return " ";
+  if (element.tagName === "IMG") return element.getAttribute("alt") ?? "";
+  return [...node.childNodes].map(tableCellText).join("");
+}
+
+/**
+ * Tab-separated rows are what spreadsheets put on the clipboard, and what Slack
+ * and spreadsheet apps turn back into a real table on paste.
+ */
+export function serializeTableElementToDelimited(table: Element, format: "tsv" | "csv"): string {
+  const rows = [...table.querySelectorAll(":scope > thead > tr, :scope > tbody > tr, :scope > tr")]
+    .map((row) =>
+      [...row.children]
+        .filter((cell) => cell.tagName === "TH" || cell.tagName === "TD")
+        .map(tableCellText),
+    )
+    .filter((cells) => cells.length > 0);
+  return delimitedRows(rows, format);
 }
 
 function sanitizedHtmlFrom(container: Element): string {