@flanksource/clicky-ui 0.3.58 → 0.3.60

package/NOTICE.md

@@ -355,6 +355,8 @@ of its upstream source.
 | UiStop | jb-expui-run:stop |
 | UiSkipForward | ph:skip-forward-light |
 | UiSkipForwardFilled | ph:skip-forward-fill |
+| UiSkipCircle | octicon:skip-16 |
+| UiSkipCircleFilled | octicon:skip-fill-16 |
 | UiHistory | ph:clock-counter-clockwise-light |
 | UiHistoryFilled | ph:clock-counter-clockwise-fill |
 | UiConfig | ph:gear-light |
@@ -629,6 +631,8 @@ of its upstream source.
 | UiReceiptFilled | ph:receipt-fill |
 | UiBank | ph:bank-light |
 | UiBankFilled | ph:bank-fill |
+| UiVault | ph:vault-light |
+| UiVaultFilled | ph:vault-fill |
 | UiLedger | ph:book-open-text-light |
 | UiLedgerFilled | ph:book-open-text-fill |
 | UiChartOfAccounts | ph:tree-structure-light |
@@ -663,6 +667,60 @@ of its upstream source.
 | UiArrowsCounterClockwiseFilled | ph:arrows-counter-clockwise-fill |
 | UiSteps | ph:steps-light |
 | UiStepsFilled | ph:steps-fill |
+| UiBatchJob | iconmind:batch-job-outline-thin |
+| UiClassicBatch | carbon:classic-batch |
+| UiTaskBatch | iconoven:task-batch |
+| UiBatchCheck | lsicon:batch-check-outline |
+| UiBatchCheckFilled | lsicon:batch-check-filled |
+| UiMergeQueue | iconmind:merge-queue-outline-thin |
+| UiListNumbers | ph:list-numbers-light |
+| UiListNumbersFilled | ph:list-numbers-fill |
+| UiPipelineStage | iconmind:pipeline-stage-outline-thin |
+| UiFormStep | iconmind:form-step-outline-thin |
+| UiBatchRequest | iconmind:batch-request-outline-thin |
+| UiApi | iconmind:api-outline-thin |
+| UiApiRequest | iconmind:request-outline-thin |
+| UiApiBridge | iconmind:api-bridge-outline-thin |
+| UiWebhook | material-symbols-light:webhook |
+| UiArrowSquareIn | ph:arrow-square-in-light |
+| UiArrowSquareInFilled | ph:arrow-square-in-fill |
+| UiApiGateway | hugeicons:api-gateway |
+| UiGatewayApi | carbon:gateway-api |
+| UiWebServiceDefinition | carbon:web-services-definition |
+| UiWebhookLine | mingcute:webhook-line |
+| UiWebhookLineFilled | mingcute:webhook-fill |
+| UiImportArrow | icons8:import |
+| UiServices | icons8:services |
+| UiCodeFile | icons8:code-file |
+| UiCondition | iconmind:condition-outline-thin |
+| UiBranchFlow | iconmind:branch-flow-outline-thin |
+| UiConditions | material-symbols-light:conditions |
+| UiFlowArrow | ph:flow-arrow-light |
+| UiFlowArrowFilled | ph:flow-arrow-fill |
+| UiArrowDecision | mdi:arrow-decision-outline |
+| UiArrowDecisionFilled | mdi:arrow-decision |
+| UiBpmnConditional | carbon:bpmn-conditional-outline |
+| UiDynamicForm | material-symbols-light:dynamic-form-outline |
+| UiDynamicFormFilled | material-symbols-light:dynamic-form |
+| UiInputField | iconoir:input-field |
+| UiReportForms | mingcute:report-forms-line |
+| UiReportFormsFilled | mingcute:report-forms-fill |
+| UiFormFields | hugeicons:form |
+| UiLayoutTemplate | hugeicons:layout-template |
+| UiScreenTemplate | carbon:template |
+| UiLayoutWindow | streamline:layout-window-1 |
+| UiLayoutWindowFilled | streamline:layout-window-1-solid |
+| UiInsertTable | icons8:insert-table |
+| UiColumnsLayout | icons8:columns |
+| UiTodoList | icons8:todo-list |
+| UiListEnd | lucide:list-end |
+| UiListEndLine | mingcute:list-end-line |
+| UiListEndLineFilled | mingcute:list-end-fill |
+| UiDelayQueue | iconmind:delay-queue-outline-thin |
+| UiLowPriority | material-symbols-light:low-priority |
+| UiPlaylistRemove | material-symbols-light:playlist-remove |
+| UiTrayArrowDown | ph:tray-arrow-down-light |
+| UiTrayArrowDownFilled | ph:tray-arrow-down-fill |
 | UiCache | iconmind:kv-cache-outline-thin |
 | UiStackTrace | incumbent:stack-trace |
 | UiProfiler | incumbent:cpu-profile |

