@datarecce/ui 0.1.40 → 0.1.41

package/dist/api.d.mts

@@ -1,3 +1,3 @@
 
-import { $i as getLineageDiff, $r as ValueDiffDetailViewOptions, A as connectToCloud, Ai as getRun, B as submitQueryBase, Bi as getCll, C as SchemaDiffViewParams, Ci as TopKResult, D as markOnboardingCompleted, Di as SubmitRunTrackProps, E as getServerFlag, Ei as SubmitOptions, F as QueryPreviewChangeParams, Fi as waitRun, Gi as LineageDiffResult, Hi as LineageData, I as QueryResult, Ii as CllInput, Ji as NodeColumnData, Ki as ManifestMetadata, L as QueryRunParams, Li as CllNodeData, M as QueryDiffResult, Mi as searchRuns, N as QueryDiffViewOptions, Ni as submitRun, O as markRelaunchHintCompleted, Oi as aggregateRuns, P as QueryParams, Pi as submitRunFromCheck, Qi as getLineage, Qr as ValueDiffDetailResult, R as QueryViewOptions, Ri as ColumnLineageData, S as select, Si as TopKDiffResult, T as RecceServerFlags, Ti as RunsAggregated, Ui as LineageDataFromMetadata, V as submitQueryDiff, Vi as CatalogMetadata, Wi as LineageDiffData, Xi as SQLMeshInfo, Yi as NodeData, Zi as ServerInfoResult, Zr as ValueDiffDetailParams, _ as saveAs, _i as HistogramResult, _r as reorderChecks, a as User, aa as stateMetadata, ai as RowCountDiffResult, b as SelectInput, bi as ProfileDiffViewOptions, c as ImportedState, ci as submitRowCountDiff, cr as createLineageDiffCheck, d as SyncStateInput, di as RowCountDiff, dr as createCheckByRun, ea as getLineageWithError, ei as ValueDiffParams, f as SyncStateResponse, fi as fetchModelRowCount, fr as createSimpleCheck, g as rename, ga as reactQueryClient, gi as HistogramDiffResult, gr as markAsPresetCheck, h as isStateSyncing, ha as axiosClient, hi as HistogramDiffParams, hr as listChecks, i as useVersionNumber, ia as pullRequestInfo, ii as RowCountDiffParams, j as QueryDiffParams, ji as listRuns, k as ConnectToCloud, ki as cancelRun, l as SaveAsInput, li as QueryRowCountResult, lr as Check, m as importState, mi as queryRowCount, mr as getCheck, n as localStorageKeys, na as getServerInfo, ni as submitValueDiff, o as fetchGitHubAvatar, oi as RowCountParams, p as exportState, pi as queryModelRowCount, pr as deleteCheck, qi as ModelInfoResult, r as getVersion, ra as gitInfo, ri as submitValueDiffDetail, s as fetchUser, si as RowCountResult, sr as LineageDiffViewOptions, t as sessionStorageKeys, ta as getModelInfo, ti as ValueDiffResult, u as ShareStateResponse, ui as RowCount, ur as CreateCheckBody, v as shareState, vi as ProfileDiffParams, vr as updateCheck, w as createSchemaDiffCheck, wi as submitProfileDiff, x as SelectOutput, xi as TopKDiffParams, y as syncState, yi as ProfileDiffResult, yr as useChecks, z as submitQuery, zi as ImpactRadiusParams } from "./index-CbF0x3kW.mjs";
+import { $i as getLineageDiff, $r as ValueDiffDetailViewOptions, A as connectToCloud, Ai as getRun, B as submitQueryBase, Bi as getCll, C as SchemaDiffViewParams, Ci as TopKResult, D as markOnboardingCompleted, Di as SubmitRunTrackProps, E as getServerFlag, Ei as SubmitOptions, F as QueryPreviewChangeParams, Fi as waitRun, Gi as LineageDiffResult, Hi as LineageData, I as QueryResult, Ii as CllInput, Ji as NodeColumnData, Ki as ManifestMetadata, L as QueryRunParams, Li as CllNodeData, M as QueryDiffResult, Mi as searchRuns, N as QueryDiffViewOptions, Ni as submitRun, O as markRelaunchHintCompleted, Oi as aggregateRuns, P as QueryParams, Pi as submitRunFromCheck, Qi as getLineage, Qr as ValueDiffDetailResult, R as QueryViewOptions, Ri as ColumnLineageData, S as select, Si as TopKDiffResult, T as RecceServerFlags, Ti as RunsAggregated, Ui as LineageDataFromMetadata, V as submitQueryDiff, Vi as CatalogMetadata, Wi as LineageDiffData, Xi as SQLMeshInfo, Yi as NodeData, Zi as ServerInfoResult, Zr as ValueDiffDetailParams, _ as saveAs, _i as HistogramResult, _r as reorderChecks, a as User, aa as stateMetadata, ai as RowCountDiffResult, b as SelectInput, bi as ProfileDiffViewOptions, c as ImportedState, ci as submitRowCountDiff, cr as createLineageDiffCheck, d as SyncStateInput, di as RowCountDiff, dr as createCheckByRun, ea as getLineageWithError, ei as ValueDiffParams, f as SyncStateResponse, fi as fetchModelRowCount, fr as createSimpleCheck, g as rename, ga as reactQueryClient, gi as HistogramDiffResult, gr as markAsPresetCheck, h as isStateSyncing, ha as axiosClient, hi as HistogramDiffParams, hr as listChecks, i as useVersionNumber, ia as pullRequestInfo, ii as RowCountDiffParams, j as QueryDiffParams, ji as listRuns, k as ConnectToCloud, ki as cancelRun, l as SaveAsInput, li as QueryRowCountResult, lr as Check, m as importState, mi as queryRowCount, mr as getCheck, n as localStorageKeys, na as getServerInfo, ni as submitValueDiff, o as fetchGitHubAvatar, oi as RowCountParams, p as exportState, pi as queryModelRowCount, pr as deleteCheck, qi as ModelInfoResult, r as getVersion, ra as gitInfo, ri as submitValueDiffDetail, s as fetchUser, si as RowCountResult, sr as LineageDiffViewOptions, t as sessionStorageKeys, ta as getModelInfo, ti as ValueDiffResult, u as ShareStateResponse, ui as RowCount, ur as CreateCheckBody, v as shareState, vi as ProfileDiffParams, vr as updateCheck, w as createSchemaDiffCheck, wi as submitProfileDiff, x as SelectOutput, xi as TopKDiffParams, y as syncState, yi as ProfileDiffResult, yr as useChecks, z as submitQuery, zi as ImpactRadiusParams } from "./index-B5bpmv0i.mjs";
 export { CatalogMetadata, Check, CllInput, CllNodeData, ColumnLineageData, ConnectToCloud, CreateCheckBody, HistogramDiffParams, HistogramDiffResult, HistogramResult, ImpactRadiusParams, ImportedState, LineageData, LineageDataFromMetadata, LineageDiffData, LineageDiffResult, LineageDiffViewOptions, ManifestMetadata, ModelInfoResult, NodeColumnData, NodeData, ProfileDiffParams, ProfileDiffResult, ProfileDiffViewOptions, QueryDiffParams, QueryDiffResult, QueryDiffViewOptions, QueryParams, QueryPreviewChangeParams, QueryResult, QueryRowCountResult, QueryRunParams, QueryViewOptions, RecceServerFlags, RowCount, RowCountDiff, RowCountDiffParams, RowCountDiffResult, RowCountParams, RowCountResult, RunsAggregated, SQLMeshInfo, SaveAsInput, SchemaDiffViewParams, SelectInput, SelectOutput, ServerInfoResult, ShareStateResponse, SubmitOptions, SubmitRunTrackProps, SyncStateInput, SyncStateResponse, TopKDiffParams, TopKDiffResult, TopKResult, User, ValueDiffDetailParams, ValueDiffDetailResult, ValueDiffDetailViewOptions, ValueDiffParams, ValueDiffResult, aggregateRuns, axiosClient, cancelRun, connectToCloud, createCheckByRun, createLineageDiffCheck, createSchemaDiffCheck, createSimpleCheck, deleteCheck, exportState, fetchGitHubAvatar, fetchModelRowCount, fetchUser, getCheck, getCll, getLineage, getLineageDiff, getLineageWithError, getModelInfo, getRun, getServerFlag, getServerInfo, getVersion, gitInfo, importState, isStateSyncing, listChecks, listRuns, localStorageKeys, markAsPresetCheck, markOnboardingCompleted, markRelaunchHintCompleted, pullRequestInfo, queryModelRowCount, queryRowCount, reactQueryClient, rename, reorderChecks, saveAs, searchRuns, select, sessionStorageKeys, shareState, stateMetadata, submitProfileDiff, submitQuery, submitQueryBase, submitQueryDiff, submitRowCountDiff, submitRun, submitRunFromCheck, submitValueDiff, submitValueDiffDetail, syncState, updateCheck, useChecks, useVersionNumber, waitRun };

