@datarecce/ui 0.1.40 → 0.1.41

package/dist/{components-B6oaPB5f.mjs → components-jh6r4tQn.mjs}

@@ -43,7 +43,7 @@ import TextField from "@mui/material/TextField";
 import Menu from "@mui/material/Menu";
 import MenuItem from "@mui/material/MenuItem";
 import { VscCircleLarge, VscDiffAdded, VscDiffModified, VscDiffRemoved, VscFeedback, VscGitPullRequest, VscHistory, VscKebabVertical } from "react-icons/vsc";
-import { PiBookmarkSimple, PiCaretDown, PiChatText, PiCheck, PiCheckCircle, PiCircle, PiCopy, PiInfo, PiInfoFill, PiMoon, PiNotePencil, PiPencilSimple, PiPlusCircle, PiRepeat, PiSun, PiTrashFill, PiTrashSimple, PiWarning, PiX } from "react-icons/pi";
+import { PiBookmarkSimple, PiCaretDown, PiChatText, PiCheck, PiCheckCircle, PiCircle, PiCopy, PiDownloadSimple, PiImage, PiInfo, PiInfoFill, PiMoon, PiNotePencil, PiPencilSimple, PiPlusCircle, PiRepeat, PiSun, PiTable, PiTrashFill, PiTrashSimple, PiWarning, PiX } from "react-icons/pi";
 import MuiTooltip from "@mui/material/Tooltip";
 import { useCopyToClipboard, useInterval } from "usehooks-ts";
 import ListSubheader from "@mui/material/ListSubheader";
@@ -4430,6 +4430,512 @@ function AuthModal({ handleParentClose, parentOpen = false, ignoreCookie = false
 	});
 }
 
