spiracha 1.0.0 → 1.1.0

package/apps/ui/dist/server/assets/data-table-Cdct823O.js

@@ -0,0 +1,189 @@
+import { t as cn } from "./utils-C_uf36nf.js";
+import { t as Checkbox } from "./checkbox-C0hovF41.js";
+import { useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ArrowDownUp } from "lucide-react";
+import { flexRender, getCoreRowModel, getFilteredRowModel, getSortedRowModel, useReactTable } from "@tanstack/react-table";
+//#region src/components/ui/table.tsx
+function Table({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "table-container",
+		className: "relative w-full overflow-x-auto",
+		children: /* @__PURE__ */ jsx("table", {
+			"data-slot": "table",
+			className: cn("w-full caption-bottom text-sm", className),
+			...props
+		})
+	});
+}
+function TableHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("thead", {
+		"data-slot": "table-header",
+		className: cn("[&_tr]:border-b", className),
+		...props
+	});
+}
+function TableBody({ className, ...props }) {
+	return /* @__PURE__ */ jsx("tbody", {
+		"data-slot": "table-body",
+		className: cn("[&_tr:last-child]:border-0", className),
+		...props
+	});
+}
+function TableRow({ className, ...props }) {
+	return /* @__PURE__ */ jsx("tr", {
+		"data-slot": "table-row",
+		className: cn("border-b transition-colors hover:bg-muted/50 has-aria-expanded:bg-muted/50 data-[state=selected]:bg-muted", className),
+		...props
+	});
+}
+function TableHead({ className, ...props }) {
+	return /* @__PURE__ */ jsx("th", {
+		"data-slot": "table-head",
+		className: cn("h-10 whitespace-nowrap px-2 text-left align-middle font-medium text-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className),
+		...props
+	});
+}
+function TableCell({ className, ...props }) {
+	return /* @__PURE__ */ jsx("td", {
+		"data-slot": "table-cell",
+		className: cn("whitespace-nowrap p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className),
+		...props
+	});
+}
+//#endregion
+//#region src/components/data-table.tsx
+var getSortIndicator = (value) => {
+	if (value === "asc") return "↑";
+	if (value === "desc") return "↓";
+	return /* @__PURE__ */ jsx(ArrowDownUp, { className: "size-3" });
+};
+var getRangeRowIds = (visibleRowIds, anchorRowId, targetRowId) => {
+	const anchorIndex = visibleRowIds.indexOf(anchorRowId);
+	const targetIndex = visibleRowIds.indexOf(targetRowId);
+	if (anchorIndex === -1 || targetIndex === -1) return null;
+	const [startIndex, endIndex] = anchorIndex <= targetIndex ? [anchorIndex, targetIndex] : [targetIndex, anchorIndex];
+	return visibleRowIds.slice(startIndex, endIndex + 1);
+};
+var applySelectionState = (selection, rowIds, checked) => {
+	const nextSelection = { ...selection };
+	for (const rowId of rowIds) {
+		if (checked) {
+			nextSelection[rowId] = true;
+			continue;
+		}
+		delete nextSelection[rowId];
+	}
+	return nextSelection;
+};
+function DataTable({ className, columns, data, emptyMessage, enableRowSelection = false, getRowId, initialSorting = [], onRowClick, renderToolbar }) {
+	const [sorting, setSorting] = useState(initialSorting);
+	const [rowSelection, setRowSelection] = useState({});
+	const lastSelectedRowIdRef = useRef(null);
+	const updateSelectionForRow = (rowId, checked, shiftKey) => {
+		const visibleRowIds = table.getRowModel().rows.map((row) => row.id);
+		if (shiftKey && lastSelectedRowIdRef.current) {
+			const rangeRowIds = getRangeRowIds(visibleRowIds, lastSelectedRowIdRef.current, rowId);
+			if (rangeRowIds) {
+				setRowSelection(applySelectionState(rowSelection, rangeRowIds, checked));
+				lastSelectedRowIdRef.current = rowId;
+				return;
+			}
+		}
+		setRowSelection(applySelectionState(rowSelection, [rowId], checked));
+		lastSelectedRowIdRef.current = rowId;
+	};
+	const tableColumns = enableRowSelection ? [{
+		cell: ({ row }) => /* @__PURE__ */ jsx(Checkbox, {
+			"aria-label": `Select row ${row.id}`,
+			checked: row.getIsSelected(),
+			onClick: (event) => {
+				event.stopPropagation();
+				event.preventDefault();
+				updateSelectionForRow(row.id, !row.getIsSelected(), event.shiftKey);
+			},
+			onCheckedChange: (checked) => {
+				if (typeof checked !== "boolean") return;
+				updateSelectionForRow(row.id, checked, false);
+			}
+		}),
+		enableSorting: false,
+		header: ({ table }) => /* @__PURE__ */ jsx(Checkbox, {
+			"aria-label": "Select all rows",
+			checked: table.getIsAllPageRowsSelected() ? true : table.getIsSomePageRowsSelected() ? "indeterminate" : false,
+			onCheckedChange: (checked) => table.toggleAllPageRowsSelected(checked === true)
+		}),
+		id: "select"
+	}, ...columns] : [...columns];
+	const table = useReactTable({
+		autoResetPageIndex: false,
+		columns: tableColumns,
+		data,
+		enableRowSelection,
+		enableSortingRemoval: false,
+		getCoreRowModel: getCoreRowModel(),
+		getFilteredRowModel: getFilteredRowModel(),
+		getRowId,
+		getSortedRowModel: getSortedRowModel(),
+		onRowSelectionChange: setRowSelection,
+		onSortingChange: setSorting,
+		sortDescFirst: false,
+		state: {
+			rowSelection,
+			sorting
+		}
+	});
+	const selectedRows = table.getSelectedRowModel().rows.map((row) => row.original);
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("w-full overflow-x-auto rounded-[1.5rem] border border-[var(--border)] bg-[var(--panel)]", className),
+		children: [renderToolbar ? /* @__PURE__ */ jsx("div", {
+			className: "border-[var(--border)] border-b px-4 py-3",
+			children: renderToolbar({
+				clearSelection: () => setRowSelection({}),
+				selectedRows
+			})
+		}) : null, /* @__PURE__ */ jsxs(Table, {
+			className: "min-w-full",
+			children: [/* @__PURE__ */ jsx(TableHeader, {
+				className: "bg-[var(--panel-secondary)]",
+				children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx(TableRow, {
+					className: "border-[var(--border)] hover:bg-transparent",
+					children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx(TableHead, {
+						className: "h-10 whitespace-nowrap px-4 font-semibold text-[11px] text-[var(--muted-foreground)] uppercase tracking-[0.18em]",
+						children: header.isPlaceholder ? null : header.column.getCanSort() ? /* @__PURE__ */ jsxs("button", {
+							className: "inline-flex items-center gap-1.5 text-left",
+							type: "button",
+							onClick: header.column.getToggleSortingHandler(),
+							children: [/* @__PURE__ */ jsx("span", { children: flexRender(header.column.columnDef.header, header.getContext()) }), /* @__PURE__ */ jsx("span", {
+								"aria-hidden": "true",
+								className: "text-[10px]",
+								children: getSortIndicator(header.column.getIsSorted())
+							})]
+						}) : flexRender(header.column.columnDef.header, header.getContext())
+					}, header.id))
+				}, headerGroup.id))
+			}), /* @__PURE__ */ jsx(TableBody, { children: table.getRowModel().rows.length === 0 ? /* @__PURE__ */ jsx(TableRow, {
+				className: "border-[var(--border)]",
+				children: /* @__PURE__ */ jsx(TableCell, {
+					className: "px-4 py-10 text-center text-[var(--muted-foreground)] text-sm",
+					colSpan: tableColumns.length,
+					children: emptyMessage
+				})
+			}) : table.getRowModel().rows.map((row) => {
+				return /* @__PURE__ */ jsx(TableRow, {
+					className: cn("border-[var(--border)] hover:bg-[var(--panel-secondary)]/75", Boolean(onRowClick) ? "cursor-pointer" : ""),
+					onClick: () => {
+						if (!onRowClick) return;
+						onRowClick(row.original);
+					},
+					children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx(TableCell, {
+						className: "px-4 py-2.5 align-top",
+						children: flexRender(cell.column.columnDef.cell, cell.getContext())
+					}, cell.id))
+				}, row.id);
+			}) })]
+		})]
+	});
+}
+//#endregion
+export { DataTable as t };