package/dist/clicky.cjs

@@ -1,5 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_useClickyTableMenu = require("./data/useClickyTableMenu.cjs");
 const require_Clicky = require("./data/Clicky.cjs");
 exports.Clicky = require_Clicky.Clicky;
-exports.ClickyNodeView = require_Clicky.ClickyNodeView;
+exports.ClickyNodeView = require_Clicky.ClickyNodeRenderer;
 exports.ClickyTable = require_Clicky.ClickyTable;
+exports.useClickyTableMenu = require_useClickyTableMenu.useClickyTableMenu;

package/dist/clicky.d.ts

@@ -1,2 +1,3 @@
 export { Clicky, ClickyNodeView, ClickyTable, type ClickyCommandRequest, type ClickyCommandRuntime, type ClickyLinkTarget, type ClickyResolvedCommand, type ClickyColumn, type ClickyDownloadOptions, type ClickyDownloadScope, type ClickyDocument, type ClickyField, type ClickyNode, type ClickyNodeViewProps, type ClickyProps, type ClickyRemoteFormat, type ClickyRow, type ClickyRowDetailRenderer, type ClickyStyle, type ClickyTableProps, type ClickyTableRowHref, type ClickyTableRowClick, type ClickyTableRowPredicate, type ClickyTableRowSelection, type ClickyTreeItem, type ClickyViewOptions, } from './data/Clicky.js';
+export { useClickyTableMenu } from './data/useClickyTableMenu.js';
 //# sourceMappingURL=clicky.d.ts.map