+//#endregion
+//#region recce-source/js/src/lib/csv/format.ts
+/**
+* CSV formatting utilities with Excel-friendly output
+*/
+/**
+* Escape a value for CSV format
+* - Wrap in quotes if contains comma, quote, or newline
+* - Escape quotes by doubling them
+*/
+function escapeCSVValue(value) {
+	if (value === null || value === void 0) return "";
+	const stringValue = typeof value === "object" ? JSON.stringify(value) : String(value);
+	if (stringValue.includes(",") || stringValue.includes("\"") || stringValue.includes("\n") || stringValue.includes("\r")) return `"${stringValue.replace(/"/g, "\"\"")}"`;
+	return stringValue;
+}
+/**
+* Convert tabular data to CSV string
+* @param columns - Column headers
+* @param rows - Row data (array of arrays)
+* @returns CSV string with UTF-8 BOM for Excel compatibility
+*/
+function toCSV(columns, rows) {
+	return "" + [columns.map(escapeCSVValue).join(","), ...rows.map((row) => row.map(escapeCSVValue).join(","))].join("\r\n");
+}
+
+//#endregion
+//#region recce-source/js/src/lib/csv/extractors.ts
+/**
+* Format a cell value for inline diff mode
+* If base and current are the same, return the value
+* If different, return "(base_value) (current_value)"
+*/
+function formatInlineDiffCell(baseValue, currentValue) {
+	if ((baseValue == null ? "" : String(baseValue)) === (currentValue == null ? "" : String(currentValue))) return baseValue;
+	return `${baseValue == null ? "" : `(${baseValue})`} ${currentValue == null ? "" : `(${currentValue})`}`.trim();
+}
+/**
+* Extract columns and rows from a DataFrame
+*/
+function extractDataFrame(df) {
+	if (!df || !df.columns || !df.data) return null;
+	return {
+		columns: df.columns.map((col) => col.name),
+		rows: df.data.map((row) => [...row])
+	};
+}
+/**
+* Extract CSV data from query result (single environment)
+*/
+function extractQuery(result) {
+	return extractDataFrame(result);
+}
+/**
+* Extract CSV data from query_base result
+*/
+function extractQueryBase(result) {
+	return extractDataFrame(result);
+}
+/**
+* Extract CSV data from query_diff result
+* Supports two result shapes:
+* 1. { diff: DataFrame } - joined diff result (QueryDiffJoinResultView)
+* 2. { base: DataFrame, current: DataFrame } - separate base/current (QueryDiffResultView)
+*
+* Display modes:
+* - "inline": Merged rows where same values shown as-is, differing values shown as "(base) (current)"
+* - "side_by_side": Single row per record with base__col, current__col columns
+*
+* Note: When base and current have different row counts (e.g., added/removed rows),
+* the merge is done positionally. Extra rows will show null for the missing environment.
+*/
+function extractQueryDiff(result, options) {
+	const typed = result;
+	const displayMode = options?.displayMode ?? "inline";
+	const primaryKeys = options?.primaryKeys ?? [];
+	if (typed?.diff) return extractQueryDiffJoined(typed.diff, displayMode, primaryKeys);
+	return extractQueryDiffSeparate(typed, displayMode);
+}
+/**
+* Extract CSV from joined diff DataFrame (QueryDiffJoinResultView)
+* The diff DataFrame has columns like: pk, col1, col2, in_a, in_b
+* where in_a/in_b indicate presence in base/current
+*
+* The DataFrame may have separate rows for base (in_a=true) and current (in_b=true)
+* records. This function groups them by primary key and merges into single output rows.
+*
+* Produces same layout as extractQueryDiffSeparate for consistency.
+*/
+function extractQueryDiffJoined(diff, displayMode, primaryKeys) {
+	if (!diff?.columns || !diff?.data) return null;
+	const inAIndex = diff.columns.findIndex((col) => col.key.toLowerCase() === "in_a");
+	const inBIndex = diff.columns.findIndex((col) => col.key.toLowerCase() === "in_b");
+	const dataColumns = diff.columns.filter((col) => col.key.toLowerCase() !== "in_a" && col.key.toLowerCase() !== "in_b");
+	const dataColumnNames = dataColumns.map((col) => col.name);
+	const dataColumnIndices = dataColumns.map((col) => diff.columns.findIndex((c) => c.key === col.key));
+	const pkIndices = primaryKeys.map((pk) => diff.columns.findIndex((col) => col.key === pk)).filter((idx) => idx >= 0);
+	const extractRowValues = (rowData) => {
+		return dataColumnIndices.map((colIndex) => rowData[colIndex]);
+	};
+	const getPrimaryKeyValue = (rowData) => {
+		if (pkIndices.length === 0) return "";
+		return pkIndices.map((idx) => String(rowData[idx] ?? "")).join("|||");
+	};
+	const groupedRows = /* @__PURE__ */ new Map();
+	const rowOrder = [];
+	diff.data.forEach((rowData, index) => {
+		const inA = inAIndex >= 0 ? rowData[inAIndex] : true;
+		const inB = inBIndex >= 0 ? rowData[inBIndex] : true;
+		let pkValue = getPrimaryKeyValue(rowData);
+		if (pkValue === "") pkValue = String(index);
+		if (!groupedRows.has(pkValue)) {
+			groupedRows.set(pkValue, {
+				base: null,
+				current: null
+			});
+			rowOrder.push(pkValue);
+		}
+		const group = groupedRows.get(pkValue);
+		if (!group) return;
+		const values = extractRowValues(rowData);
+		if (inA) group.base = values;
+		if (inB) group.current = values;
+	});
+	if (displayMode === "side_by_side") {
+		const columns$1 = [];
+		dataColumnNames.forEach((name) => {
+			columns$1.push(`base__${name}`, `current__${name}`);
+		});
+		const rows$1 = [];
+		for (const pkValue of rowOrder) {
+			const group = groupedRows.get(pkValue);
+			if (!group) continue;
+			const baseValues = group.base;
+			const currentValues = group.current;
+			const row = [];
+			dataColumnNames.forEach((_$1, colIndex) => {
+				row.push(baseValues ? baseValues[colIndex] : null);
+				row.push(currentValues ? currentValues[colIndex] : null);
+			});
+			rows$1.push(row);
+		}
+		return {
+			columns: columns$1,
+			rows: rows$1
+		};
+	}
+	const columns = [...dataColumnNames];
+	const rows = [];
+	for (const pkValue of rowOrder) {
+		const group = groupedRows.get(pkValue);
+		if (!group) continue;
+		const baseValues = group.base;
+		const currentValues = group.current;
+		const row = [];
+		dataColumnNames.forEach((_$1, colIndex) => {
+			const baseVal = baseValues ? baseValues[colIndex] : null;
+			const currentVal = currentValues ? currentValues[colIndex] : null;
+			row.push(formatInlineDiffCell(baseVal, currentVal));
+		});
+		rows.push(row);
+	}
+	return {
+		columns,
+		rows
+	};
+}
+/**
+* Extract CSV from separate base/current DataFrames (QueryDiffResultView)
+*/
+function extractQueryDiffSeparate(typed, displayMode) {
+	const df = typed?.current || typed?.base;
+	if (!df) return null;
+	if (!typed?.base || !typed?.current) return extractDataFrame(df);
+	const columnNames = typed.current.columns.map((c) => c.name);
+	if (displayMode === "side_by_side") {
+		const columns$1 = [];
+		columnNames.forEach((name) => {
+			columns$1.push(`base__${name}`, `current__${name}`);
+		});
+		const rows$1 = [];
+		const maxRows$1 = Math.max(typed.base.data.length, typed.current.data.length);
+		for (let i = 0; i < maxRows$1; i++) {
+			const row = [];
+			const baseRow = i < typed.base.data.length ? typed.base.data[i] : null;
+			const currentRow = i < typed.current.data.length ? typed.current.data[i] : null;
+			columnNames.forEach((_$1, colIndex) => {
+				row.push(baseRow ? baseRow[colIndex] : null);
+				row.push(currentRow ? currentRow[colIndex] : null);
+			});
+			rows$1.push(row);
+		}
+		return {
+			columns: columns$1,
+			rows: rows$1
+		};
+	}
+	const columns = [...columnNames];
+	const rows = [];
+	const maxRows = Math.max(typed.base.data.length, typed.current.data.length);
+	for (let i = 0; i < maxRows; i++) {
+		const baseRow = i < typed.base.data.length ? typed.base.data[i] : null;
+		const currentRow = i < typed.current.data.length ? typed.current.data[i] : null;
+		const row = [];
+		columnNames.forEach((_$1, colIndex) => {
+			const baseVal = baseRow ? baseRow[colIndex] : null;
+			const currentVal = currentRow ? currentRow[colIndex] : null;
+			row.push(formatInlineDiffCell(baseVal, currentVal));
+		});
+		rows.push(row);
+	}
+	return {
+		columns,
+		rows
+	};
+}
+/**
+* Extract CSV data from profile_diff result
+*/
+function extractProfileDiff(result) {
+	const typed = result;
+	const df = typed?.current || typed?.base;
+	if (!df) return null;
+	if (typed?.base && typed?.current) {
+		const columns = ["_source", ...typed.current.columns.map((c) => c.name)];
+		const rows = [];
+		typed.base.data.forEach((row) => {
+			rows.push(["base", ...row]);
+		});
+		typed.current.data.forEach((row) => {
+			rows.push(["current", ...row]);
+		});
+		return {
+			columns,
+			rows
+		};
+	}
+	return extractDataFrame(df);
+}
+/**
+* Extract CSV data from row_count_diff result
+*/
+function extractRowCountDiff(result) {
+	const typed = result;
+	if (!typed || typeof typed !== "object") return null;
+	const columns = [
+		"node",
+		"base_count",
+		"current_count",
+		"diff",
+		"diff_percent"
+	];
+	const rows = [];
+	for (const [nodeName, counts] of Object.entries(typed)) if (counts && typeof counts === "object") {
+		const base = counts.base;
+		const current = counts.curr;
+		const diff = base != null && current != null ? current - base : null;
+		const diffPercent = base && diff !== null ? (diff / base * 100).toFixed(2) + "%" : null;
+		rows.push([
+			nodeName,
+			base,
+			current,
+			diff,
+			diffPercent
+		]);
+	}
+	return {
+		columns,
+		rows
+	};
+}
+/**
+* Extract CSV data from value_diff result
+*/
+function extractValueDiff(result) {
+	const typed = result;
+	if (!typed?.data) return null;
+	return extractDataFrame(typed.data);
+}
+/**
+* Extract CSV data from value_diff_detail result
+*/
+function extractValueDiffDetail(result) {
+	return extractDataFrame(result);
+}
+/**
+* Extract CSV data from top_k_diff result
+*/
+function extractTopKDiff(result) {
+	const typed = result;
+	const hasBaseValues = !!typed?.base?.values;
+	const hasCurrentValues = !!typed?.current?.values;
+	if (!hasBaseValues && !hasCurrentValues) return null;
+	const columns = [
+		"_source",
+		"value",
+		"count"
+	];
+	const rows = [];
+	if (typed?.base?.values) typed.base.values.forEach((value, index) => {
+		rows.push([
+			"base",
+			value,
+			typed.base.counts[index]
+		]);
+	});
+	if (typed?.current?.values) typed.current.values.forEach((value, index) => {
+		rows.push([
+			"current",
+			value,
+			typed.current.counts[index]
+		]);
+	});
+	return {
+		columns,
+		rows
+	};
+}
+/**
+* Map of run types to their extractor functions
+* Some extractors accept options (like query_diff for displayMode)
+*/
+const extractors = {
+	query: extractQuery,
+	query_base: extractQueryBase,
+	query_diff: extractQueryDiff,
+	profile: extractProfileDiff,
+	profile_diff: extractProfileDiff,
+	row_count: extractRowCountDiff,
+	row_count_diff: extractRowCountDiff,
+	value_diff: extractValueDiff,
+	value_diff_detail: extractValueDiffDetail,
+	top_k_diff: extractTopKDiff
+};
+/**
+* Extract CSV data from a run result
+* @param runType - The type of run (query, query_diff, etc.)
+* @param result - The run result data
+* @param options - Optional export options (e.g., displayMode for query_diff)
+* @returns CSVData or null if the run type doesn't support CSV export
+*/
+function extractCSVData(runType, result, options) {
+	const extractor = extractors[runType];
+	if (!extractor) return null;
+	try {
+		return extractor(result, options);
+	} catch (error) {
+		console.error(`Failed to extract CSV data for run type "${runType}":`, error);
+		return null;
+	}
+}
+/**
+* Check if a run type supports CSV export
+*/
+function supportsCSVExport(runType) {
+	return runType in extractors;
+}
+
+//#endregion
+//#region recce-source/js/src/lib/csv/index.ts
+/**
+* CSV export utilities
+*/
+/**
+* Trigger browser download of CSV file
+*/
+function downloadCSV(content, filename) {
+	saveAs(new Blob([content], { type: "text/csv;charset=utf-8" }), filename);
+}
+/**
+* Copy CSV content to clipboard
+* Uses modern Clipboard API with fallback for older browsers
+*/
+async function copyCSVToClipboard(content) {
+	if (typeof navigator !== "undefined" && navigator.clipboard && typeof navigator.clipboard.writeText === "function") {
+		await navigator.clipboard.writeText(content);
+		return;
+	}
+	if (typeof document === "undefined") throw new Error("Clipboard API not available in this environment");
+	const textarea = document.createElement("textarea");
+	textarea.value = content;
+	textarea.style.position = "fixed";
+	textarea.style.opacity = "0";
+	textarea.setAttribute("readonly", "");
+	document.body.appendChild(textarea);
+	textarea.focus();
+	textarea.select();
+	try {
+		if (!document.execCommand("copy")) throw new Error("execCommand('copy') failed");
+	} finally {
+		document.body.removeChild(textarea);
+	}
+}
+/**
+* Generate timestamp string for filenames
+* Format: YYYYMMDD-HHmmss
+*/
+function generateTimestamp() {
+	const now = /* @__PURE__ */ new Date();
+	return `${now.getFullYear()}${String(now.getMonth() + 1).padStart(2, "0")}${String(now.getDate()).padStart(2, "0")}-${String(now.getHours()).padStart(2, "0")}${String(now.getMinutes()).padStart(2, "0")}${String(now.getSeconds()).padStart(2, "0")}`;
+}
+/**
+* Generate context-aware CSV filename
+*/
+function generateCSVFilename(runType, params) {
+	const timestamp = generateTimestamp();
+	const type = runType.replace(/_/g, "-");
+	let nodeName;
+	if (params?.node_names && Array.isArray(params.node_names) && params.node_names.length === 1) nodeName = String(params.node_names[0]);
+	else if (params?.model && typeof params.model === "string") nodeName = params.model;
+	if (nodeName) {
+		nodeName = nodeName.replace(/[^a-zA-Z0-9_.-]/g, "-").toLowerCase();
+		return `${type}-${nodeName}-${timestamp}.csv`;
+	}
+	return `${type}-result-${timestamp}.csv`;
+}
+
+//#endregion
+//#region recce-source/js/src/lib/hooks/useCSVExport.ts
+/**
+* Hook for CSV export functionality
+*/
+function useCSVExport({ run, viewOptions }) {
+	const canExportCSV = useMemo(() => {
+		if (!run?.type || !run?.result) return false;
+		return supportsCSVExport(run.type);
+	}, [run?.type, run?.result]);
+	const getCSVContent = useCallback(() => {
+		if (!run?.type || !run?.result) return null;
+		const exportOptions = {
+			displayMode: viewOptions?.display_mode,
+			primaryKeys: (run?.params)?.primary_keys
+		};
+		const csvData = extractCSVData(run.type, run.result, exportOptions);
+		if (!csvData) return null;
+		return toCSV(csvData.columns, csvData.rows);
+	}, [
+		run?.type,
+		run?.result,
+		run?.params,
+		viewOptions
+	]);
+	return {
+		canExportCSV,
+		copyAsCSV: useCallback(async () => {
+			const content = getCSVContent();
+			if (!content) {
+				toaster.create({
+					title: "Export failed",
+					description: "Unable to extract data for CSV export",
+					type: "error",
+					duration: 3e3
+				});
+				return;
+			}
+			try {
+				await copyCSVToClipboard(content);
+				toaster.create({
+					title: "Copied to clipboard",
+					description: "CSV data copied successfully",
+					type: "success",
+					duration: 2e3
+				});
+			} catch (error) {
+				console.error("Failed to copy CSV to clipboard:", error);
+				toaster.create({
+					title: "Copy failed",
+					description: "Failed to copy to clipboard",
+					type: "error",
+					duration: 3e3
+				});
+			}
+		}, [getCSVContent]),
+		downloadAsCSV: useCallback(() => {
+			const content = getCSVContent();
+			if (!content) {
+				toaster.create({
+					title: "Export failed",
+					description: "Unable to extract data for CSV export",
+					type: "error",
+					duration: 3e3
+				});
+				return;
+			}
+			try {
+				const filename = generateCSVFilename(run?.type ?? "", run?.params);
+				downloadCSV(content, filename);
+				toaster.create({
+					title: "Downloaded",
+					description: filename,
+					type: "success",
+					duration: 3e3
+				});
+			} catch (error) {
+				console.error("Failed to download CSV file:", error);
+				toaster.create({
+					title: "Download failed",
+					description: "Failed to download CSV file",
+					type: "error",
+					duration: 3e3
+				});
+			}
+		}, [getCSVContent, run])
+	};
+}
+
 //#endregion
 //#region recce-source/js/src/components/query/SqlEditor.tsx
 function SqlEditor({ value, onChange, onRun, onRunBase, onRunDiff, label, CustomEditor, options = {}, manifestData, schemas, ...props }) {
@@ -4824,12 +5330,71 @@ const SingleEnvironmentSetupNotification = ({ runType }) => {
 		default: return /* @__PURE__ */ jsx(Fragment$1, {});
 	}
 };