package/apps/ui/dist/server/assets/delete-confirm-dialog-CWqcTXTF.js

@@ -0,0 +1,139 @@
+import { t as cn } from "./utils-C_uf36nf.js";
+import { t as Button } from "./button-CmTDnzOn.js";
+import { t as Checkbox$1 } from "./checkbox-C0hovF41.js";
+import { useEffect, useId, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { AlertDialog } from "radix-ui";
+//#region src/components/ui/alert-dialog.tsx
+function AlertDialog$1({ ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialog.Root, {
+		"data-slot": "alert-dialog",
+		...props
+	});
+}
+function AlertDialogPortal({ ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialog.Portal, {
+		"data-slot": "alert-dialog-portal",
+		...props
+	});
+}
+function AlertDialogOverlay({ className, ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialog.Overlay, {
+		"data-slot": "alert-dialog-overlay",
+		className: cn("data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50 data-[state=closed]:animate-out data-[state=open]:animate-in", className),
+		...props
+	});
+}
+function AlertDialogContent({ className, size = "default", ...props }) {
+	return /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [/* @__PURE__ */ jsx(AlertDialogOverlay, {}), /* @__PURE__ */ jsx(AlertDialog.Content, {
+		"data-slot": "alert-dialog-content",
+		"data-size": size,
+		className: cn("group/alert-dialog-content data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border bg-background p-6 shadow-lg duration-200 data-[size=sm]:max-w-xs data-[state=closed]:animate-out data-[state=open]:animate-in data-[size=default]:sm:max-w-lg", className),
+		...props
+	})] });
+}
+function AlertDialogHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert-dialog-header",
+		className: cn("grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-6 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]", className),
+		...props
+	});
+}
+function AlertDialogFooter({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert-dialog-footer",
+		className: cn("flex flex-col-reverse gap-2 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end", className),
+		...props
+	});
+}
+function AlertDialogTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialog.Title, {
+		"data-slot": "alert-dialog-title",
+		className: cn("font-semibold text-lg sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2", className),
+		...props
+	});
+}
+function AlertDialogDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialog.Description, {
+		"data-slot": "alert-dialog-description",
+		className: cn("text-muted-foreground text-sm", className),
+		...props
+	});
+}
+function AlertDialogAction({ className, variant = "default", size = "default", ...props }) {
+	return /* @__PURE__ */ jsx(Button, {
+		variant,
+		size,
+		asChild: true,
+		children: /* @__PURE__ */ jsx(AlertDialog.Action, {
+			"data-slot": "alert-dialog-action",
+			className: cn(className),
+			...props
+		})
+	});
+}
+function AlertDialogCancel({ className, variant = "outline", size = "default", ...props }) {
+	return /* @__PURE__ */ jsx(Button, {
+		variant,
+		size,
+		asChild: true,
+		children: /* @__PURE__ */ jsx(AlertDialog.Cancel, {
+			"data-slot": "alert-dialog-cancel",
+			className: cn(className),
+			...props
+		})
+	});
+}
+//#endregion
+//#region src/components/delete-confirm-dialog.tsx
+function DeleteConfirmDialog({ confirmLabel = "Delete", description, open, showDeleteSessionFilesOption = false, title, onConfirm, onOpenChange }) {
+	const checkboxId = useId();
+	const checkboxDescriptionId = useId();
+	const [deleteSessionFiles, setDeleteSessionFiles] = useState(false);
+	useEffect(() => {
+		if (!open) setDeleteSessionFiles(false);
+	}, [open]);
+	return /* @__PURE__ */ jsx(AlertDialog$1, {
+		open,
+		onOpenChange,
+		children: /* @__PURE__ */ jsxs(AlertDialogContent, {
+			className: "border-[var(--border)] bg-[var(--panel)] text-[var(--foreground)]",
+			children: [
+				/* @__PURE__ */ jsxs(AlertDialogHeader, { children: [/* @__PURE__ */ jsx(AlertDialogTitle, { children: title }), /* @__PURE__ */ jsx(AlertDialogDescription, {
+					className: "text-[var(--muted-foreground)]",
+					children: description
+				})] }),
+				showDeleteSessionFilesOption ? /* @__PURE__ */ jsxs("div", {
+					className: "flex items-start gap-3 rounded-xl border border-[var(--border)] bg-[var(--background)]/70 px-4 py-3 text-sm",
+					children: [/* @__PURE__ */ jsx(Checkbox$1, {
+						"aria-describedby": checkboxDescriptionId,
+						checked: deleteSessionFiles,
+						id: checkboxId,
+						onCheckedChange: (checked) => setDeleteSessionFiles(checked === true)
+					}), /* @__PURE__ */ jsxs("span", {
+						className: "space-y-1",
+						children: [/* @__PURE__ */ jsx("label", {
+							className: "block font-medium",
+							htmlFor: checkboxId,
+							children: "Delete Session files"
+						}), /* @__PURE__ */ jsx("span", {
+							className: "block text-[var(--muted-foreground)] text-xs",
+							id: checkboxDescriptionId,
+							children: "Remove the rollout JSONL from disk as well, so Codex cannot backfill this thread later."
+						})]
+					})]
+				}) : null,
+				/* @__PURE__ */ jsxs(AlertDialogFooter, { children: [/* @__PURE__ */ jsx(AlertDialogCancel, {
+					className: "border-[var(--border)]",
+					children: "Cancel"
+				}), /* @__PURE__ */ jsx(AlertDialogAction, {
+					className: "bg-[var(--destructive)] text-[var(--destructive-foreground)] hover:bg-[var(--destructive)]/90",
+					onClick: () => onConfirm({ deleteSessionFiles }),
+					children: confirmLabel
+				})] })
+			]
+		})
+	});
+}
+//#endregion
+export { DeleteConfirmDialog as t };