package/dist/clicky.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"clicky.d.ts","sourceRoot":"","sources":["../src/clicky.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,cAAc,EACd,WAAW,EACX,KAAK,oBAAoB,EACzB,KAAK,oBAAoB,EACzB,KAAK,gBAAgB,EACrB,KAAK,qBAAqB,EAC1B,KAAK,YAAY,EACjB,KAAK,qBAAqB,EAC1B,KAAK,mBAAmB,EACxB,KAAK,cAAc,EACnB,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,mBAAmB,EACxB,KAAK,WAAW,EAChB,KAAK,kBAAkB,EACvB,KAAK,SAAS,EACd,KAAK,uBAAuB,EAC5B,KAAK,WAAW,EAChB,KAAK,gBAAgB,EACrB,KAAK,kBAAkB,EACvB,KAAK,mBAAmB,EACxB,KAAK,uBAAuB,EAC5B,KAAK,uBAAuB,EAC5B,KAAK,cAAc,EACnB,KAAK,iBAAiB,GACvB,MAAM,eAAe,CAAC"}
+{"version":3,"file":"clicky.d.ts","sourceRoot":"","sources":["../src/clicky.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,cAAc,EACd,WAAW,EACX,KAAK,oBAAoB,EACzB,KAAK,oBAAoB,EACzB,KAAK,gBAAgB,EACrB,KAAK,qBAAqB,EAC1B,KAAK,YAAY,EACjB,KAAK,qBAAqB,EAC1B,KAAK,mBAAmB,EACxB,KAAK,cAAc,EACnB,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,mBAAmB,EACxB,KAAK,WAAW,EAChB,KAAK,kBAAkB,EACvB,KAAK,SAAS,EACd,KAAK,uBAAuB,EAC5B,KAAK,WAAW,EAChB,KAAK,gBAAgB,EACrB,KAAK,kBAAkB,EACvB,KAAK,mBAAmB,EACxB,KAAK,uBAAuB,EAC5B,KAAK,uBAAuB,EAC5B,KAAK,cAAc,EACnB,KAAK,iBAAiB,GACvB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/clicky.js

@@ -1 +1,3 @@
-export { Clicky, ClickyNodeView, ClickyTable } from "./data/Clicky.js";
+import { useClickyTableMenu } from "./data/useClickyTableMenu.js";
+import { Clicky, ClickyNodeRenderer, ClickyTable } from "./data/Clicky.js";
+export { Clicky, ClickyNodeRenderer as ClickyNodeView, ClickyTable, useClickyTableMenu };

package/dist/data/Clicky.cjs

@@ -1,14 +1,6 @@
 const require_utils = require("../lib/utils.cjs");
 const require_UiEllipsis = require("../icons/components/UiEllipsis.cjs");
-const require_UiEye = require("../icons/components/UiEye.cjs");
 const require_UiCheck = require("../icons/components/UiCheck.cjs");
-const require_UiTable = require("../icons/components/UiTable.cjs");
-const require_UiComment = require("../icons/components/UiComment.cjs");
-const require_UiFileCode = require("../icons/components/UiFileCode.cjs");
-const require_UiJson = require("../icons/components/UiJson.cjs");
-const require_UiMarkdown = require("../icons/components/UiMarkdown.cjs");
-const require_UiFileText = require("../icons/components/UiFileText.cjs");
-const require_UiFileSpreadsheet = require("../icons/components/UiFileSpreadsheet.cjs");
 const require_UiCloudDownload = require("../icons/components/UiCloudDownload.cjs");
 const require_Icon = require("./Icon.cjs");
 const require_modalStack = require("../overlay/modalStack.cjs");
@@ -35,31 +27,13 @@ const require_ObjectGraph = require("./ObjectGraph.cjs");
 const require_ExecutionTree = require("./ExecutionTree.cjs");
 const require_RenderedStackTrace = require("./diagnostics/RenderedStackTrace.cjs");
 const require_clicky_parse = require("./clicky-parse.cjs");
-const require_useDebugAction = require("./useDebugAction.cjs");
 const require_ClickyExportDialog = require("./clicky-export/ClickyExportDialog.cjs");
-const require_useClickyExport = require("./clicky-export/useClickyExport.cjs");
+const require_clicky_download = require("./clicky-download.cjs");
+const require_useClickyTableMenu = require("./useClickyTableMenu.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _tanstack_react_query = require("@tanstack/react-query");
 // src/data/Clicky.tsx
-var CLICKY_PRIMARY_VIEW_FORMATS = ["clicky", "json"];
-var CLICKY_OVERFLOW_VIEW_FORMATS = [
-	"pdf",
-	"html",
-	"markdown",
-	"yaml",
-	"csv",
-	"pretty",
-	"excel",
-	"slack"
-];
-var CLICKY_DOWNLOAD_FORMATS = [
-	"yaml",
-	"json",
-	"csv",
-	"pdf",
-	"markdown"
-];
 var clickyRuntimeContextDefault = {
 	operations: [],
 	operationsLoading: false
@@ -71,22 +45,13 @@ function Clicky(props) {
 		staleTime: 3e4,
 		retry: 1
 	} } }));