package/dist/{components-DTLQ2djq.js → components-DfXnN1Hx.js}

@@ -6496,6 +6496,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) {
+	(0, file_saver.default)(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 = (0, react.useMemo)(() => {
+		if (!run?.type || !run?.result) return false;
+		return supportsCSVExport(run.type);
+	}, [run?.type, run?.result]);
+	const getCSVContent = (0, react.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: (0, react.useCallback)(async () => {
+			const content = getCSVContent();
+			if (!content) {
+				require_RecceCheckContext.toaster.create({
+					title: "Export failed",
+					description: "Unable to extract data for CSV export",
+					type: "error",
+					duration: 3e3
+				});
+				return;
+			}
+			try {
+				await copyCSVToClipboard(content);
+				require_RecceCheckContext.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);
+				require_RecceCheckContext.toaster.create({
+					title: "Copy failed",
+					description: "Failed to copy to clipboard",
+					type: "error",
+					duration: 3e3
+				});
+			}
+		}, [getCSVContent]),
+		downloadAsCSV: (0, react.useCallback)(() => {
+			const content = getCSVContent();
+			if (!content) {
+				require_RecceCheckContext.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);
+				require_RecceCheckContext.toaster.create({
+					title: "Downloaded",
+					description: filename,
+					type: "success",
+					duration: 3e3
+				});
+			} catch (error) {
+				console.error("Failed to download CSV file:", error);
+				require_RecceCheckContext.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 }) {
@@ -6890,12 +7396,71 @@ const SingleEnvironmentSetupNotification = ({ runType }) => {
 		default: return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, {});
 	}
 };
-const RunResultShareMenu = ({ disableCopyToClipboard, onCopyToClipboard, onMouseEnter, onMouseLeave }) => {
+const RunResultExportMenu = ({ run, viewOptions, disableExport, onCopyAsImage, onMouseEnter, onMouseLeave }) => {
+	const [anchorEl, setAnchorEl] = (0, react.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__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_Button.default, {
+		size: "small",
+		variant: "outlined",
+		color: "neutral",
+		onClick: handleClick,
+		endIcon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_icons_pi.PiCaretDown, {}),
+		sx: { textTransform: "none" },
+		children: "Export"
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material_Menu.default, {
+		anchorEl,
+		open,
+		onClose: handleClose,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material_MenuItem.default, {
+				onClick: async () => {
+					await onCopyAsImage();
+					handleClose();
+				},
+				onMouseEnter,
+				onMouseLeave,
+				disabled: disableExport,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_ListItemIcon.default, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_icons_pi.PiImage, {}) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_ListItemText.default, { children: "Copy as Image" })]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material_MenuItem.default, {
+				onClick: async () => {
+					await copyAsCSV();
+					handleClose();
+				},
+				disabled: disableExport || !canExportCSV,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_ListItemIcon.default, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_icons_pi.PiTable, {}) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_ListItemText.default, { children: "Copy as CSV" })]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material_MenuItem.default, {
+				onClick: () => {
+					downloadAsCSV();
+					handleClose();
+				},
+				disabled: disableExport || !canExportCSV,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_ListItemIcon.default, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_icons_pi.PiDownloadSimple, {}) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_ListItemText.default, { children: "Download as CSV" })]
+			})
+		]
+	})] });
+};
+const RunResultShareMenu = ({ run, viewOptions, disableCopyToClipboard, onCopyToClipboard, onMouseEnter, onMouseLeave }) => {
 	const { authed } = require_RecceCheckContext.useRecceInstanceContext();
 	const { handleShareClick } = require_RecceCheckContext.useRecceShareStateContext();
 	const [showModal, setShowModal] = (0, react.useState)(false);
 	const [anchorEl, setAnchorEl] = (0, react.useState)(null);
 	const open = Boolean(anchorEl);
+	const { canExportCSV, copyAsCSV, downloadAsCSV } = useCSVExport({
+		run,
+		viewOptions
+	});
 	const handleClick = (event) => {
 		setAnchorEl(event.currentTarget);
 	};
@@ -6925,7 +7490,23 @@ const RunResultShareMenu = ({ disableCopyToClipboard, onCopyToClipboard, onMouse
 					onMouseEnter,
 					onMouseLeave,
 					disabled: disableCopyToClipboard,
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_ListItemIcon.default, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_icons_pi.PiCopy, {}) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_ListItemText.default, { children: "Copy to Clipboard" })]
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_ListItemIcon.default, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_icons_pi.PiImage, {}) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_ListItemText.default, { children: "Copy as Image" })]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material_MenuItem.default, {
+					onClick: async () => {
+						await copyAsCSV();
+						handleClose();
+					},
+					disabled: disableCopyToClipboard || !canExportCSV,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_ListItemIcon.default, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_icons_pi.PiTable, {}) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_ListItemText.default, { children: "Copy as CSV" })]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material_MenuItem.default, {
+					onClick: () => {
+						downloadAsCSV();
+						handleClose();
+					},
+					disabled: disableCopyToClipboard || !canExportCSV,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_ListItemIcon.default, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_icons_pi.PiDownloadSimple, {}) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_ListItemText.default, { children: "Download as CSV" })]
 				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_Divider.default, {}),
 				authed ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material_MenuItem.default, {
@@ -7023,18 +7604,16 @@ const PrivateLoadableRunView = ({ runId, onClose, isSingleEnvironment }) => {
 								sx: { textTransform: "none" },
 								children: "Rerun"
 							}),
-							featureToggles.disableShare ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_Button.default, {
-								variant: "outlined",
-								color: "neutral",
-								disabled: !runId || !run?.result || !!error || tabValue !== "result",
+							featureToggles.disableShare ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RunResultExportMenu, {
+								run,
+								viewOptions,
+								disableExport: !runId || !run?.result || !!error || tabValue !== "result",
+								onCopyAsImage: onCopyToClipboard,
 								onMouseEnter,
-								onMouseLeave,
-								size: "small",
-								onClick: onCopyToClipboard,
-								startIcon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_icons_pi.PiCopy, {}),
-								sx: { textTransform: "none" },
-								children: "Copy to Clipboard"
+								onMouseLeave
 							}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RunResultShareMenu, {
+								run,
+								viewOptions,
 								disableCopyToClipboard,
 								onCopyToClipboard: async () => {
 									await onCopyToClipboard();
@@ -14107,4 +14686,4 @@ Object.defineProperty(exports, 'mui_provider_default', {
     return mui_provider_default;
   }
 });
-//# sourceMappingURL=components-DTLQ2djq.js.map
+//# sourceMappingURL=components-DfXnN1Hx.js.map