package/apps/ui/dist/server/assets/download-CzHmFWGk.js

@@ -0,0 +1,286 @@
+import { t as cn } from "./utils-C_uf36nf.js";
+import { t as Button } from "./button-CmTDnzOn.js";
+import { t as Checkbox$1 } from "./checkbox-C0hovF41.js";
+import { a as SelectValue, i as SelectTrigger, n as SelectContent, r as SelectItem, t as Select$1 } from "./select-GW76p-ld.js";
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { XIcon } from "lucide-react";
+import { Dialog } from "radix-ui";
+//#region src/components/ui/dialog.tsx
+function Dialog$1({ ...props }) {
+	return /* @__PURE__ */ jsx(Dialog.Root, {
+		"data-slot": "dialog",
+		...props
+	});
+}
+function DialogPortal({ ...props }) {
+	return /* @__PURE__ */ jsx(Dialog.Portal, {
+		"data-slot": "dialog-portal",
+		...props
+	});
+}
+function DialogOverlay({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Dialog.Overlay, {
+		"data-slot": "dialog-overlay",
+		className: cn("data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50 data-[state=closed]:animate-out data-[state=open]:animate-in", className),
+		...props
+	});
+}
+function DialogContent({ className, children, showCloseButton = true, ...props }) {
+	return /* @__PURE__ */ jsxs(DialogPortal, {
+		"data-slot": "dialog-portal",
+		children: [/* @__PURE__ */ jsx(DialogOverlay, {}), /* @__PURE__ */ jsxs(Dialog.Content, {
+			"data-slot": "dialog-content",
+			className: cn("data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border bg-background p-6 shadow-lg outline-none duration-200 data-[state=closed]:animate-out data-[state=open]:animate-in sm:max-w-lg", className),
+			...props,
+			children: [children, showCloseButton && /* @__PURE__ */ jsxs(Dialog.Close, {
+				"data-slot": "dialog-close",
+				className: "absolute top-4 right-4 rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+				children: [/* @__PURE__ */ jsx(XIcon, {}), /* @__PURE__ */ jsx("span", {
+					className: "sr-only",
+					children: "Close"
+				})]
+			})]
+		})]
+	});
+}
+function DialogHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "dialog-header",
+		className: cn("flex flex-col gap-2 text-center sm:text-left", className),
+		...props
+	});
+}
+function DialogFooter({ className, showCloseButton = false, children, ...props }) {
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "dialog-footer",
+		className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
+		...props,
+		children: [children, showCloseButton && /* @__PURE__ */ jsx(Dialog.Close, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx(Button, {
+				variant: "outline",
+				children: "Close"
+			})
+		})]
+	});
+}
+function DialogTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Dialog.Title, {
+		"data-slot": "dialog-title",
+		className: cn("font-semibold text-lg leading-none", className),
+		...props
+	});
+}
+function DialogDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Dialog.Description, {
+		"data-slot": "dialog-description",
+		className: cn("text-muted-foreground text-sm", className),
+		...props
+	});
+}
+//#endregion
+//#region src/components/export-dialog.tsx
+function ExportDialog({ open, pending = false, title = "Export thread", onExport, onOpenChange }) {
+	const [outputFormat, setOutputFormat] = useState("md");
+	const [optimized, setOptimized] = useState(false);
+	const [includeCommentary, setIncludeCommentary] = useState(false);
+	const [includeTools, setIncludeTools] = useState(true);
+	return /* @__PURE__ */ jsx(Dialog$1, {
+		open,
+		onOpenChange,
+		children: /* @__PURE__ */ jsxs(DialogContent, {
+			className: "border-[var(--border)] bg-[var(--panel)] text-[var(--foreground)]",
+			children: [
+				/* @__PURE__ */ jsxs(DialogHeader, { children: [/* @__PURE__ */ jsx(DialogTitle, { children: title }), /* @__PURE__ */ jsx(DialogDescription, {
+					className: "text-[var(--muted-foreground)]",
+					children: "Choose the transcript format and whether the export includes tool calls."
+				})] }),
+				/* @__PURE__ */ jsxs("div", {
+					className: "space-y-5 py-2",
+					children: [
+						/* @__PURE__ */ jsxs("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ jsx("label", {
+								className: "font-medium text-sm",
+								htmlFor: "output-format",
+								children: "Output format"
+							}), /* @__PURE__ */ jsxs(Select$1, {
+								value: outputFormat,
+								onValueChange: (value) => setOutputFormat(value),
+								children: [/* @__PURE__ */ jsx(SelectTrigger, {
+									id: "output-format",
+									className: "border-[var(--border)] bg-[var(--panel-secondary)]",
+									children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Choose a format" })
+								}), /* @__PURE__ */ jsxs(SelectContent, { children: [/* @__PURE__ */ jsx(SelectItem, {
+									value: "md",
+									children: "Markdown (.md)"
+								}), /* @__PURE__ */ jsx(SelectItem, {
+									value: "txt",
+									children: "Plain text (.txt)"
+								})] })]
+							})]
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "flex items-center gap-3 rounded-2xl border border-[var(--border)] bg-[var(--panel-secondary)] p-3",
+							children: [/* @__PURE__ */ jsx(Checkbox$1, {
+								checked: optimized,
+								onCheckedChange: (checked) => setOptimized(checked === true)
+							}), /* @__PURE__ */ jsxs("span", {
+								className: "space-y-1",
+								children: [/* @__PURE__ */ jsx("span", {
+									className: "block font-medium text-sm",
+									children: "Optimized transcript"
+								}), /* @__PURE__ */ jsx("span", {
+									className: "block text-[var(--muted-foreground)] text-sm",
+									children: "Removes metadata and condenses the transcript for readability and token efficiency."
+								})]
+							})]
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "flex items-center gap-3 rounded-2xl border border-[var(--border)] bg-[var(--panel-secondary)] p-3",
+							children: [/* @__PURE__ */ jsx(Checkbox$1, {
+								checked: includeCommentary,
+								onCheckedChange: (checked) => setIncludeCommentary(checked === true)
+							}), /* @__PURE__ */ jsxs("span", {
+								className: "space-y-1",
+								children: [/* @__PURE__ */ jsx("span", {
+									className: "block font-medium text-sm",
+									children: "Include commentary"
+								}), /* @__PURE__ */ jsx("span", {
+									className: "block text-[var(--muted-foreground)] text-sm",
+									children: "Includes assistant commentary-phase updates in the exported transcript."
+								})]
+							})]
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "flex items-center gap-3 rounded-2xl border border-[var(--border)] bg-[var(--panel-secondary)] p-3",
+							children: [/* @__PURE__ */ jsx(Checkbox$1, {
+								checked: includeTools,
+								onCheckedChange: (checked) => setIncludeTools(checked === true)
+							}), /* @__PURE__ */ jsxs("span", {
+								className: "space-y-1",
+								children: [/* @__PURE__ */ jsx("span", {
+									className: "block font-medium text-sm",
+									children: "Include tool calls"
+								}), /* @__PURE__ */ jsx("span", {
+									className: "block text-[var(--muted-foreground)] text-sm",
+									children: "Includes tool-call summaries and tool-output summaries in the export."
+								})]
+							})]
+						})
+					]
+				}),
+				/* @__PURE__ */ jsxs(DialogFooter, { children: [/* @__PURE__ */ jsx(Button, {
+					className: "rounded-full",
+					variant: "outline",
+					onClick: () => onOpenChange(false),
+					children: "Cancel"
+				}), /* @__PURE__ */ jsx(Button, {
+					className: "rounded-full",
+					disabled: pending,
+					onClick: () => onExport({
+						includeCommentary,
+						includeTools,
+						optimized,
+						outputFormat
+					}),
+					children: pending ? "Exporting..." : "Download export"
+				})] })
+			]
+		})
+	});
+}
+//#endregion
+//#region src/lib/download.ts
+var DEFAULT_DOWNLOAD_ATTEMPTS = 6;
+var DEFAULT_DOWNLOAD_RETRY_DELAY_MS = 250;
+var DEFAULT_INLINE_REVOKE_DELAY_MS = 3e4;
+var logDownloadEvent = (logger, level, event, details) => {
+	logger[level](`[spiracha:download] ${event}`, details);
+};
+var delay = (delayMs) => new Promise((resolve) => {
+	window.setTimeout(resolve, delayMs);
+});
+var triggerAnchorDownload = (documentRef, href, fileName) => {
+	const link = documentRef.createElement("a");
+	link.href = href;
+	link.download = fileName;
+	documentRef.body.append(link);
+	link.click();
+	link.remove();
+};
+var isReadyStatus = (status) => {
+	return status >= 200 && status < 400 || status === 405;
+};
+var waitForDownloadUrlAvailability = async (downloadUrl, fileName, { fetchImpl = fetch, logger = console, maxAttempts = DEFAULT_DOWNLOAD_ATTEMPTS, retryDelayMs = DEFAULT_DOWNLOAD_RETRY_DELAY_MS, sleep = delay } = {}) => {
+	for (let attempt = 1; attempt <= maxAttempts; attempt += 1) {
+		try {
+			const response = await fetchImpl(downloadUrl, {
+				cache: "no-store",
+				method: "HEAD"
+			});
+			if (isReadyStatus(response.status)) {
+				logDownloadEvent(logger, "info", "url_ready", {
+					attempt,
+					downloadUrl,
+					fileName,
+					status: response.status
+				});
+				return;
+			}
+			logDownloadEvent(logger, "warn", "url_not_ready", {
+				attempt,
+				downloadUrl,
+				fileName,
+				status: response.status
+			});
+		} catch (error) {
+			logDownloadEvent(logger, "warn", "url_probe_failed", {
+				attempt,
+				downloadUrl,
+				error: error instanceof Error ? error.message : String(error),
+				fileName
+			});
+		}
+		if (attempt < maxAttempts) await sleep(retryDelayMs);
+	}
+	throw new Error(`Download file was not available after ${maxAttempts} attempts: ${fileName}`);
+};
+var downloadUrlFile = async (fileName, downloadUrl, { documentRef = document, fetchImpl = fetch, logger = console, maxAttempts = DEFAULT_DOWNLOAD_ATTEMPTS, retryDelayMs = DEFAULT_DOWNLOAD_RETRY_DELAY_MS, sleep = delay } = {}) => {
+	logDownloadEvent(logger, "info", "start", {
+		downloadUrl,
+		fileName
+	});
+	await waitForDownloadUrlAvailability(downloadUrl, fileName, {
+		fetchImpl,
+		logger,
+		maxAttempts,
+		retryDelayMs,
+		sleep
+	});
+	triggerAnchorDownload(documentRef, downloadUrl, fileName);
+	logDownloadEvent(logger, "info", "triggered", {
+		downloadUrl,
+		fileName
+	});
+};
+var downloadTextFile = (fileName, content, mimeType, { createObjectUrl = (blob) => URL.createObjectURL(blob), documentRef = document, logger = console, revokeDelayMs = DEFAULT_INLINE_REVOKE_DELAY_MS, revokeObjectUrl = (url) => URL.revokeObjectURL(url), schedule = (callback, delayMs) => {
+	window.setTimeout(callback, delayMs);
+} } = {}) => {
+	logDownloadEvent(logger, "info", "inline_start", {
+		fileName,
+		mimeType,
+		sizeBytes: content.length
+	});
+	const url = createObjectUrl(new Blob([content], { type: mimeType }));
+	triggerAnchorDownload(documentRef, url, fileName);
+	schedule(() => revokeObjectUrl(url), revokeDelayMs);
+	logDownloadEvent(logger, "info", "inline_triggered", {
+		fileName,
+		mimeType,
+		sizeBytes: content.length
+	});
+};
+//#endregion
+export { downloadUrlFile as n, ExportDialog as r, downloadTextFile as t };