-	const debugAction = require_useDebugAction.useDebugAction();
-	const exporter = require_useClickyExport.useClickyExport({
-		formats: (0, react.useMemo)(() => exportFormatOptions({
-			url: props.url,
-			download: props.download
-		}), [props.download, props.url]),
-		scopes: (0, react.useMemo)(() => exportScopeOptions(props.download, props.pagination), [props.download, props.pagination]),
-		onDownload: (0, react.useCallback)(({ format, scope }) => runClickyDownload({
-			url: props.url ?? "",
-			format,
-			scope,
-			download: props.download
-		}), [props.download, props.url])
+	const { actions: resultMenuActions, dialog: exportDialog } = require_useClickyTableMenu.useClickyTableMenu({
+		url: props.url,
+		download: props.download,
+		pagination: props.pagination
 	});
-	const tableMenuActions = (0, react.useMemo)(() => [exporter.action, debugAction].filter((action) => action !== void 0), [exporter.action, debugAction]);
-	const content = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [exporter.dialog, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ClickyRuntimeProvider, {
+	const tableMenuActions = (0, react.useMemo)(() => [...props.menuActions ?? [], ...resultMenuActions], [props.menuActions, resultMenuActions]);
+	const content = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [exportDialog, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ClickyRuntimeProvider, {
 		...props.commandRuntime ? { commandRuntime: props.commandRuntime } : {},
 		...props.onTableRowClick ? { onTableRowClick: props.onTableRowClick } : {},
 		...props.getTableRowHref ? { getTableRowHref: props.getTableRowHref } : {},
@@ -271,7 +236,7 @@ function ClickyRemoteRenderer({ data, dataFormat, url, view, download, className
 	]);
 	const primaryViews = (0, react.useMemo)(() => availableViews.filter(isPrimaryViewFormat), [availableViews]);
 	const overflowViews = (0, react.useMemo)(() => availableViews.filter(isOverflowViewFormat), [availableViews]);
-	const downloadFormats = (0, react.useMemo)(() => getDownloadFormats({
+	const downloadFormats = (0, react.useMemo)(() => require_clicky_download.getDownloadFormats({
 		url,
 		download
 	}), [download, url]);
@@ -279,7 +244,7 @@ function ClickyRemoteRenderer({ data, dataFormat, url, view, download, className
 	(0, react.useEffect)(() => {
 		if (!availableViews.includes(activeView)) setActiveView(availableViews[0] ?? "clicky");
 	}, [activeView, availableViews]);
-	const formattedUrl = buildFormatUrl(url, activeView);
+	const formattedUrl = require_clicky_download.buildFormatUrl(url, activeView);
 	const suppliedView = data !== void 0 ? dataFormat : void 0;
 	const activeQuery = (0, _tanstack_react_query.useQuery)({
 		queryKey: [
@@ -302,7 +267,7 @@ function ClickyRemoteRenderer({ data, dataFormat, url, view, download, className
 	const tableHostsControls = downloadHandledByTable && activeView === "clicky";
 	const viewMenuActions = (0, react.useMemo)(() => {
 		if (!tableHostsControls || availableViews.length <= 1) return [];
-		const activeMeta = getRemoteFormatMeta(activeView);
+		const activeMeta = require_clicky_download.getRemoteFormatMeta(activeView);
 		return [{
 			id: "view",
 			label: `View: ${formatViewLabel(activeView)}`,
@@ -310,7 +275,7 @@ function ClickyRemoteRenderer({ data, dataFormat, url, view, download, className
 			...activeMeta.iconClassName ? { iconClassName: activeMeta.iconClassName } : {},
 			section: "",
 			children: availableViews.map((format) => {
-				const meta = getRemoteFormatMeta(format);
+				const meta = require_clicky_download.getRemoteFormatMeta(format);
 				return {
 					id: `view-${format}`,
 					label: formatViewLabel(format),
@@ -417,7 +382,7 @@ function ClickyViewMenu({ activeFormat, formats, onSelect }) {
 			className: "absolute left-0 top-[calc(100%+0.375rem)] z-50 min-w-[18rem] rounded-md border border-border bg-popover p-1.5 text-popover-foreground shadow-lg shadow-black/5",
 			children: formats.map((format) => {
 				const active = format === activeFormat;
-				const meta = getRemoteFormatMeta(format);
+				const meta = require_clicky_download.getRemoteFormatMeta(format);
 				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 					type: "button",
 					role: "menuitemradio",
@@ -453,11 +418,11 @@ function ClickyViewMenu({ activeFormat, formats, onSelect }) {
 }
 function ClickyExportButton({ url, download }) {
 	const [open, setOpen] = (0, react.useState)(false);
-	const formats = (0, react.useMemo)(() => exportFormatOptions({
+	const formats = (0, react.useMemo)(() => require_clicky_download.exportFormatOptions({
 		url,
 		download
 	}), [download, url]);
-	const scopes = (0, react.useMemo)(() => exportScopeOptions(download), [download]);
+	const scopes = (0, react.useMemo)(() => require_clicky_download.exportScopeOptions(download), [download]);
 	if (formats.length === 0) return null;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 		type: "button",
@@ -473,7 +438,7 @@ function ClickyExportButton({ url, download }) {
 		onClose: () => setOpen(false),
 		formats,
 		scopes,
-		onDownload: ({ format, scope }) => runClickyDownload({
+		onDownload: ({ format, scope }) => require_clicky_download.runClickyDownload({
 			url,
 			format,
 			scope,
@@ -503,7 +468,7 @@ function useDismissablePopup(open, rootRef, triggerRef, onClose) {
 	]);
 }
 function fetchRemoteFormat(url, format) {
-	return fetch(url, { headers: { Accept: getRemoteFormatMeta(format).accept } }).then(async (response) => {
+	return fetch(url, { headers: { Accept: require_clicky_download.getRemoteFormatMeta(format).accept } }).then(async (response) => {
 		if (!response.ok) throw require_apiClient.errorFromResponse(response, "GET", url, await require_apiClient.readResponseBody(response, "json"));
 		const contentType = response.headers.get("Content-Type") ?? "";
 		if (format === "excel") return {
@@ -594,7 +559,7 @@ function ClickyUnsupportedPreview({ title, message, href }) {
 	});
 }
 function ClickyRemotePreview({ format, response }) {
-	const meta = getRemoteFormatMeta(format);
+	const meta = require_clicky_download.getRemoteFormatMeta(format);
 	if (format === "slack") {
 		const parsed = response?.kind === "text" ? parseJsonValue(response.text) : void 0;
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ClickyJsonTree, {
@@ -671,215 +636,21 @@ function getAvailableViews({ data, url, view }) {
 	const next = [];
 	if (allowClicky && (url || data !== void 0)) next.push("clicky");
 	if (allowJson && (url || data !== void 0)) next.push("json");
-	for (const format of CLICKY_OVERFLOW_VIEW_FORMATS) if (resolveViewConfigFlag(view, format, data, url) && url) next.push(format);
+	for (const format of require_clicky_download.CLICKY_OVERFLOW_VIEW_FORMATS) if (resolveViewConfigFlag(view, format, data, url) && url) next.push(format);
 	if (next.length === 0 && (url || data !== void 0)) next.push("clicky");
 	return next;
 }
-function getDownloadFormats({ url, download }) {
-	if (!(download ? download.all ?? true : !!url) || !url) return [];
-	return download?.formats?.length ? [...download.formats] : [...CLICKY_DOWNLOAD_FORMATS];
-}
-function getDownloadScopes(download) {
-	return download?.scopes?.length ? download.scopes : [void 0];
-}
-function downloadDescription(format, scope, download) {
-	const maxRows = download?.formatMaxRows?.[format];
-	if (maxRows) return `Limited to ${maxRows.toLocaleString()} rows`;
-	if (scope === "all" && download?.allRowsMode === "buffered") return "Compatibility mode buffers the complete result";
-	if (scope === "all" && download?.allRowsMode === "streaming") return "Streams rows as they are read";
-}
-function exportFormatOptions({ url, download }) {
-	if (!url) return [];
-	return getDownloadFormats({
-		url,
-		download
-	}).map((format) => {
-		const meta = getRemoteFormatMeta(format);
-		return {
-			format,
-			label: meta.label,
-			description: meta.description,
-			icon: meta.icon,
-			...meta.iconClassName ? { iconClassName: meta.iconClassName } : {}
-		};
-	});
-}
-function exportScopeOptions(download, pagination) {
-	return getDownloadScopes(download).map((scope) => ({
-		scope,
-		label: scope === "all" || scope === void 0 ? allRowsLabel(pagination) : "Current page",
-		note: (format) => downloadDescription(format, scope, download)
-	}));
-}
-function allRowsLabel(pagination) {
-	const total = pagination?.total;
-	if (total === void 0) return "All rows";
-	const count = total.toLocaleString();
-	return pagination?.totalRelation === "gte" ? `All ${count}+ rows` : `All ${count} rows`;
-}
-async function runClickyDownload({ url, format, scope, download }) {
-	let failure = "";
-	await prepareDownload({
-		url,
-		format,
-		...scope ? { scope } : {},
-		...download ? { download } : {},
-		onError: (message) => {
-			failure = message;
-		}
-	});
-	if (failure) throw new Error(failure);
-}
-async function prepareDownload({ url, format, scope, download, onPending, onError }) {
-	onError?.("");
-	onPending?.(true);
-	try {
-		const prepared = download?.prepare ? await download.prepare({
-			format,
-			...scope ? { scope } : {}
-		}) : {
-			url,
-			...download?.label ? { label: download.label } : {}
-		};
-		if (!prepared.url.trim()) throw new Error("The prepared download URL is empty");
-		triggerDownload(buildDownloadUrl(prepared.url, format, prepared.label ?? download?.label, scope));
-	} catch (error) {
-		onError?.(error instanceof Error ? error.message : "Preparing the download failed");
-	} finally {
-		onPending?.(false);
-	}
-}
-function getRemoteFormatMeta(format) {
-	switch (format) {
-		case "clicky": return {
-			label: "Clicky",
-			description: "Rendered Clicky JSON with the rich Clicky viewer",
-			icon: require_UiEye.UiEye,
-			accept: "application/json+clicky, application/clicky+json;q=0.9, application/json;q=0.8,*/*;q=0.7"
-		};
-		case "json": return {
-			label: "JSON",
-			description: "Plain JSON for inspecting the raw response body",
-			icon: require_UiJson.UiJson,
-			accept: "application/json, text/plain;q=0.8,*/*;q=0.7"
-		};
-		case "ndjson": return {
-			label: "NDJSON",
-			description: "Newline-delimited JSON for streaming data pipelines",
-			icon: require_UiJson.UiJson,
-			accept: "application/x-ndjson, application/ndjson;q=0.9,*/*;q=0.7"
-		};
-		case "pdf": return {
-			label: "PDF",
-			description: "Portable document for sharing and printing",
-			icon: require_UiFileText.UiFileText,
-			iconClassName: "text-rose-600 dark:text-rose-400",
-			accept: "application/pdf, */*;q=0.7"
-		};
-		case "html": return {
-			label: "HTML",
-			description: "Browser-ready HTML preview of the formatted output",
-			icon: require_UiFileCode.UiFileCode,
-			accept: "text/html, */*;q=0.7"
-		};
-		case "markdown": return {
-			label: "Markdown",
-			description: "Markdown formatted for docs, comments, and chat",
-			icon: require_UiMarkdown.UiMarkdown,
-			accept: "text/markdown, text/plain;q=0.8,*/*;q=0.7"
-		};
-		case "yaml": return {
-			label: "YAML",
-			description: "YAML for config-friendly inspection and export",
-			icon: require_UiFileCode.UiFileCode,
-			iconClassName: "text-violet-600 dark:text-violet-400",
-			accept: "application/yaml, text/yaml;q=0.9, text/plain;q=0.8,*/*;q=0.7"
-		};
-		case "csv": return {
-			label: "CSV",
-			description: "Comma-separated values for spreadsheets and imports",
-			icon: require_UiFileSpreadsheet.UiFileSpreadsheet,
-			iconClassName: "text-emerald-600 dark:text-emerald-400",
-			accept: "text/csv, text/plain;q=0.8,*/*;q=0.7"
-		};
-		case "pretty": return {
-			label: "Pretty",
-			description: "Human-readable plain text output from the formatter",
-			icon: require_UiFileCode.UiFileCode,
-			accept: "text/plain, */*;q=0.7"
-		};
-		case "excel": return {
-			label: "Excel",
-			description: "Spreadsheet workbook for offline analysis",
-			icon: require_UiTable.UiTable,
-			accept: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, */*;q=0.7"
-		};
-		case "slack": return {
-			label: "Slack",
-			description: "Slack Block Kit JSON for chat-native output",
-			icon: require_UiComment.UiComment,
-			accept: "application/vnd.slack.block-kit+json, application/json;q=0.8,*/*;q=0.7"
-		};
-	}
-}
 function formatViewLabel(mode) {
-	return getRemoteFormatMeta(mode).label;
-}
-function buildFormatUrl(url, format) {
-	const base = typeof window === "undefined" ? "http://localhost" : window.location.origin;
-	const resolved = new URL(url, base);
-	resolved.searchParams.set("format", format === "clicky" ? "clicky-json" : format);
-	if (isAbsoluteUrl(url)) return resolved.toString();
-	return `${resolved.pathname}${resolved.search}${resolved.hash}`;
-}
-function buildDownloadUrl(url, format, label, scope) {
-	const formatted = buildFormatUrl(url, format);
-	const base = typeof window === "undefined" ? "http://localhost" : window.location.origin;
-	const resolved = new URL(formatted, base);
-	resolved.searchParams.set("filename", downloadFilename(url, format, label));
-	resolved.searchParams.set("_download", Date.now().toString());
-	if (scope) resolved.searchParams.set("scope", scope);
-	if (scope === "all") {
-		resolved.searchParams.delete("limit");
-		resolved.searchParams.delete("offset");
-		resolved.searchParams.delete("page");
-	}
-	if (isAbsoluteUrl(formatted)) return resolved.toString();
-	return `${resolved.pathname}${resolved.search}${resolved.hash}`;
-}
-function downloadFilename(url, format, label) {
-	return `${sanitizeFilenameStem(label || filenameStemFromUrl(url) || "clicky-output")}${downloadExtension(format)}`;
-}
-function filenameStemFromUrl(url) {
-	const base = typeof window === "undefined" ? "http://localhost" : window.location.origin;
-	return new URL(url, base).pathname.split("/").filter(Boolean).at(-1) ?? "";
-}
-function sanitizeFilenameStem(value) {
-	return require_string.stripSurroundingChars(value.trim().replace(/\.[a-z0-9]+$/i, "").replace(/[^a-z0-9._-]+/gi, "-").replace(/-+/g, "-"), "._-") || "clicky-output";
-}
-function downloadExtension(format) {
-	switch (format) {
-		case "clicky": return ".clicky.json";
-		case "json": return ".json";
-		case "ndjson": return ".ndjson";
-		case "pdf": return ".pdf";
-		case "html": return ".html";
-		case "markdown": return ".md";
-		case "yaml": return ".yaml";
-		case "csv": return ".csv";
-		case "pretty": return ".txt";
-		case "excel": return ".xlsx";
-		case "slack": return ".slack.json";
-	}
+	return require_clicky_download.getRemoteFormatMeta(mode).label;
 }
 function shouldFetchRemoteView(format) {
 	return format !== "pdf" && format !== "html" && format !== "excel";
 }
 function isPrimaryViewFormat(format) {
-	return CLICKY_PRIMARY_VIEW_FORMATS.includes(format);
+	return require_clicky_download.CLICKY_PRIMARY_VIEW_FORMATS.includes(format);
 }
 function isOverflowViewFormat(format) {
-	return CLICKY_OVERFLOW_VIEW_FORMATS.includes(format);
+	return require_clicky_download.CLICKY_OVERFLOW_VIEW_FORMATS.includes(format);
 }
 function resolveViewConfigFlag(view, format, data, url) {
 	const defaultEnabled = format === "clicky" || format === "json" ? url != null || data !== void 0 : !!url;
@@ -956,25 +727,6 @@ function summarizeJsonValue(value) {
 function isPlainObject(value) {
 	return value != null && typeof value === "object" && !Array.isArray(value);
 }
-var CLICKY_DOWNLOAD_FRAME_ID = "clicky-download-frame";
-function triggerDownload(url) {
-	if (typeof document === "undefined") return;
-	let frame = document.getElementById(CLICKY_DOWNLOAD_FRAME_ID);
-	if (!frame) {
-		frame = document.createElement("iframe");
-		frame.id = CLICKY_DOWNLOAD_FRAME_ID;
-		frame.name = CLICKY_DOWNLOAD_FRAME_ID;
-		frame.title = "Clicky download target";
-		frame.setAttribute("aria-hidden", "true");
-		frame.tabIndex = -1;
-		frame.style.display = "none";
-		document.body.appendChild(frame);
-	}
-	frame.src = url;
-}
-function isAbsoluteUrl(url) {
-	return /^[a-z][a-z\d+\-.]*:/i.test(url) || url.startsWith("//");
-}
 /**
 * clicky's Go text styling (e.g. xetrace/pretty.go, clicky/api/text.go) uses
 * "text-muted" as the terminal's "dim" style, the same way it uses
@@ -2350,6 +2102,7 @@ function isInlineNode(node) {
 	return node.kind === "text" || node.kind === "link" || node.kind === "link-command" || node.kind === "icon" || node.kind === "html" || node.kind === "footnote-ref" || node.kind === "badge" || node.kind === "button" || node.kind === "button-group";
 }
 exports.Clicky = Clicky;
+exports.ClickyNodeRenderer = ClickyNodeRenderer;
 exports.ClickyNodeView = ClickyNodeRenderer;
 exports.ClickyTable = ClickyTable;