-const RunResultShareMenu = ({ disableCopyToClipboard, onCopyToClipboard, onMouseEnter, onMouseLeave }) => {
+const RunResultExportMenu = ({ run, viewOptions, disableExport, onCopyAsImage, onMouseEnter, onMouseLeave }) => {
+	const [anchorEl, setAnchorEl] = useState(null);
+	const open = Boolean(anchorEl);
+	const { canExportCSV, copyAsCSV, downloadAsCSV } = useCSVExport({
+		run,
+		viewOptions
+	});
+	const handleClick = (event) => {
+		setAnchorEl(event.currentTarget);
+	};
+	const handleClose = () => {
+		setAnchorEl(null);
+	};
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Button, {
+		size: "small",
+		variant: "outlined",
+		color: "neutral",
+		onClick: handleClick,
+		endIcon: /* @__PURE__ */ jsx(PiCaretDown, {}),
+		sx: { textTransform: "none" },
+		children: "Export"
+	}), /* @__PURE__ */ jsxs(Menu, {
+		anchorEl,
+		open,
+		onClose: handleClose,
+		children: [
+			/* @__PURE__ */ jsxs(MenuItem, {
+				onClick: async () => {
+					await onCopyAsImage();
+					handleClose();
+				},
+				onMouseEnter,
+				onMouseLeave,
+				disabled: disableExport,
+				children: [/* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(PiImage, {}) }), /* @__PURE__ */ jsx(ListItemText, { children: "Copy as Image" })]
+			}),
+			/* @__PURE__ */ jsxs(MenuItem, {
+				onClick: async () => {
+					await copyAsCSV();
+					handleClose();
+				},
+				disabled: disableExport || !canExportCSV,
+				children: [/* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(PiTable, {}) }), /* @__PURE__ */ jsx(ListItemText, { children: "Copy as CSV" })]
+			}),
+			/* @__PURE__ */ jsxs(MenuItem, {
+				onClick: () => {
+					downloadAsCSV();
+					handleClose();
+				},
+				disabled: disableExport || !canExportCSV,
+				children: [/* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(PiDownloadSimple, {}) }), /* @__PURE__ */ jsx(ListItemText, { children: "Download as CSV" })]
+			})
+		]
+	})] });
+};
+const RunResultShareMenu = ({ run, viewOptions, disableCopyToClipboard, onCopyToClipboard, onMouseEnter, onMouseLeave }) => {
 	const { authed } = useRecceInstanceContext();
 	const { handleShareClick } = useRecceShareStateContext();
 	const [showModal, setShowModal] = useState(false);
 	const [anchorEl, setAnchorEl] = useState(null);
 	const open = Boolean(anchorEl);
+	const { canExportCSV, copyAsCSV, downloadAsCSV } = useCSVExport({
+		run,
+		viewOptions
+	});
 	const handleClick = (event) => {
 		setAnchorEl(event.currentTarget);
 	};
@@ -4859,7 +5424,23 @@ const RunResultShareMenu = ({ disableCopyToClipboard, onCopyToClipboard, onMouse
 					onMouseEnter,
 					onMouseLeave,
 					disabled: disableCopyToClipboard,
-					children: [/* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(PiCopy, {}) }), /* @__PURE__ */ jsx(ListItemText, { children: "Copy to Clipboard" })]
+					children: [/* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(PiImage, {}) }), /* @__PURE__ */ jsx(ListItemText, { children: "Copy as Image" })]
+				}),
+				/* @__PURE__ */ jsxs(MenuItem, {
+					onClick: async () => {
+						await copyAsCSV();
+						handleClose();
+					},
+					disabled: disableCopyToClipboard || !canExportCSV,
+					children: [/* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(PiTable, {}) }), /* @__PURE__ */ jsx(ListItemText, { children: "Copy as CSV" })]
+				}),
+				/* @__PURE__ */ jsxs(MenuItem, {
+					onClick: () => {
+						downloadAsCSV();
+						handleClose();
+					},
+					disabled: disableCopyToClipboard || !canExportCSV,
+					children: [/* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(PiDownloadSimple, {}) }), /* @__PURE__ */ jsx(ListItemText, { children: "Download as CSV" })]
 				}),
 				/* @__PURE__ */ jsx(Divider, {}),
 				authed ? /* @__PURE__ */ jsxs(MenuItem, {
@@ -4957,18 +5538,16 @@ const PrivateLoadableRunView = ({ runId, onClose, isSingleEnvironment }) => {
 								sx: { textTransform: "none" },
 								children: "Rerun"
 							}),
-							featureToggles.disableShare ? /* @__PURE__ */ jsx(Button, {
-								variant: "outlined",
-								color: "neutral",
-								disabled: !runId || !run?.result || !!error || tabValue !== "result",
+							featureToggles.disableShare ? /* @__PURE__ */ jsx(RunResultExportMenu, {
+								run,
+								viewOptions,
+								disableExport: !runId || !run?.result || !!error || tabValue !== "result",
+								onCopyAsImage: onCopyToClipboard,
 								onMouseEnter,
-								onMouseLeave,
-								size: "small",
-								onClick: onCopyToClipboard,
-								startIcon: /* @__PURE__ */ jsx(PiCopy, {}),
-								sx: { textTransform: "none" },
-								children: "Copy to Clipboard"
+								onMouseLeave
 							}) : /* @__PURE__ */ jsx(RunResultShareMenu, {
+								run,
+								viewOptions,
 								disableCopyToClipboard,
 								onCopyToClipboard: async () => {
 									await onCopyToClipboard();
@@ -11766,4 +12345,4 @@ function NavBar() {
 
 //#endregion
 export { NodeSqlView as A, GraphEdge as B, NodeView as C, SqlEditor_default as D, RunStatusAndDate as E, HistoryToggle as F, MuiProvider as G, HSplit as H, GraphNode as I, mui_provider_default as K, ModelRowCount as L, CodeEditor_default as M, SchemaView as N, QueryForm as O, LineageViewTopBar as P, ResourceTypeTag as R, SetupConnectionBanner as S, RunView as T, VSplit as U, GraphColumnNode as V, ErrorBoundary$1 as W, CheckList as _, IdleTimeoutBadge as a, LineagePage as b, ChangeSummary as c, CheckEmptyState as d, CheckDetail as f, CheckBreadcrumb as g, CheckDescription as h, DisplayModeToggle as i, DiffEditor_default as j, EnvInfo as k, RunList as l, LineageDiffView as m, TopBar as n, SummaryView as o, SchemaDiffView as p, RecceVersionBadge as r, SchemaSummary as s, NavBar as t, RunPage as u, QueryPage as v, RunResultPane as w, LineageView as x, SetupConnectionGuide as y, RowCountDiffTag as z };
-//# sourceMappingURL=components-B6oaPB5f.mjs.map
+//# sourceMappingURL=components-jh6r4tQn.mjs.map