package/apps/ui/dist/server/assets/formatters-B6o5pTY9.js

@@ -0,0 +1,72 @@
+//#region src/lib/formatters.ts
+var MONTHS = [
+	"Jan",
+	"Feb",
+	"Mar",
+	"Apr",
+	"May",
+	"Jun",
+	"Jul",
+	"Aug",
+	"Sep",
+	"Oct",
+	"Nov",
+	"Dec"
+];
+var formatNumber = (value) => {
+	return new Intl.NumberFormat("en-US").format(value);
+};
+var formatTokens = (value) => {
+	return `${formatNumber(value)} tokens`;
+};
+var formatBytes = (value) => {
+	if (!value || value <= 0) return "0 B";
+	const units = [
+		"B",
+		"KB",
+		"MB",
+		"GB",
+		"TB"
+	];
+	let size = value;
+	let unitIndex = 0;
+	while (size >= 1024 && unitIndex < units.length - 1) {
+		size /= 1024;
+		unitIndex += 1;
+	}
+	const fractionDigits = size >= 100 || unitIndex === 0 ? 0 : 1;
+	return `${size.toFixed(fractionDigits)} ${units[unitIndex]}`;
+};
+var formatDateTime = (value) => {
+	if (value === null || value === void 0 || value === "") return "n/a";
+	const date = typeof value === "number" ? new Date(value) : new Date(value);
+	if (Number.isNaN(date.getTime())) return "n/a";
+	const today = /* @__PURE__ */ new Date();
+	const isToday = date.getUTCDate() === today.getUTCDate() && date.getUTCMonth() === today.getUTCMonth() && date.getUTCFullYear() === today.getUTCFullYear();
+	const month = MONTHS[date.getUTCMonth()];
+	const day = date.getUTCDate();
+	const hours12 = date.getUTCHours() % 12 || 12;
+	const minutes = String(date.getUTCMinutes()).padStart(2, "0");
+	const ampm = date.getUTCHours() >= 12 ? "PM" : "AM";
+	if (isToday) return `${hours12}:${minutes} ${ampm}`;
+	return `${month} ${day} · ${hours12}:${minutes} ${ampm}`;
+};
+var formatList = (values) => {
+	if (values.length === 0) return "n/a";
+	return values.join(", ");
+};
+var formatBooleanLabel = (value) => {
+	return value ? "Yes" : "No";
+};
+var formatModelLabel = (value) => {
+	if (!value) return "Assistant";
+	return value.split(/[-_\s]+/u).filter(Boolean).map((part) => {
+		const lower = part.toLowerCase();
+		if (lower === "gpt") return "GPT";
+		if (/^[a-z]\d$/u.test(lower)) return lower.toUpperCase();
+		if (/^\d+(\.\d+)*$/u.test(part)) return part;
+		return `${part.slice(0, 1).toUpperCase()}${part.slice(1)}`;
+	}).join(" ");
+};
+//#endregion
+export { formatModelLabel as a, formatList as i, formatBytes as n, formatNumber as o, formatDateTime as r, formatTokens as s, formatBooleanLabel as t };