@morscherlab/mint-sdk 1.4.0-beta.16 → 1.4.0-beta.18

package/dist/useRealtime-BW02xy4Z.js

@@ -0,0 +1,398 @@
+import { d as isActiveJobStatus, m as normalizeJobPercent, p as jobStatusLabel } from "./records-CR_pYzIP.js";
+import { Fragment, Teleport, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, getCurrentScope, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onScopeDispose, openBlock, readonly, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, toValue, unref, watch, withCtx } from "vue";
+import { CircleAlert, CircleCheck, CircleSlash, CircleX, Clock, LoaderCircle, RefreshCw, Square, Trash2, X } from "lucide-vue-next";
+//#region src/components/JobsStatusTray.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "mint-jobs-tray" };
+var _hoisted_2 = ["id"];
+var _hoisted_3 = { class: "mint-jobs-tray__head" };
+var _hoisted_4 = { class: "mint-jobs-tray__head-count" };
+var _hoisted_5 = ["disabled"];
+var _hoisted_6 = {
+	key: 0,
+	class: "mint-jobs-tray__error",
+	role: "alert"
+};
+var _hoisted_7 = { class: "mint-jobs-tray__body" };
+var _hoisted_8 = {
+	key: 0,
+	class: "mint-jobs-tray__empty"
+};
+var _hoisted_9 = ["data-section"];
+var _hoisted_10 = { class: "mint-jobs-tray__section-count" };
+var _hoisted_11 = ["data-status"];
+var _hoisted_12 = ["onClick"];
+var _hoisted_13 = { class: "mint-jobs-tray__tools" };
+var _hoisted_14 = { class: "mint-jobs-tray__value" };
+var _hoisted_15 = [
+	"aria-label",
+	"disabled",
+	"onClick"
+];
+var _hoisted_16 = [
+	"aria-label",
+	"disabled",
+	"onClick"
+];
+var _hoisted_17 = ["aria-label", "aria-valuenow"];
+//#endregion
+//#region src/components/JobsStatusTray.vue
+var JobsStatusTray_default = /* @__PURE__ */ defineComponent({
+	__name: "JobsStatusTray",
+	props: {
+		center: {},
+		title: { default: "Jobs" },
+		teleportTo: {
+			type: [String, Boolean],
+			default: "body"
+		}
+	},
+	emits: ["select", "error"],
+	setup(__props, { emit: __emit }) {
+		/**
+		* Compact, non-modal job panel under the top bar, driven by a job center the parent owns.
+		*
+		* The parent passes the center's `topBarJob`, `completedCount` and `handleTopBarClick`
+		* to `AppTopBar`; its run slot opens this panel. `PluginWorkspaceView` does this for you
+		* when its spec sets `jobs`.
+		*
+		* @example Recommended
+		* ```vue
+		* <AppTopBar :job="center.topBarJob.value" :jobs-done="center.completedCount.value"
+		*   @job-click="center.handleTopBarClick(openResult)" />
+		* <JobsStatusTray :center="center" @select="openResult" />
+		* ```
+		*/
+		const props = __props;
+		const emit = __emit;
+		const STATUS_ICONS = {
+			running: LoaderCircle,
+			awaiting_input: CircleAlert,
+			queued: Clock,
+			completed: CircleCheck,
+			failed: CircleX,
+			cancelled: CircleSlash
+		};
+		const panelRef = ref(null);
+		const teleportTarget = computed(() => props.teleportTo || "body");
+		const tray = props.center;
+		const titleId = `${tray.panelId}-title`;
+		const activeRows = computed(() => [...tray.activeJobs.value.filter((job) => job.status === "awaiting_input"), ...tray.activeJobs.value.filter((job) => job.status !== "awaiting_input")]);
+		const sections = computed(() => [{
+			key: "active",
+			title: "Active",
+			jobs: activeRows.value
+		}, {
+			key: "finished",
+			title: "Finished",
+			jobs: tray.historyJobs.value
+		}].filter((section) => section.jobs.length > 0));
+		const headCount = computed(() => {
+			const parts = [
+				[tray.activeJobs.value.length, "active"],
+				[tray.completedCount.value, "done"],
+				[tray.historyJobs.value.filter((job) => job.status === "failed").length, "failed"]
+			].filter(([n]) => n).map(([n, word]) => `${n} ${word}`);
+			return parts.length ? parts.join(" · ") : "No jobs";
+		});
+		const canClear = computed(() => tray.deletableJobs.value.length > 0 && tray.canClearFinished.value);
+		let opener = null;
+		function onDocumentKeydown(event) {
+			if (event.key === "Escape") closeTray();
+		}
+		watch(tray.isOpen, async (open) => {
+			if (!open) {
+				document.removeEventListener("keydown", onDocumentKeydown);
+				return;
+			}
+			opener = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+			document.addEventListener("keydown", onDocumentKeydown);
+			await nextTick();
+			panelRef.value?.focus();
+		}, { flush: "sync" });
+		onBeforeUnmount(() => document.removeEventListener("keydown", onDocumentKeydown));
+		function closeTray() {
+			tray.close();
+			(opener?.isConnected && opener !== document.body ? opener : document.querySelector(".mint-topbar__job"))?.focus();
+		}
+		function progressText(job) {
+			if (job.error) return job.error;
+			if (job.status === "awaiting_input") return job.progress.message || "Waiting for external input";
+			if (job.status === "queued" && job.queue_position > 0) return `Queue position ${job.queue_position}`;
+			return job.progress.message || job.progress.stage || jobStatusLabel(job.status);
+		}
+		function formatTime(value) {
+			if (!value) return "";
+			const date = new Date(value);
+			return Number.isNaN(date.getTime()) ? "" : date.toLocaleTimeString([], {
+				hour: "2-digit",
+				minute: "2-digit"
+			});
+		}
+		function jobPercent(job) {
+			return Math.round(normalizeJobPercent(job.progress.percent));
+		}
+		/** Right-hand value: the percent while a job runs, else when it ended or started. */
+		function jobValue(job) {
+			if (job.status === "running") return `${jobPercent(job)}%`;
+			return formatTime(job.completed_at || job.started_at || job.created_at);
+		}
+		async function cancelJob(job) {
+			if (!await tray.cancelJob(job) && tray.error.value) emit("error", tray.error.value);
+		}
+		async function deleteJob(job) {
+			if (!await tray.deleteJob(job) && tray.error.value) emit("error", tray.error.value);
+		}
+		async function clearFinished() {
+			if (!await tray.clearFinished() && tray.error.value) emit("error", tray.error.value);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(Teleport, {
+				to: teleportTarget.value,
+				disabled: __props.teleportTo === false
+			}, [createElementVNode("div", _hoisted_1, [unref(tray).isOpen.value ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: "mint-jobs-tray__scrim",
+				"aria-hidden": "true",
+				onClick: _cache[0] || (_cache[0] = ($event) => unref(tray).close())
+			})) : createCommentVNode("", true), createVNode(Transition, { name: "mint-jobs-tray-fade" }, {
+				default: withCtx(() => [unref(tray).isOpen.value ? (openBlock(), createElementBlock("section", {
+					key: 0,
+					id: unref(tray).panelId,
+					ref_key: "panelRef",
+					ref: panelRef,
+					class: "mint-jobs-tray__panel",
+					"aria-labelledby": titleId,
+					tabindex: "-1"
+				}, [
+					createElementVNode("header", _hoisted_3, [
+						createElementVNode("h2", {
+							id: titleId,
+							class: "mint-jobs-tray__title"
+						}, toDisplayString(__props.title), 1),
+						createElementVNode("span", _hoisted_4, toDisplayString(headCount.value), 1),
+						unref(tray).canRefresh.value ? (openBlock(), createElementBlock("button", {
+							key: 0,
+							type: "button",
+							class: "mint-jobs-tray__icon-button",
+							"aria-label": "Refresh jobs",
+							title: "Refresh jobs",
+							disabled: unref(tray).isLoading.value,
+							onClick: _cache[1] || (_cache[1] = (...args) => unref(tray).refresh && unref(tray).refresh(...args))
+						}, [createVNode(unref(RefreshCw), {
+							size: 14,
+							"aria-hidden": "true"
+						})], 8, _hoisted_5)) : createCommentVNode("", true),
+						createElementVNode("button", {
+							type: "button",
+							class: "mint-jobs-tray__icon-button",
+							"aria-label": "Close jobs",
+							title: "Close",
+							onClick: closeTray
+						}, [createVNode(unref(X), {
+							size: 14,
+							"aria-hidden": "true"
+						})])
+					]),
+					unref(tray).error.value ? (openBlock(), createElementBlock("p", _hoisted_6, toDisplayString(unref(tray).error.value), 1)) : createCommentVNode("", true),
+					createElementVNode("div", _hoisted_7, [sections.value.length === 0 ? (openBlock(), createElementBlock("p", _hoisted_8, "No jobs yet")) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(sections.value, (section) => {
+						return openBlock(), createElementBlock(Fragment, { key: section.key }, [createElementVNode("div", {
+							class: "mint-jobs-tray__section",
+							"data-section": section.key
+						}, [
+							createTextVNode(toDisplayString(section.title) + " ", 1),
+							createElementVNode("span", _hoisted_10, "· " + toDisplayString(section.jobs.length), 1),
+							section.key === "finished" && canClear.value ? (openBlock(), createElementBlock("button", {
+								key: 0,
+								type: "button",
+								class: "mint-jobs-tray__section-action",
+								onClick: clearFinished
+							}, " Clear ")) : createCommentVNode("", true)
+						], 8, _hoisted_9), (openBlock(true), createElementBlock(Fragment, null, renderList(section.jobs, (job) => {
+							return openBlock(), createElementBlock("div", {
+								key: job.job_id,
+								class: normalizeClass(["mint-jobs-tray__row", { "mint-jobs-tray__row--awaiting-input": job.status === "awaiting_input" }]),
+								"data-status": job.status
+							}, [
+								(openBlock(), createBlock(resolveDynamicComponent(STATUS_ICONS[job.status]), {
+									size: 15,
+									class: normalizeClass(["mint-jobs-tray__status", `mint-jobs-tray__status--${job.status.replace("_", "-")}`]),
+									role: "img",
+									"aria-label": unref(jobStatusLabel)(job.status)
+								}, null, 8, ["class", "aria-label"])),
+								createElementVNode("button", {
+									type: "button",
+									class: "mint-jobs-tray__row-title",
+									onClick: ($event) => emit("select", job)
+								}, [renderSlot(_ctx.$slots, "job-title", { job }, () => [createTextVNode(toDisplayString(job.name), 1)])], 8, _hoisted_12),
+								createElementVNode("span", _hoisted_13, [
+									createElementVNode("span", _hoisted_14, toDisplayString(jobValue(job)), 1),
+									renderSlot(_ctx.$slots, "job-actions", { job }),
+									unref(isActiveJobStatus)(job.status) && job.can_cancel && unref(tray).canCancel.value ? (openBlock(), createElementBlock("button", {
+										key: 0,
+										type: "button",
+										class: "mint-jobs-tray__icon-button mint-jobs-tray__icon-button--danger",
+										"aria-label": `Cancel ${job.name}`,
+										title: "Cancel",
+										disabled: unref(tray).isPending(job),
+										onClick: ($event) => cancelJob(job)
+									}, [createVNode(unref(Square), {
+										size: 12,
+										"aria-hidden": "true"
+									})], 8, _hoisted_15)) : createCommentVNode("", true),
+									job.can_delete && unref(tray).canDelete.value ? (openBlock(), createElementBlock("button", {
+										key: 1,
+										type: "button",
+										class: "mint-jobs-tray__icon-button",
+										"aria-label": `Delete ${job.name}`,
+										title: "Delete",
+										disabled: unref(tray).isPending(job),
+										onClick: ($event) => deleteJob(job)
+									}, [createVNode(unref(Trash2), {
+										size: 14,
+										"aria-hidden": "true"
+									})], 8, _hoisted_16)) : createCommentVNode("", true)
+								]),
+								job.status === "running" ? (openBlock(), createElementBlock("div", {
+									key: 0,
+									class: "mint-jobs-tray__progress",
+									role: "progressbar",
+									"aria-label": `${job.name} progress`,
+									"aria-valuemin": "0",
+									"aria-valuemax": "100",
+									"aria-valuenow": jobPercent(job)
+								}, [createElementVNode("span", { style: normalizeStyle({ width: `${jobPercent(job)}%` }) }, null, 4)], 8, _hoisted_17)) : createCommentVNode("", true),
+								createElementVNode("span", { class: normalizeClass(["mint-jobs-tray__detail", { "mint-jobs-tray__detail--error": job.status === "failed" }]) }, [renderSlot(_ctx.$slots, "job-detail", { job }, () => [createTextVNode(toDisplayString(progressText(job)), 1)])], 2)
+							], 10, _hoisted_11);
+						}), 128))], 64);
+					}), 128))])
+				], 8, _hoisted_2)) : createCommentVNode("", true)]),
+				_: 3
+			})])], 8, ["to", "disabled"]);
+		};
+	}
+});
+//#endregion
+//#region src/composables/useRealtime.ts
+var EVENTS_URL = "/api/events";
+var RECONNECT_BASE_MS = 1e3;
+var RECONNECT_MAX_MS = 3e4;
+/** Merges the subscriptions of components that mount together into one connection. */
+var TOPIC_DEBOUNCE_MS = 50;
+var RESYNC = { type: "resync" };
+var listeners = /* @__PURE__ */ new Set();
+/** The last `presence.changed` of each topic of the open stream; the server sends one per topic at open. */
+var presence = /* @__PURE__ */ new Map();
+var connected = ref(false);
+var source = null;
+var sourceTopics = "";
+var failures = 0;
+var syncTimer = null;
+var retryTimer = null;
+function dispatch(event) {
+	const isPresence = event.type === "presence.changed";
+	if (isPresence && event.topic) presence.set(event.topic, event);
+	for (const listener of [...listeners]) {
+		if (isPresence && !listener.presence) continue;
+		if (event.type === "resync" || event.topic && listener.topics().includes(event.topic)) listener.handler(event);
+	}
+}
+function close() {
+	source?.close();
+	source = null;
+	sourceTopics = "";
+	presence.clear();
+	connected.value = false;
+}
+function open(topics) {
+	const stream = new EventSource(`${EVENTS_URL}?topics=${encodeURIComponent(topics)}`);
+	source = stream;
+	sourceTopics = topics;
+	stream.onopen = () => {
+		connected.value = true;
+		dispatch(RESYNC);
+		failures = 0;
+	};
+	stream.onmessage = (message) => {
+		dispatch(JSON.parse(message.data));
+	};
+	stream.onerror = () => {
+		if (source !== stream) return;
+		close();
+		if (syncTimer !== null) clearTimeout(syncTimer);
+		syncTimer = null;
+		retryTimer = setTimeout(() => {
+			retryTimer = null;
+			sync();
+		}, Math.min(RECONNECT_MAX_MS, RECONNECT_BASE_MS * 2 ** failures));
+		failures += 1;
+	};
+}
+function sync() {
+	syncTimer = null;
+	const topics = [...new Set([...listeners].flatMap((listener) => listener.topics()))].sort().join(",");
+	if (source && topics === sourceTopics) return;
+	close();
+	if (topics) open(topics);
+}
+function schedule() {
+	if (retryTimer !== null) return;
+	if (syncTimer !== null) clearTimeout(syncTimer);
+	syncTimer = setTimeout(sync, TOPIC_DEBOUNCE_MS);
+}
+/**
+* Subscribe to topics of the platform's realtime stream.
+*
+* Every caller in a tab shares one `EventSource`, opened on the union of
+* their topics and reopened when that union changes. `handler` receives the
+* write events of the caller's own topics (not `presence.changed`, which goes
+* to `usePresence`) plus every `resync`: one comes from the
+* server when this tab fell behind, and one follows each open of the stream:
+* the first open, each reconnect (backoff from 1 s to 30 s) and each reopen for
+* a changed topic union. On `resync`, refetch. The union of all callers' topics
+* in a tab may hold at most 50 topics; the platform refuses a larger stream.
+*
+* The stream authenticates with the session cookie, so it works in the
+* platform and in plugin frontends served by it. It exists only when the
+* platform's `realtime` feature flag is on; check that flag first.
+*
+* A plugin topic reaches a caller whose role may use the plugin; an
+* experiment plugin topic also needs a caller who may view the experiment.
+*
+* @example
+* useRealtime(() => [`experiment:${id.value}`], () => refetch())
+* @example
+* useRealtime(['plugin:drp'], (event) => {
+*   if (event.type === 'drp.run.progress') progress.value = event.payload as RunProgress
+* })
+*/
+function useRealtime(topics, handler) {
+	return subscribeRealtime(topics, handler, false);
+}
+/** The last `presence.changed` of `topic` while the open stream views it (for `usePresence`). */
+function currentPresence(topic) {
+	return presence.get(topic);
+}
+/** `useRealtime`, and with `withPresence` also the `presence.changed` events (for `usePresence`). */
+function subscribeRealtime(topics, handler, withPresence) {
+	const listener = {
+		topics: () => toValue(topics),
+		handler,
+		presence: withPresence
+	};
+	listeners.add(listener);
+	const stopWatch = watch(() => listener.topics().join(","), () => schedule());
+	schedule();
+	function stop() {
+		stopWatch();
+		if (listeners.delete(listener)) schedule();
+	}
+	if (getCurrentScope()) onScopeDispose(stop);
+	return {
+		connected: readonly(connected),
+		stop
+	};
+}
+//#endregion
+export { JobsStatusTray_default as i, subscribeRealtime as n, useRealtime as r, currentPresence as t };
+
+//# sourceMappingURL=useRealtime-BW02xy4Z.js.map

package/dist/useRealtime-BW02xy4Z.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRealtime-BW02xy4Z.js","names":[],"sources":["../src/components/JobsStatusTray.vue","../src/components/JobsStatusTray.vue","../src/composables/useRealtime.ts"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Compact, non-modal job panel under the top bar, driven by a job center the parent owns.\n *\n * The parent passes the center's `topBarJob`, `completedCount` and `handleTopBarClick`\n * to `AppTopBar`; its run slot opens this panel. `PluginWorkspaceView` does this for you\n * when its spec sets `jobs`.\n *\n * @example Recommended\n * ```vue\n * <AppTopBar :job=\"center.topBarJob.value\" :jobs-done=\"center.completedCount.value\"\n *   @job-click=\"center.handleTopBarClick(openResult)\" />\n * <JobsStatusTray :center=\"center\" @select=\"openResult\" />\n * ```\n */\nimport { computed, nextTick, onBeforeUnmount, ref, watch, type Component } from 'vue'\nimport {\n  CircleAlert,\n  CircleCheck,\n  CircleSlash,\n  CircleX,\n  Clock,\n  LoaderCircle,\n  RefreshCw,\n  Square,\n  Trash2,\n  X,\n} from 'lucide-vue-next'\n\nimport { isActiveJobStatus, jobStatusLabel, normalizeJobPercent } from '../jobs'\nimport type { UseJobCenterReturn } from '../composables/useJobCenter'\nimport type { JobState, JobStatus } from '../types/jobs'\n\ninterface Props {\n  /** Job center from `useJobCenter()`; the parent owns it and opens the panel through it. */\n  center: UseJobCenterReturn\n  title?: string\n  teleportTo?: string | HTMLElement | false\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  title: 'Jobs',\n  teleportTo: 'body',\n})\n\nconst emit = defineEmits<{\n  select: [job: JobState]\n  error: [message: string]\n}>()\n\ndefineSlots<{\n  /** Extra per-row actions, rendered before the built-in Cancel / Delete. */\n  'job-actions'?: (props: { job: JobState }) => unknown\n  /** Row title. Default: the job name. */\n  'job-title'?: (props: { job: JobState }) => unknown\n  /** Detail line under the title. Default: the error, progress message or status. */\n  'job-detail'?: (props: { job: JobState }) => unknown\n}>()\n\nconst STATUS_ICONS: Record<JobStatus, Component> = {\n  running: LoaderCircle,\n  awaiting_input: CircleAlert,\n  queued: Clock,\n  completed: CircleCheck,\n  failed: CircleX,\n  cancelled: CircleSlash,\n}\n\nconst panelRef = ref<HTMLElement | null>(null)\nconst teleportTarget = computed(() => props.teleportTo || 'body')\nconst tray = props.center\nconst titleId = `${tray.panelId}-title`\n// A job waiting for input is the only one that needs a person: pin it first.\nconst activeRows = computed(() => [\n  ...tray.activeJobs.value.filter(job => job.status === 'awaiting_input'),\n  ...tray.activeJobs.value.filter(job => job.status !== 'awaiting_input'),\n])\nconst sections = computed(() => [\n  { key: 'active', title: 'Active', jobs: activeRows.value },\n  { key: 'finished', title: 'Finished', jobs: tray.historyJobs.value },\n].filter(section => section.jobs.length > 0))\nconst headCount = computed(() => {\n  const parts = [\n    [tray.activeJobs.value.length, 'active'],\n    [tray.completedCount.value, 'done'],\n    [tray.historyJobs.value.filter(job => job.status === 'failed').length, 'failed'],\n  ].filter(([n]) => n).map(([n, word]) => `${n} ${word}`)\n  return parts.length ? parts.join(' · ') : 'No jobs'\n})\nconst canClear = computed(() => (\n  tray.deletableJobs.value.length > 0\n  && tray.canClearFinished.value\n))\n\n// Escape returns focus to the element that opened the panel (the top-bar chip).\n// The panel is non-modal, so Escape is heard on the document while it is open.\nlet opener: HTMLElement | null = null\nfunction onDocumentKeydown(event: KeyboardEvent): void {\n  if (event.key === 'Escape') closeTray()\n}\nwatch(tray.isOpen, async (open) => {\n  if (!open) {\n    document.removeEventListener('keydown', onDocumentKeydown)\n    return\n  }\n  opener = document.activeElement instanceof HTMLElement ? document.activeElement : null\n  document.addEventListener('keydown', onDocumentKeydown)\n  await nextTick()\n  panelRef.value?.focus()\n}, { flush: 'sync' })\nonBeforeUnmount(() => document.removeEventListener('keydown', onDocumentKeydown))\n\nfunction closeTray(): void {\n  tray.close()\n  // Safari leaves a clicked button unfocused (opener = body), and the chip node is\n  // replaced when it switches between job chip and idle button: fall back to the\n  // top-bar jobs control.\n  const target = opener?.isConnected && opener !== document.body\n    ? opener\n    : document.querySelector<HTMLElement>('.mint-topbar__job')\n  target?.focus()\n}\n\nfunction progressText(job: JobState): string {\n  if (job.error) return job.error\n  if (job.status === 'awaiting_input') {\n    return job.progress.message || 'Waiting for external input'\n  }\n  if (job.status === 'queued' && job.queue_position > 0) {\n    return `Queue position ${job.queue_position}`\n  }\n  return job.progress.message || job.progress.stage || jobStatusLabel(job.status)\n}\n\nfunction formatTime(value: string | null): string {\n  if (!value) return ''\n  const date = new Date(value)\n  return Number.isNaN(date.getTime())\n    ? ''\n    : date.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })\n}\n\nfunction jobPercent(job: JobState): number {\n  return Math.round(normalizeJobPercent(job.progress.percent))\n}\n\n/** Right-hand value: the percent while a job runs, else when it ended or started. */\nfunction jobValue(job: JobState): string {\n  if (job.status === 'running') return `${jobPercent(job)}%`\n  return formatTime(job.completed_at || job.started_at || job.created_at)\n}\n\nasync function cancelJob(job: JobState): Promise<void> {\n  const succeeded = await tray.cancelJob(job)\n  if (!succeeded && tray.error.value) emit('error', tray.error.value)\n}\n\nasync function deleteJob(job: JobState): Promise<void> {\n  const succeeded = await tray.deleteJob(job)\n  if (!succeeded && tray.error.value) emit('error', tray.error.value)\n}\n\nasync function clearFinished(): Promise<void> {\n  const succeeded = await tray.clearFinished()\n  if (!succeeded && tray.error.value) emit('error', tray.error.value)\n}\n</script>\n\n<template>\n  <Teleport :to=\"teleportTarget\" :disabled=\"teleportTo === false\">\n    <div class=\"mint-jobs-tray\">\n      <!-- Clicks outside close the panel; the page is not dimmed. -->\n      <div\n        v-if=\"tray.isOpen.value\"\n        class=\"mint-jobs-tray__scrim\"\n        aria-hidden=\"true\"\n        @click=\"tray.close()\"\n      />\n\n      <Transition name=\"mint-jobs-tray-fade\">\n        <section\n          v-if=\"tray.isOpen.value\"\n          :id=\"tray.panelId\"\n          ref=\"panelRef\"\n          class=\"mint-jobs-tray__panel\"\n          :aria-labelledby=\"titleId\"\n          tabindex=\"-1\"\n        >\n          <header class=\"mint-jobs-tray__head\">\n            <h2 :id=\"titleId\" class=\"mint-jobs-tray__title\">{{ title }}</h2>\n            <span class=\"mint-jobs-tray__head-count\">{{ headCount }}</span>\n            <button\n              v-if=\"tray.canRefresh.value\"\n              type=\"button\"\n              class=\"mint-jobs-tray__icon-button\"\n              aria-label=\"Refresh jobs\"\n              title=\"Refresh jobs\"\n              :disabled=\"tray.isLoading.value\"\n              @click=\"tray.refresh\"\n            >\n              <RefreshCw :size=\"14\" aria-hidden=\"true\" />\n            </button>\n            <button\n              type=\"button\"\n              class=\"mint-jobs-tray__icon-button\"\n              aria-label=\"Close jobs\"\n              title=\"Close\"\n              @click=\"closeTray\"\n            >\n              <X :size=\"14\" aria-hidden=\"true\" />\n            </button>\n          </header>\n\n          <p v-if=\"tray.error.value\" class=\"mint-jobs-tray__error\" role=\"alert\">\n            {{ tray.error.value }}\n          </p>\n\n          <div class=\"mint-jobs-tray__body\">\n            <p v-if=\"sections.length === 0\" class=\"mint-jobs-tray__empty\">No jobs yet</p>\n\n            <template v-for=\"section in sections\" :key=\"section.key\">\n              <div class=\"mint-jobs-tray__section\" :data-section=\"section.key\">\n                {{ section.title }}\n                <span class=\"mint-jobs-tray__section-count\">· {{ section.jobs.length }}</span>\n                <button\n                  v-if=\"section.key === 'finished' && canClear\"\n                  type=\"button\"\n                  class=\"mint-jobs-tray__section-action\"\n                  @click=\"clearFinished\"\n                >\n                  Clear\n                </button>\n              </div>\n\n              <div\n                v-for=\"job in section.jobs\"\n                :key=\"job.job_id\"\n                class=\"mint-jobs-tray__row\"\n                :class=\"{ 'mint-jobs-tray__row--awaiting-input': job.status === 'awaiting_input' }\"\n                :data-status=\"job.status\"\n              >\n                <component\n                  :is=\"STATUS_ICONS[job.status]\"\n                  :size=\"15\"\n                  :class=\"['mint-jobs-tray__status', `mint-jobs-tray__status--${job.status.replace('_', '-')}`]\"\n                  role=\"img\"\n                  :aria-label=\"jobStatusLabel(job.status)\"\n                />\n                <button type=\"button\" class=\"mint-jobs-tray__row-title\" @click=\"emit('select', job)\">\n                  <slot name=\"job-title\" :job=\"job\">{{ job.name }}</slot>\n                </button>\n                <span class=\"mint-jobs-tray__tools\">\n                  <span class=\"mint-jobs-tray__value\">{{ jobValue(job) }}</span>\n                  <slot name=\"job-actions\" :job=\"job\" />\n                  <button\n                    v-if=\"isActiveJobStatus(job.status) && job.can_cancel && tray.canCancel.value\"\n                    type=\"button\"\n                    class=\"mint-jobs-tray__icon-button mint-jobs-tray__icon-button--danger\"\n                    :aria-label=\"`Cancel ${job.name}`\"\n                    title=\"Cancel\"\n                    :disabled=\"tray.isPending(job)\"\n                    @click=\"cancelJob(job)\"\n                  >\n                    <Square :size=\"12\" aria-hidden=\"true\" />\n                  </button>\n                  <button\n                    v-if=\"job.can_delete && tray.canDelete.value\"\n                    type=\"button\"\n                    class=\"mint-jobs-tray__icon-button\"\n                    :aria-label=\"`Delete ${job.name}`\"\n                    title=\"Delete\"\n                    :disabled=\"tray.isPending(job)\"\n                    @click=\"deleteJob(job)\"\n                  >\n                    <Trash2 :size=\"14\" aria-hidden=\"true\" />\n                  </button>\n                </span>\n                <div\n                  v-if=\"job.status === 'running'\"\n                  class=\"mint-jobs-tray__progress\"\n                  role=\"progressbar\"\n                  :aria-label=\"`${job.name} progress`\"\n                  aria-valuemin=\"0\"\n                  aria-valuemax=\"100\"\n                  :aria-valuenow=\"jobPercent(job)\"\n                >\n                  <span :style=\"{ width: `${jobPercent(job)}%` }\" />\n                </div>\n                <span\n                  class=\"mint-jobs-tray__detail\"\n                  :class=\"{ 'mint-jobs-tray__detail--error': job.status === 'failed' }\"\n                >\n                  <slot name=\"job-detail\" :job=\"job\">{{ progressText(job) }}</slot>\n                </span>\n              </div>\n            </template>\n          </div>\n        </section>\n      </Transition>\n    </div>\n  </Teleport>\n</template>\n","<script setup lang=\"ts\">\n/**\n * Compact, non-modal job panel under the top bar, driven by a job center the parent owns.\n *\n * The parent passes the center's `topBarJob`, `completedCount` and `handleTopBarClick`\n * to `AppTopBar`; its run slot opens this panel. `PluginWorkspaceView` does this for you\n * when its spec sets `jobs`.\n *\n * @example Recommended\n * ```vue\n * <AppTopBar :job=\"center.topBarJob.value\" :jobs-done=\"center.completedCount.value\"\n *   @job-click=\"center.handleTopBarClick(openResult)\" />\n * <JobsStatusTray :center=\"center\" @select=\"openResult\" />\n * ```\n */\nimport { computed, nextTick, onBeforeUnmount, ref, watch, type Component } from 'vue'\nimport {\n  CircleAlert,\n  CircleCheck,\n  CircleSlash,\n  CircleX,\n  Clock,\n  LoaderCircle,\n  RefreshCw,\n  Square,\n  Trash2,\n  X,\n} from 'lucide-vue-next'\n\nimport { isActiveJobStatus, jobStatusLabel, normalizeJobPercent } from '../jobs'\nimport type { UseJobCenterReturn } from '../composables/useJobCenter'\nimport type { JobState, JobStatus } from '../types/jobs'\n\ninterface Props {\n  /** Job center from `useJobCenter()`; the parent owns it and opens the panel through it. */\n  center: UseJobCenterReturn\n  title?: string\n  teleportTo?: string | HTMLElement | false\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  title: 'Jobs',\n  teleportTo: 'body',\n})\n\nconst emit = defineEmits<{\n  select: [job: JobState]\n  error: [message: string]\n}>()\n\ndefineSlots<{\n  /** Extra per-row actions, rendered before the built-in Cancel / Delete. */\n  'job-actions'?: (props: { job: JobState }) => unknown\n  /** Row title. Default: the job name. */\n  'job-title'?: (props: { job: JobState }) => unknown\n  /** Detail line under the title. Default: the error, progress message or status. */\n  'job-detail'?: (props: { job: JobState }) => unknown\n}>()\n\nconst STATUS_ICONS: Record<JobStatus, Component> = {\n  running: LoaderCircle,\n  awaiting_input: CircleAlert,\n  queued: Clock,\n  completed: CircleCheck,\n  failed: CircleX,\n  cancelled: CircleSlash,\n}\n\nconst panelRef = ref<HTMLElement | null>(null)\nconst teleportTarget = computed(() => props.teleportTo || 'body')\nconst tray = props.center\nconst titleId = `${tray.panelId}-title`\n// A job waiting for input is the only one that needs a person: pin it first.\nconst activeRows = computed(() => [\n  ...tray.activeJobs.value.filter(job => job.status === 'awaiting_input'),\n  ...tray.activeJobs.value.filter(job => job.status !== 'awaiting_input'),\n])\nconst sections = computed(() => [\n  { key: 'active', title: 'Active', jobs: activeRows.value },\n  { key: 'finished', title: 'Finished', jobs: tray.historyJobs.value },\n].filter(section => section.jobs.length > 0))\nconst headCount = computed(() => {\n  const parts = [\n    [tray.activeJobs.value.length, 'active'],\n    [tray.completedCount.value, 'done'],\n    [tray.historyJobs.value.filter(job => job.status === 'failed').length, 'failed'],\n  ].filter(([n]) => n).map(([n, word]) => `${n} ${word}`)\n  return parts.length ? parts.join(' · ') : 'No jobs'\n})\nconst canClear = computed(() => (\n  tray.deletableJobs.value.length > 0\n  && tray.canClearFinished.value\n))\n\n// Escape returns focus to the element that opened the panel (the top-bar chip).\n// The panel is non-modal, so Escape is heard on the document while it is open.\nlet opener: HTMLElement | null = null\nfunction onDocumentKeydown(event: KeyboardEvent): void {\n  if (event.key === 'Escape') closeTray()\n}\nwatch(tray.isOpen, async (open) => {\n  if (!open) {\n    document.removeEventListener('keydown', onDocumentKeydown)\n    return\n  }\n  opener = document.activeElement instanceof HTMLElement ? document.activeElement : null\n  document.addEventListener('keydown', onDocumentKeydown)\n  await nextTick()\n  panelRef.value?.focus()\n}, { flush: 'sync' })\nonBeforeUnmount(() => document.removeEventListener('keydown', onDocumentKeydown))\n\nfunction closeTray(): void {\n  tray.close()\n  // Safari leaves a clicked button unfocused (opener = body), and the chip node is\n  // replaced when it switches between job chip and idle button: fall back to the\n  // top-bar jobs control.\n  const target = opener?.isConnected && opener !== document.body\n    ? opener\n    : document.querySelector<HTMLElement>('.mint-topbar__job')\n  target?.focus()\n}\n\nfunction progressText(job: JobState): string {\n  if (job.error) return job.error\n  if (job.status === 'awaiting_input') {\n    return job.progress.message || 'Waiting for external input'\n  }\n  if (job.status === 'queued' && job.queue_position > 0) {\n    return `Queue position ${job.queue_position}`\n  }\n  return job.progress.message || job.progress.stage || jobStatusLabel(job.status)\n}\n\nfunction formatTime(value: string | null): string {\n  if (!value) return ''\n  const date = new Date(value)\n  return Number.isNaN(date.getTime())\n    ? ''\n    : date.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })\n}\n\nfunction jobPercent(job: JobState): number {\n  return Math.round(normalizeJobPercent(job.progress.percent))\n}\n\n/** Right-hand value: the percent while a job runs, else when it ended or started. */\nfunction jobValue(job: JobState): string {\n  if (job.status === 'running') return `${jobPercent(job)}%`\n  return formatTime(job.completed_at || job.started_at || job.created_at)\n}\n\nasync function cancelJob(job: JobState): Promise<void> {\n  const succeeded = await tray.cancelJob(job)\n  if (!succeeded && tray.error.value) emit('error', tray.error.value)\n}\n\nasync function deleteJob(job: JobState): Promise<void> {\n  const succeeded = await tray.deleteJob(job)\n  if (!succeeded && tray.error.value) emit('error', tray.error.value)\n}\n\nasync function clearFinished(): Promise<void> {\n  const succeeded = await tray.clearFinished()\n  if (!succeeded && tray.error.value) emit('error', tray.error.value)\n}\n</script>\n\n<template>\n  <Teleport :to=\"teleportTarget\" :disabled=\"teleportTo === false\">\n    <div class=\"mint-jobs-tray\">\n      <!-- Clicks outside close the panel; the page is not dimmed. -->\n      <div\n        v-if=\"tray.isOpen.value\"\n        class=\"mint-jobs-tray__scrim\"\n        aria-hidden=\"true\"\n        @click=\"tray.close()\"\n      />\n\n      <Transition name=\"mint-jobs-tray-fade\">\n        <section\n          v-if=\"tray.isOpen.value\"\n          :id=\"tray.panelId\"\n          ref=\"panelRef\"\n          class=\"mint-jobs-tray__panel\"\n          :aria-labelledby=\"titleId\"\n          tabindex=\"-1\"\n        >\n          <header class=\"mint-jobs-tray__head\">\n            <h2 :id=\"titleId\" class=\"mint-jobs-tray__title\">{{ title }}</h2>\n            <span class=\"mint-jobs-tray__head-count\">{{ headCount }}</span>\n            <button\n              v-if=\"tray.canRefresh.value\"\n              type=\"button\"\n              class=\"mint-jobs-tray__icon-button\"\n              aria-label=\"Refresh jobs\"\n              title=\"Refresh jobs\"\n              :disabled=\"tray.isLoading.value\"\n              @click=\"tray.refresh\"\n            >\n              <RefreshCw :size=\"14\" aria-hidden=\"true\" />\n            </button>\n            <button\n              type=\"button\"\n              class=\"mint-jobs-tray__icon-button\"\n              aria-label=\"Close jobs\"\n              title=\"Close\"\n              @click=\"closeTray\"\n            >\n              <X :size=\"14\" aria-hidden=\"true\" />\n            </button>\n          </header>\n\n          <p v-if=\"tray.error.value\" class=\"mint-jobs-tray__error\" role=\"alert\">\n            {{ tray.error.value }}\n          </p>\n\n          <div class=\"mint-jobs-tray__body\">\n            <p v-if=\"sections.length === 0\" class=\"mint-jobs-tray__empty\">No jobs yet</p>\n\n            <template v-for=\"section in sections\" :key=\"section.key\">\n              <div class=\"mint-jobs-tray__section\" :data-section=\"section.key\">\n                {{ section.title }}\n                <span class=\"mint-jobs-tray__section-count\">· {{ section.jobs.length }}</span>\n                <button\n                  v-if=\"section.key === 'finished' && canClear\"\n                  type=\"button\"\n                  class=\"mint-jobs-tray__section-action\"\n                  @click=\"clearFinished\"\n                >\n                  Clear\n                </button>\n              </div>\n\n              <div\n                v-for=\"job in section.jobs\"\n                :key=\"job.job_id\"\n                class=\"mint-jobs-tray__row\"\n                :class=\"{ 'mint-jobs-tray__row--awaiting-input': job.status === 'awaiting_input' }\"\n                :data-status=\"job.status\"\n              >\n                <component\n                  :is=\"STATUS_ICONS[job.status]\"\n                  :size=\"15\"\n                  :class=\"['mint-jobs-tray__status', `mint-jobs-tray__status--${job.status.replace('_', '-')}`]\"\n                  role=\"img\"\n                  :aria-label=\"jobStatusLabel(job.status)\"\n                />\n                <button type=\"button\" class=\"mint-jobs-tray__row-title\" @click=\"emit('select', job)\">\n                  <slot name=\"job-title\" :job=\"job\">{{ job.name }}</slot>\n                </button>\n                <span class=\"mint-jobs-tray__tools\">\n                  <span class=\"mint-jobs-tray__value\">{{ jobValue(job) }}</span>\n                  <slot name=\"job-actions\" :job=\"job\" />\n                  <button\n                    v-if=\"isActiveJobStatus(job.status) && job.can_cancel && tray.canCancel.value\"\n                    type=\"button\"\n                    class=\"mint-jobs-tray__icon-button mint-jobs-tray__icon-button--danger\"\n                    :aria-label=\"`Cancel ${job.name}`\"\n                    title=\"Cancel\"\n                    :disabled=\"tray.isPending(job)\"\n                    @click=\"cancelJob(job)\"\n                  >\n                    <Square :size=\"12\" aria-hidden=\"true\" />\n                  </button>\n                  <button\n                    v-if=\"job.can_delete && tray.canDelete.value\"\n                    type=\"button\"\n                    class=\"mint-jobs-tray__icon-button\"\n                    :aria-label=\"`Delete ${job.name}`\"\n                    title=\"Delete\"\n                    :disabled=\"tray.isPending(job)\"\n                    @click=\"deleteJob(job)\"\n                  >\n                    <Trash2 :size=\"14\" aria-hidden=\"true\" />\n                  </button>\n                </span>\n                <div\n                  v-if=\"job.status === 'running'\"\n                  class=\"mint-jobs-tray__progress\"\n                  role=\"progressbar\"\n                  :aria-label=\"`${job.name} progress`\"\n                  aria-valuemin=\"0\"\n                  aria-valuemax=\"100\"\n                  :aria-valuenow=\"jobPercent(job)\"\n                >\n                  <span :style=\"{ width: `${jobPercent(job)}%` }\" />\n                </div>\n                <span\n                  class=\"mint-jobs-tray__detail\"\n                  :class=\"{ 'mint-jobs-tray__detail--error': job.status === 'failed' }\"\n                >\n                  <slot name=\"job-detail\" :job=\"job\">{{ progressText(job) }}</slot>\n                </span>\n              </div>\n            </template>\n          </div>\n        </section>\n      </Transition>\n    </div>\n  </Teleport>\n</template>\n","import {\n  getCurrentScope,\n  onScopeDispose,\n  readonly,\n  ref,\n  toValue,\n  watch,\n  type MaybeRefOrGetter,\n  type Ref,\n} from 'vue'\n\n/**\n * One event of the platform's realtime stream (`GET /api/events`).\n *\n * Platform events carry no entity data: refetch the entity through REST.\n * `type` is `resync` (refetch everything you show), the audit action of a\n * committed write, such as `experiment.update` or `analysis.artifact_create`,\n * or the `\"<plugin>.<event>\"` name of a plugin event, which carries `payload`.\n * Only `usePresence` receives `presence.changed`.\n */\nexport interface RealtimeEvent {\n  type: string\n  id?: string\n  /**\n   * `experiment:{id}`, `project:{id}`, `experiments`, `user:{id}`, or a plugin's\n   * `plugin:{name}` / `plugin:{name}:experiment:{id}`; absent on `resync`.\n   */\n  topic?: string\n  /** A plugin event: the JSON payload the plugin published (at most 16 KiB). */\n  payload?: unknown\n  /** Changed fields of an update, when the write names them. */\n  fields?: string[] | null\n  actor_id?: string | null\n  request_id?: string | null\n  at?: string\n  /** `presence.changed`: the topic's viewers (at most 20, `editing` first). */\n  viewers?: { user_id: string, activity: string }[]\n  /** `presence.changed`: the number of viewers, also those beyond `viewers`. */\n  count?: number\n}\n\nexport type RealtimeHandler = (event: RealtimeEvent) => void\n\nexport interface UseRealtimeReturn {\n  /** True while the shared stream is open. */\n  connected: Readonly<Ref<boolean>>\n  /** Unsubscribe; also runs when the calling component or effect scope is disposed. */\n  stop: () => void\n}\n\nconst EVENTS_URL = '/api/events'\nconst RECONNECT_BASE_MS = 1_000\nconst RECONNECT_MAX_MS = 30_000\n/** Merges the subscriptions of components that mount together into one connection. */\nconst TOPIC_DEBOUNCE_MS = 50\nconst RESYNC: RealtimeEvent = { type: 'resync' }\n\ninterface Listener {\n  topics: () => string[]\n  handler: RealtimeHandler\n  /** Receives `presence.changed`; a write listener would refetch on each viewer change. */\n  presence: boolean\n}\n\nconst listeners = new Set<Listener>()\n/** The last `presence.changed` of each topic of the open stream; the server sends one per topic at open. */\nconst presence = new Map<string, RealtimeEvent>()\nconst connected = ref(false)\nlet source: EventSource | null = null\nlet sourceTopics = ''\nlet failures = 0\nlet syncTimer: ReturnType<typeof setTimeout> | null = null\nlet retryTimer: ReturnType<typeof setTimeout> | null = null\n\nfunction dispatch(event: RealtimeEvent): void {\n  const isPresence = event.type === 'presence.changed'\n  if (isPresence && event.topic) presence.set(event.topic, event)\n  for (const listener of [...listeners]) {\n    if (isPresence && !listener.presence) continue\n    if (event.type === 'resync' || (event.topic && listener.topics().includes(event.topic))) {\n      listener.handler(event)\n    }\n  }\n}\n\nfunction close(): void {\n  source?.close()\n  source = null\n  sourceTopics = ''\n  presence.clear()\n  connected.value = false\n}\n\nfunction open(topics: string): void {\n  const stream = new EventSource(`${EVENTS_URL}?topics=${encodeURIComponent(topics)}`)\n  source = stream\n  sourceTopics = topics\n  stream.onopen = () => {\n    connected.value = true\n    // The server subscribes only now: a write between a caller's REST load (or\n    // the close of the previous stream) and this point sent no event, so every caller refetches.\n    dispatch(RESYNC)\n    failures = 0\n  }\n  stream.onmessage = (message) => {\n    dispatch(JSON.parse(message.data) as RealtimeEvent)\n  }\n  stream.onerror = () => {\n    // EventSource retries a dropped connection itself but gives up after an\n    // HTTP error, so one backoff path handles both.\n    if (source !== stream) return\n    close()\n    // A topic change during the wait does not shorten it: the retry reads the topics when it runs.\n    if (syncTimer !== null) clearTimeout(syncTimer)\n    syncTimer = null\n    retryTimer = setTimeout(() => {\n      retryTimer = null\n      sync()\n    }, Math.min(RECONNECT_MAX_MS, RECONNECT_BASE_MS * 2 ** failures))\n    failures += 1\n  }\n}\n\nfunction sync(): void {\n  syncTimer = null\n  const topics = [...new Set([...listeners].flatMap(listener => listener.topics()))].sort().join(',')\n  if (source && topics === sourceTopics) return\n  close()\n  if (topics) open(topics)\n}\n\nfunction schedule(): void {\n  if (retryTimer !== null) return\n  if (syncTimer !== null) clearTimeout(syncTimer)\n  syncTimer = setTimeout(sync, TOPIC_DEBOUNCE_MS)\n}\n\n/**\n * Subscribe to topics of the platform's realtime stream.\n *\n * Every caller in a tab shares one `EventSource`, opened on the union of\n * their topics and reopened when that union changes. `handler` receives the\n * write events of the caller's own topics (not `presence.changed`, which goes\n * to `usePresence`) plus every `resync`: one comes from the\n * server when this tab fell behind, and one follows each open of the stream:\n * the first open, each reconnect (backoff from 1 s to 30 s) and each reopen for\n * a changed topic union. On `resync`, refetch. The union of all callers' topics\n * in a tab may hold at most 50 topics; the platform refuses a larger stream.\n *\n * The stream authenticates with the session cookie, so it works in the\n * platform and in plugin frontends served by it. It exists only when the\n * platform's `realtime` feature flag is on; check that flag first.\n *\n * A plugin topic reaches a caller whose role may use the plugin; an\n * experiment plugin topic also needs a caller who may view the experiment.\n *\n * @example\n * useRealtime(() => [`experiment:${id.value}`], () => refetch())\n * @example\n * useRealtime(['plugin:drp'], (event) => {\n *   if (event.type === 'drp.run.progress') progress.value = event.payload as RunProgress\n * })\n */\nexport function useRealtime(\n  topics: MaybeRefOrGetter<string[]>,\n  handler: RealtimeHandler,\n): UseRealtimeReturn {\n  return subscribeRealtime(topics, handler, false)\n}\n\n/** The last `presence.changed` of `topic` while the open stream views it (for `usePresence`). */\nexport function currentPresence(topic: string): RealtimeEvent | undefined {\n  return presence.get(topic)\n}\n\n/** `useRealtime`, and with `withPresence` also the `presence.changed` events (for `usePresence`). */\nexport function subscribeRealtime(\n  topics: MaybeRefOrGetter<string[]>,\n  handler: RealtimeHandler,\n  withPresence: boolean,\n): UseRealtimeReturn {\n  const listener: Listener = { topics: () => toValue(topics), handler, presence: withPresence }\n  listeners.add(listener)\n  const stopWatch = watch(() => listener.topics().join(','), () => schedule())\n  schedule()\n\n  function stop(): void {\n    stopWatch()\n    if (listeners.delete(listener)) schedule()\n  }\n\n  if (getCurrentScope()) onScopeDispose(stop)\n  return { connected: readonly(connected), stop }\n}\n"],"mappings":"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"}

package/dist/{useRequest-C9uwM79q.js → useRequest-CDkrXNU7.js}

@@ -1,6 +1,6 @@
 import { a as BaseButton_default, t as useDropdownState } from "./useDropdownState-Bb2N4m40.js";
 import { r as readErrorMessage } from "./experiment-DyO54FQB.js";
-import { E as useMenuKeyboard } from "./records-B4yl2oIu.js";
+import { E as useMenuKeyboard } from "./records-CR_pYzIP.js";
 import { Fragment, Teleport, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, nextTick, normalizeClass, normalizeStyle, onMounted, openBlock, ref, renderList, renderSlot, toDisplayString, unref, watch } from "vue";
 import { Check, Ellipsis } from "lucide-vue-next";
 import { computePosition, flip, offset, shift } from "@floating-ui/dom";
@@ -241,4 +241,4 @@ function useRequest(defaultErrorMessage = "Request failed.") {
 //#endregion
 export { ActionMenu_default as n, useRequest as t };
 
-//# sourceMappingURL=useRequest-C9uwM79q.js.map
+//# sourceMappingURL=useRequest-CDkrXNU7.js.map

package/dist/{useRequest-C9uwM79q.js.map → useRequest-CDkrXNU7.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useRequest-C9uwM79q.js","names":[],"sources":["../src/components/ActionMenu.vue","../src/components/ActionMenu.vue","../src/composables/useRequest.ts"],"sourcesContent":["<script setup lang=\"ts\">\n/** Compact overflow actions with an icon-only BaseButton trigger and a viewport-safe teleported menu. */\nimport { computePosition, flip, offset, shift } from '@floating-ui/dom'\nimport { Check, Ellipsis } from 'lucide-vue-next'\nimport { nextTick, onMounted, ref, watch } from 'vue'\nimport { useDropdownState } from '../composables/useDropdownState'\nimport { useMenuKeyboard } from '../composables/useMenuKeyboard'\nimport type { ActionMenuItem } from '../types/components'\nimport BaseButton from './BaseButton.vue'\n\ninterface Props {\n  label: string\n  items: ActionMenuItem[]\n  disabled?: boolean\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  disabled: false,\n})\n\nconst emit = defineEmits<{\n  select: [item: ActionMenuItem]\n  open: []\n  close: []\n}>()\n\ndefineSlots<{\n  /** Replaces the ellipsis button; `toggle` and `keydown` go on the slotted button. */\n  trigger?: (props: { open: boolean; toggle: () => void; keydown: (event: KeyboardEvent) => void }) => unknown\n}>()\n\nconst panelRef = ref<HTMLElement | null>(null)\nconst panelStyle = ref<Record<string, string>>({ visibility: 'hidden' })\n\n// Disclosure state (outside-click, Escape, scroll/resize closing, focus return)\n// comes from the shared composable; only floating-ui placement stays local.\nconst { isOpen, rootRef, triggerRef, open, close } = useDropdownState({\n  closeOnScroll: true,\n  insideRefs: [panelRef],\n  onOpen: () => {\n    panelStyle.value = { visibility: 'hidden' }\n    emit('open')\n  },\n  onClose: () => emit('close'),\n})\n\n// BaseButton owns the actual <button>, so the trigger element is resolved from\n// the wrapper once mounted rather than bound with a template ref.\nonMounted(() => {\n  triggerRef.value = rootRef.value?.querySelector('button') ?? null\n})\n\nfunction menuItems(): HTMLElement[] {\n  if (!panelRef.value) return []\n  return Array.from(\n    panelRef.value.querySelectorAll<HTMLElement>('.mint-action-menu__item:not(:disabled)'),\n  )\n}\n\nasync function positionPanel() {\n  const trigger = triggerRef.value\n  const panel = panelRef.value\n  if (!trigger || !panel) return\n\n  const position = await computePosition(trigger, panel, {\n    placement: 'bottom-end',\n    strategy: 'fixed',\n    middleware: [\n      offset(4),\n      flip(),\n      shift({ padding: 8 }),\n    ],\n  })\n  panelStyle.value = {\n    left: `${position.x}px`,\n    top: `${position.y}px`,\n    visibility: 'visible',\n  }\n}\n\n/** `focusFirst` is false when the keyboard composable owns the initial focus. */\nfunction openMenu(focusFirst = true) {\n  if (props.disabled || isOpen.value) return\n  open()\n  if (focusFirst) {\n    void nextTick(() => menuItems()[0]?.focus())\n  }\n}\n\nfunction toggleMenu() {\n  if (props.disabled) return\n  if (isOpen.value) close()\n  else openMenu()\n}\n\nconst { handleTriggerKeydown, handlePanelKeydown } = useMenuKeyboard({\n  items: menuItems,\n  isOpen: () => isOpen.value,\n  open: () => openMenu(false),\n  close,\n})\n\nfunction handleSelect(item: ActionMenuItem) {\n  if (item.disabled) return\n  emit('select', item)\n  close()\n}\n\nwatch(isOpen, async (opened) => {\n  if (!opened) return\n  await nextTick()\n  await positionPanel()\n})\n</script>\n\n<template>\n  <span ref=\"rootRef\" class=\"mint-action-menu\">\n    <!-- A custom trigger must render one <button> and wire toggle + keydown to it. -->\n    <slot name=\"trigger\" :open=\"isOpen\" :toggle=\"toggleMenu\" :keydown=\"handleTriggerKeydown\">\n      <BaseButton\n        variant=\"secondary\"\n        size=\"sm\"\n        :icon=\"Ellipsis\"\n        :label=\"label\"\n        :disabled=\"disabled\"\n        aria-haspopup=\"menu\"\n        :aria-expanded=\"isOpen\"\n        @click=\"toggleMenu\"\n        @keydown=\"handleTriggerKeydown\"\n      />\n    </slot>\n  </span>\n\n  <Teleport to=\"body\">\n    <div\n      v-if=\"isOpen\"\n      ref=\"panelRef\"\n      class=\"mint-popover mint-action-menu__panel\"\n      :style=\"panelStyle\"\n      role=\"menu\"\n      @keydown=\"handlePanelKeydown\"\n    >\n      <template v-for=\"(item, index) in items\" :key=\"item.id\">\n        <div\n          v-if=\"item.danger && index > 0 && !items[index - 1].danger\"\n          class=\"mint-menu-separator\"\n          role=\"separator\"\n        />\n        <a\n          v-if=\"item.href !== undefined && !item.disabled\"\n          :href=\"item.href\"\n          :target=\"item.target\"\n          :rel=\"item.target === '_blank' ? 'noopener noreferrer' : undefined\"\n          :class=\"['mint-menu-item mint-action-menu__item', { 'mint-menu-item--danger mint-action-menu__item--danger': item.danger }]\"\n          role=\"menuitem\"\n          @click=\"handleSelect(item)\"\n        >\n          {{ item.label }}\n        </a>\n        <button\n          v-else\n          type=\"button\"\n          :class=\"['mint-menu-item mint-action-menu__item', { 'mint-menu-item--danger mint-action-menu__item--danger': item.danger }]\"\n          :role=\"item.checked === undefined ? 'menuitem' : 'menuitemradio'\"\n          :aria-checked=\"item.checked\"\n          :disabled=\"item.disabled\"\n          @click=\"handleSelect(item)\"\n        >\n          <Check\n            v-if=\"item.checked !== undefined\"\n            class=\"mint-action-menu__check\"\n            :class=\"{ 'mint-action-menu__check--off': !item.checked }\"\n            :size=\"14\"\n            aria-hidden=\"true\"\n          />\n          {{ item.label }}\n        </button>\n      </template>\n    </div>\n  </Teleport>\n</template>\n","<script setup lang=\"ts\">\n/** Compact overflow actions with an icon-only BaseButton trigger and a viewport-safe teleported menu. */\nimport { computePosition, flip, offset, shift } from '@floating-ui/dom'\nimport { Check, Ellipsis } from 'lucide-vue-next'\nimport { nextTick, onMounted, ref, watch } from 'vue'\nimport { useDropdownState } from '../composables/useDropdownState'\nimport { useMenuKeyboard } from '../composables/useMenuKeyboard'\nimport type { ActionMenuItem } from '../types/components'\nimport BaseButton from './BaseButton.vue'\n\ninterface Props {\n  label: string\n  items: ActionMenuItem[]\n  disabled?: boolean\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  disabled: false,\n})\n\nconst emit = defineEmits<{\n  select: [item: ActionMenuItem]\n  open: []\n  close: []\n}>()\n\ndefineSlots<{\n  /** Replaces the ellipsis button; `toggle` and `keydown` go on the slotted button. */\n  trigger?: (props: { open: boolean; toggle: () => void; keydown: (event: KeyboardEvent) => void }) => unknown\n}>()\n\nconst panelRef = ref<HTMLElement | null>(null)\nconst panelStyle = ref<Record<string, string>>({ visibility: 'hidden' })\n\n// Disclosure state (outside-click, Escape, scroll/resize closing, focus return)\n// comes from the shared composable; only floating-ui placement stays local.\nconst { isOpen, rootRef, triggerRef, open, close } = useDropdownState({\n  closeOnScroll: true,\n  insideRefs: [panelRef],\n  onOpen: () => {\n    panelStyle.value = { visibility: 'hidden' }\n    emit('open')\n  },\n  onClose: () => emit('close'),\n})\n\n// BaseButton owns the actual <button>, so the trigger element is resolved from\n// the wrapper once mounted rather than bound with a template ref.\nonMounted(() => {\n  triggerRef.value = rootRef.value?.querySelector('button') ?? null\n})\n\nfunction menuItems(): HTMLElement[] {\n  if (!panelRef.value) return []\n  return Array.from(\n    panelRef.value.querySelectorAll<HTMLElement>('.mint-action-menu__item:not(:disabled)'),\n  )\n}\n\nasync function positionPanel() {\n  const trigger = triggerRef.value\n  const panel = panelRef.value\n  if (!trigger || !panel) return\n\n  const position = await computePosition(trigger, panel, {\n    placement: 'bottom-end',\n    strategy: 'fixed',\n    middleware: [\n      offset(4),\n      flip(),\n      shift({ padding: 8 }),\n    ],\n  })\n  panelStyle.value = {\n    left: `${position.x}px`,\n    top: `${position.y}px`,\n    visibility: 'visible',\n  }\n}\n\n/** `focusFirst` is false when the keyboard composable owns the initial focus. */\nfunction openMenu(focusFirst = true) {\n  if (props.disabled || isOpen.value) return\n  open()\n  if (focusFirst) {\n    void nextTick(() => menuItems()[0]?.focus())\n  }\n}\n\nfunction toggleMenu() {\n  if (props.disabled) return\n  if (isOpen.value) close()\n  else openMenu()\n}\n\nconst { handleTriggerKeydown, handlePanelKeydown } = useMenuKeyboard({\n  items: menuItems,\n  isOpen: () => isOpen.value,\n  open: () => openMenu(false),\n  close,\n})\n\nfunction handleSelect(item: ActionMenuItem) {\n  if (item.disabled) return\n  emit('select', item)\n  close()\n}\n\nwatch(isOpen, async (opened) => {\n  if (!opened) return\n  await nextTick()\n  await positionPanel()\n})\n</script>\n\n<template>\n  <span ref=\"rootRef\" class=\"mint-action-menu\">\n    <!-- A custom trigger must render one <button> and wire toggle + keydown to it. -->\n    <slot name=\"trigger\" :open=\"isOpen\" :toggle=\"toggleMenu\" :keydown=\"handleTriggerKeydown\">\n      <BaseButton\n        variant=\"secondary\"\n        size=\"sm\"\n        :icon=\"Ellipsis\"\n        :label=\"label\"\n        :disabled=\"disabled\"\n        aria-haspopup=\"menu\"\n        :aria-expanded=\"isOpen\"\n        @click=\"toggleMenu\"\n        @keydown=\"handleTriggerKeydown\"\n      />\n    </slot>\n  </span>\n\n  <Teleport to=\"body\">\n    <div\n      v-if=\"isOpen\"\n      ref=\"panelRef\"\n      class=\"mint-popover mint-action-menu__panel\"\n      :style=\"panelStyle\"\n      role=\"menu\"\n      @keydown=\"handlePanelKeydown\"\n    >\n      <template v-for=\"(item, index) in items\" :key=\"item.id\">\n        <div\n          v-if=\"item.danger && index > 0 && !items[index - 1].danger\"\n          class=\"mint-menu-separator\"\n          role=\"separator\"\n        />\n        <a\n          v-if=\"item.href !== undefined && !item.disabled\"\n          :href=\"item.href\"\n          :target=\"item.target\"\n          :rel=\"item.target === '_blank' ? 'noopener noreferrer' : undefined\"\n          :class=\"['mint-menu-item mint-action-menu__item', { 'mint-menu-item--danger mint-action-menu__item--danger': item.danger }]\"\n          role=\"menuitem\"\n          @click=\"handleSelect(item)\"\n        >\n          {{ item.label }}\n        </a>\n        <button\n          v-else\n          type=\"button\"\n          :class=\"['mint-menu-item mint-action-menu__item', { 'mint-menu-item--danger mint-action-menu__item--danger': item.danger }]\"\n          :role=\"item.checked === undefined ? 'menuitem' : 'menuitemradio'\"\n          :aria-checked=\"item.checked\"\n          :disabled=\"item.disabled\"\n          @click=\"handleSelect(item)\"\n        >\n          <Check\n            v-if=\"item.checked !== undefined\"\n            class=\"mint-action-menu__check\"\n            :class=\"{ 'mint-action-menu__check--off': !item.checked }\"\n            :size=\"14\"\n            aria-hidden=\"true\"\n          />\n          {{ item.label }}\n        </button>\n      </template>\n    </div>\n  </Teleport>\n</template>\n","import { ref, type Ref } from 'vue'\nimport { readErrorMessage as readSharedErrorMessage } from '../utils/errors'\n\nexport type RequestKind = 'load' | 'save' | 'run'\n\n/**\n * The unit of work `run()` drives.\n *\n * It receives an `AbortSignal` that fires when the run is superseded by a\n * newer `run()` or by `cancel()`. Zero-argument operations stay valid and\n * simply ignore it.\n */\nexport type RequestOperation<T> = (signal: AbortSignal) => Promise<T>\n\nexport interface RequestRunOptions {\n  /** Which timestamp a successful run moves: `lastLoadedAt`, `lastSavedAt` or `lastRunAt`. */\n  kind?: RequestKind\n  errorMessage?: string\n  /**\n   * Abort the previously started run when this one starts. Default `true`;\n   * pass `false` to let overlapping runs finish their own work (the stale\n   * guard on shared state still applies either way).\n   */\n  abortPrevious?: boolean\n  /** Caller-owned signal; aborting it aborts this run's signal too. */\n  signal?: AbortSignal\n}\n\nexport interface UseRequestReturn {\n  /** Whether a request is in progress. */\n  isLoading: Ref<boolean>\n  /** Message from the last failed request, or null. */\n  error: Ref<string | null>\n  /** Timestamp of the last successful load operation, or null. */\n  lastLoadedAt: Ref<Date | null>\n  /** Timestamp of the last successful save operation, or null. */\n  lastSavedAt: Ref<Date | null>\n  /** Timestamp of the last successful run operation, or null. */\n  lastRunAt: Ref<Date | null>\n  /** Clear the current error without changing loading or timestamps. */\n  clearError: () => void\n  /** Convert thrown values into a developer-facing error message. */\n  readErrorMessage: (value: unknown, fallback?: string) => string\n  /** Store and return a normalized error message. */\n  setError: (value: unknown, fallback?: string) => string\n  /**\n   * Run a request with shared loading/error handling and optional sync marking.\n   *\n   * ## Stale-response semantics\n   *\n   * Every call takes a monotonically increasing token. Starting a run\n   * supersedes any run started before it, and a superseded run writes **no**\n   * shared state when it finally settles: it does not clear `isLoading`, does not\n   * set `error`, and does not move `lastLoadedAt` / `lastSavedAt` / `lastRunAt`.\n   * Only the newest run owns those.\n   *\n   * The caller's own promise is untouched by the guard — a superseded run still\n   * resolves with its value or rejects with its own error, exactly as the\n   * operation did. The guard never invents a rejection, so a caller awaiting\n   * `run()` never sees a \"superseded\" error it did not cause.\n   *\n   * The operation additionally receives an `AbortSignal` that fires when its\n   * run is superseded or `cancel()` is called, so an operation that forwards\n   * the signal (`fetch(url, { signal })`) stops work instead of racing.\n   */\n  run: <T>(operation: RequestOperation<T>, options?: RequestRunOptions) => Promise<T>\n  /**\n   * Abort the in-flight run and drop `isLoading`. The aborted run's completion\n   * is treated as stale and writes no state.\n   */\n  cancel: () => void\n}\n\n/** Loading, error and timestamp state for one request at a time; `run()` drives it. */\nexport function useRequest(\n  defaultErrorMessage = 'Request failed.',\n): UseRequestReturn {\n  const isLoading = ref(false)\n  const error = ref<string | null>(null)\n  const lastLoadedAt = ref<Date | null>(null)\n  const lastSavedAt = ref<Date | null>(null)\n  const lastRunAt = ref<Date | null>(null)\n\n  function clearError(): void {\n    error.value = null\n  }\n\n  function readErrorMessage(value: unknown, fallback = defaultErrorMessage): string {\n    return readSharedErrorMessage(value, fallback)\n  }\n\n  function setError(value: unknown, fallback?: string): string {\n    const message = readErrorMessage(value, fallback)\n    error.value = message\n    return message\n  }\n\n  // Monotonic token guarding every write to the shared loading/error/timestamp\n  // state. Overlapping runs settle in any order, and a superseded one must not\n  // clear a newer run's loading flag or overwrite its error.\n  let runToken = 0\n  let activeController: AbortController | null = null\n\n  function cancel(): void {\n    runToken += 1\n    activeController?.abort()\n    activeController = null\n    isLoading.value = false\n  }\n\n  async function run<T>(\n    operation: RequestOperation<T>,\n    options: RequestRunOptions = {},\n  ): Promise<T> {\n    if (options.abortPrevious !== false) {\n      activeController?.abort()\n    }\n\n    const token = (runToken += 1)\n    const controller = new AbortController()\n    activeController = controller\n\n    const callerSignal = options.signal\n    if (callerSignal) {\n      if (callerSignal.aborted) controller.abort(callerSignal.reason)\n      else callerSignal.addEventListener(\n        'abort',\n        () => controller.abort(callerSignal.reason),\n        { once: true },\n      )\n    }\n\n    const isCurrent = (): boolean => token === runToken\n\n    isLoading.value = true\n    clearError()\n    try {\n      const response = await operation(controller.signal)\n      if (isCurrent() && options.kind) {\n        const settledAt = new Date()\n        if (options.kind === 'load') lastLoadedAt.value = settledAt\n        else if (options.kind === 'save') lastSavedAt.value = settledAt\n        else lastRunAt.value = settledAt\n      }\n      return response\n    } catch (err) {\n      if (isCurrent()) {\n        setError(err, options.errorMessage)\n      }\n      throw err\n    } finally {\n      if (isCurrent()) {\n        isLoading.value = false\n      }\n      if (activeController === controller) {\n        activeController = null\n      }\n    }\n  }\n\n  return {\n    isLoading,\n    error,\n    lastLoadedAt,\n    lastSavedAt,\n    lastRunAt,\n    clearError,\n    readErrorMessage,\n    setError,\n    run,\n    cancel,\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"useRequest-CDkrXNU7.js","names":[],"sources":["../src/components/ActionMenu.vue","../src/components/ActionMenu.vue","../src/composables/useRequest.ts"],"sourcesContent":["<script setup lang=\"ts\">\n/** Compact overflow actions with an icon-only BaseButton trigger and a viewport-safe teleported menu. */\nimport { computePosition, flip, offset, shift } from '@floating-ui/dom'\nimport { Check, Ellipsis } from 'lucide-vue-next'\nimport { nextTick, onMounted, ref, watch } from 'vue'\nimport { useDropdownState } from '../composables/useDropdownState'\nimport { useMenuKeyboard } from '../composables/useMenuKeyboard'\nimport type { ActionMenuItem } from '../types/components'\nimport BaseButton from './BaseButton.vue'\n\ninterface Props {\n  label: string\n  items: ActionMenuItem[]\n  disabled?: boolean\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  disabled: false,\n})\n\nconst emit = defineEmits<{\n  select: [item: ActionMenuItem]\n  open: []\n  close: []\n}>()\n\ndefineSlots<{\n  /** Replaces the ellipsis button; `toggle` and `keydown` go on the slotted button. */\n  trigger?: (props: { open: boolean; toggle: () => void; keydown: (event: KeyboardEvent) => void }) => unknown\n}>()\n\nconst panelRef = ref<HTMLElement | null>(null)\nconst panelStyle = ref<Record<string, string>>({ visibility: 'hidden' })\n\n// Disclosure state (outside-click, Escape, scroll/resize closing, focus return)\n// comes from the shared composable; only floating-ui placement stays local.\nconst { isOpen, rootRef, triggerRef, open, close } = useDropdownState({\n  closeOnScroll: true,\n  insideRefs: [panelRef],\n  onOpen: () => {\n    panelStyle.value = { visibility: 'hidden' }\n    emit('open')\n  },\n  onClose: () => emit('close'),\n})\n\n// BaseButton owns the actual <button>, so the trigger element is resolved from\n// the wrapper once mounted rather than bound with a template ref.\nonMounted(() => {\n  triggerRef.value = rootRef.value?.querySelector('button') ?? null\n})\n\nfunction menuItems(): HTMLElement[] {\n  if (!panelRef.value) return []\n  return Array.from(\n    panelRef.value.querySelectorAll<HTMLElement>('.mint-action-menu__item:not(:disabled)'),\n  )\n}\n\nasync function positionPanel() {\n  const trigger = triggerRef.value\n  const panel = panelRef.value\n  if (!trigger || !panel) return\n\n  const position = await computePosition(trigger, panel, {\n    placement: 'bottom-end',\n    strategy: 'fixed',\n    middleware: [\n      offset(4),\n      flip(),\n      shift({ padding: 8 }),\n    ],\n  })\n  panelStyle.value = {\n    left: `${position.x}px`,\n    top: `${position.y}px`,\n    visibility: 'visible',\n  }\n}\n\n/** `focusFirst` is false when the keyboard composable owns the initial focus. */\nfunction openMenu(focusFirst = true) {\n  if (props.disabled || isOpen.value) return\n  open()\n  if (focusFirst) {\n    void nextTick(() => menuItems()[0]?.focus())\n  }\n}\n\nfunction toggleMenu() {\n  if (props.disabled) return\n  if (isOpen.value) close()\n  else openMenu()\n}\n\nconst { handleTriggerKeydown, handlePanelKeydown } = useMenuKeyboard({\n  items: menuItems,\n  isOpen: () => isOpen.value,\n  open: () => openMenu(false),\n  close,\n})\n\nfunction handleSelect(item: ActionMenuItem) {\n  if (item.disabled) return\n  emit('select', item)\n  close()\n}\n\nwatch(isOpen, async (opened) => {\n  if (!opened) return\n  await nextTick()\n  await positionPanel()\n})\n</script>\n\n<template>\n  <span ref=\"rootRef\" class=\"mint-action-menu\">\n    <!-- A custom trigger must render one <button> and wire toggle + keydown to it. -->\n    <slot name=\"trigger\" :open=\"isOpen\" :toggle=\"toggleMenu\" :keydown=\"handleTriggerKeydown\">\n      <BaseButton\n        variant=\"secondary\"\n        size=\"sm\"\n        :icon=\"Ellipsis\"\n        :label=\"label\"\n        :disabled=\"disabled\"\n        aria-haspopup=\"menu\"\n        :aria-expanded=\"isOpen\"\n        @click=\"toggleMenu\"\n        @keydown=\"handleTriggerKeydown\"\n      />\n    </slot>\n  </span>\n\n  <Teleport to=\"body\">\n    <div\n      v-if=\"isOpen\"\n      ref=\"panelRef\"\n      class=\"mint-popover mint-action-menu__panel\"\n      :style=\"panelStyle\"\n      role=\"menu\"\n      @keydown=\"handlePanelKeydown\"\n    >\n      <template v-for=\"(item, index) in items\" :key=\"item.id\">\n        <div\n          v-if=\"item.danger && index > 0 && !items[index - 1].danger\"\n          class=\"mint-menu-separator\"\n          role=\"separator\"\n        />\n        <a\n          v-if=\"item.href !== undefined && !item.disabled\"\n          :href=\"item.href\"\n          :target=\"item.target\"\n          :rel=\"item.target === '_blank' ? 'noopener noreferrer' : undefined\"\n          :class=\"['mint-menu-item mint-action-menu__item', { 'mint-menu-item--danger mint-action-menu__item--danger': item.danger }]\"\n          role=\"menuitem\"\n          @click=\"handleSelect(item)\"\n        >\n          {{ item.label }}\n        </a>\n        <button\n          v-else\n          type=\"button\"\n          :class=\"['mint-menu-item mint-action-menu__item', { 'mint-menu-item--danger mint-action-menu__item--danger': item.danger }]\"\n          :role=\"item.checked === undefined ? 'menuitem' : 'menuitemradio'\"\n          :aria-checked=\"item.checked\"\n          :disabled=\"item.disabled\"\n          @click=\"handleSelect(item)\"\n        >\n          <Check\n            v-if=\"item.checked !== undefined\"\n            class=\"mint-action-menu__check\"\n            :class=\"{ 'mint-action-menu__check--off': !item.checked }\"\n            :size=\"14\"\n            aria-hidden=\"true\"\n          />\n          {{ item.label }}\n        </button>\n      </template>\n    </div>\n  </Teleport>\n</template>\n","<script setup lang=\"ts\">\n/** Compact overflow actions with an icon-only BaseButton trigger and a viewport-safe teleported menu. */\nimport { computePosition, flip, offset, shift } from '@floating-ui/dom'\nimport { Check, Ellipsis } from 'lucide-vue-next'\nimport { nextTick, onMounted, ref, watch } from 'vue'\nimport { useDropdownState } from '../composables/useDropdownState'\nimport { useMenuKeyboard } from '../composables/useMenuKeyboard'\nimport type { ActionMenuItem } from '../types/components'\nimport BaseButton from './BaseButton.vue'\n\ninterface Props {\n  label: string\n  items: ActionMenuItem[]\n  disabled?: boolean\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  disabled: false,\n})\n\nconst emit = defineEmits<{\n  select: [item: ActionMenuItem]\n  open: []\n  close: []\n}>()\n\ndefineSlots<{\n  /** Replaces the ellipsis button; `toggle` and `keydown` go on the slotted button. */\n  trigger?: (props: { open: boolean; toggle: () => void; keydown: (event: KeyboardEvent) => void }) => unknown\n}>()\n\nconst panelRef = ref<HTMLElement | null>(null)\nconst panelStyle = ref<Record<string, string>>({ visibility: 'hidden' })\n\n// Disclosure state (outside-click, Escape, scroll/resize closing, focus return)\n// comes from the shared composable; only floating-ui placement stays local.\nconst { isOpen, rootRef, triggerRef, open, close } = useDropdownState({\n  closeOnScroll: true,\n  insideRefs: [panelRef],\n  onOpen: () => {\n    panelStyle.value = { visibility: 'hidden' }\n    emit('open')\n  },\n  onClose: () => emit('close'),\n})\n\n// BaseButton owns the actual <button>, so the trigger element is resolved from\n// the wrapper once mounted rather than bound with a template ref.\nonMounted(() => {\n  triggerRef.value = rootRef.value?.querySelector('button') ?? null\n})\n\nfunction menuItems(): HTMLElement[] {\n  if (!panelRef.value) return []\n  return Array.from(\n    panelRef.value.querySelectorAll<HTMLElement>('.mint-action-menu__item:not(:disabled)'),\n  )\n}\n\nasync function positionPanel() {\n  const trigger = triggerRef.value\n  const panel = panelRef.value\n  if (!trigger || !panel) return\n\n  const position = await computePosition(trigger, panel, {\n    placement: 'bottom-end',\n    strategy: 'fixed',\n    middleware: [\n      offset(4),\n      flip(),\n      shift({ padding: 8 }),\n    ],\n  })\n  panelStyle.value = {\n    left: `${position.x}px`,\n    top: `${position.y}px`,\n    visibility: 'visible',\n  }\n}\n\n/** `focusFirst` is false when the keyboard composable owns the initial focus. */\nfunction openMenu(focusFirst = true) {\n  if (props.disabled || isOpen.value) return\n  open()\n  if (focusFirst) {\n    void nextTick(() => menuItems()[0]?.focus())\n  }\n}\n\nfunction toggleMenu() {\n  if (props.disabled) return\n  if (isOpen.value) close()\n  else openMenu()\n}\n\nconst { handleTriggerKeydown, handlePanelKeydown } = useMenuKeyboard({\n  items: menuItems,\n  isOpen: () => isOpen.value,\n  open: () => openMenu(false),\n  close,\n})\n\nfunction handleSelect(item: ActionMenuItem) {\n  if (item.disabled) return\n  emit('select', item)\n  close()\n}\n\nwatch(isOpen, async (opened) => {\n  if (!opened) return\n  await nextTick()\n  await positionPanel()\n})\n</script>\n\n<template>\n  <span ref=\"rootRef\" class=\"mint-action-menu\">\n    <!-- A custom trigger must render one <button> and wire toggle + keydown to it. -->\n    <slot name=\"trigger\" :open=\"isOpen\" :toggle=\"toggleMenu\" :keydown=\"handleTriggerKeydown\">\n      <BaseButton\n        variant=\"secondary\"\n        size=\"sm\"\n        :icon=\"Ellipsis\"\n        :label=\"label\"\n        :disabled=\"disabled\"\n        aria-haspopup=\"menu\"\n        :aria-expanded=\"isOpen\"\n        @click=\"toggleMenu\"\n        @keydown=\"handleTriggerKeydown\"\n      />\n    </slot>\n  </span>\n\n  <Teleport to=\"body\">\n    <div\n      v-if=\"isOpen\"\n      ref=\"panelRef\"\n      class=\"mint-popover mint-action-menu__panel\"\n      :style=\"panelStyle\"\n      role=\"menu\"\n      @keydown=\"handlePanelKeydown\"\n    >\n      <template v-for=\"(item, index) in items\" :key=\"item.id\">\n        <div\n          v-if=\"item.danger && index > 0 && !items[index - 1].danger\"\n          class=\"mint-menu-separator\"\n          role=\"separator\"\n        />\n        <a\n          v-if=\"item.href !== undefined && !item.disabled\"\n          :href=\"item.href\"\n          :target=\"item.target\"\n          :rel=\"item.target === '_blank' ? 'noopener noreferrer' : undefined\"\n          :class=\"['mint-menu-item mint-action-menu__item', { 'mint-menu-item--danger mint-action-menu__item--danger': item.danger }]\"\n          role=\"menuitem\"\n          @click=\"handleSelect(item)\"\n        >\n          {{ item.label }}\n        </a>\n        <button\n          v-else\n          type=\"button\"\n          :class=\"['mint-menu-item mint-action-menu__item', { 'mint-menu-item--danger mint-action-menu__item--danger': item.danger }]\"\n          :role=\"item.checked === undefined ? 'menuitem' : 'menuitemradio'\"\n          :aria-checked=\"item.checked\"\n          :disabled=\"item.disabled\"\n          @click=\"handleSelect(item)\"\n        >\n          <Check\n            v-if=\"item.checked !== undefined\"\n            class=\"mint-action-menu__check\"\n            :class=\"{ 'mint-action-menu__check--off': !item.checked }\"\n            :size=\"14\"\n            aria-hidden=\"true\"\n          />\n          {{ item.label }}\n        </button>\n      </template>\n    </div>\n  </Teleport>\n</template>\n","import { ref, type Ref } from 'vue'\nimport { readErrorMessage as readSharedErrorMessage } from '../utils/errors'\n\nexport type RequestKind = 'load' | 'save' | 'run'\n\n/**\n * The unit of work `run()` drives.\n *\n * It receives an `AbortSignal` that fires when the run is superseded by a\n * newer `run()` or by `cancel()`. Zero-argument operations stay valid and\n * simply ignore it.\n */\nexport type RequestOperation<T> = (signal: AbortSignal) => Promise<T>\n\nexport interface RequestRunOptions {\n  /** Which timestamp a successful run moves: `lastLoadedAt`, `lastSavedAt` or `lastRunAt`. */\n  kind?: RequestKind\n  errorMessage?: string\n  /**\n   * Abort the previously started run when this one starts. Default `true`;\n   * pass `false` to let overlapping runs finish their own work (the stale\n   * guard on shared state still applies either way).\n   */\n  abortPrevious?: boolean\n  /** Caller-owned signal; aborting it aborts this run's signal too. */\n  signal?: AbortSignal\n}\n\nexport interface UseRequestReturn {\n  /** Whether a request is in progress. */\n  isLoading: Ref<boolean>\n  /** Message from the last failed request, or null. */\n  error: Ref<string | null>\n  /** Timestamp of the last successful load operation, or null. */\n  lastLoadedAt: Ref<Date | null>\n  /** Timestamp of the last successful save operation, or null. */\n  lastSavedAt: Ref<Date | null>\n  /** Timestamp of the last successful run operation, or null. */\n  lastRunAt: Ref<Date | null>\n  /** Clear the current error without changing loading or timestamps. */\n  clearError: () => void\n  /** Convert thrown values into a developer-facing error message. */\n  readErrorMessage: (value: unknown, fallback?: string) => string\n  /** Store and return a normalized error message. */\n  setError: (value: unknown, fallback?: string) => string\n  /**\n   * Run a request with shared loading/error handling and optional sync marking.\n   *\n   * ## Stale-response semantics\n   *\n   * Every call takes a monotonically increasing token. Starting a run\n   * supersedes any run started before it, and a superseded run writes **no**\n   * shared state when it finally settles: it does not clear `isLoading`, does not\n   * set `error`, and does not move `lastLoadedAt` / `lastSavedAt` / `lastRunAt`.\n   * Only the newest run owns those.\n   *\n   * The caller's own promise is untouched by the guard — a superseded run still\n   * resolves with its value or rejects with its own error, exactly as the\n   * operation did. The guard never invents a rejection, so a caller awaiting\n   * `run()` never sees a \"superseded\" error it did not cause.\n   *\n   * The operation additionally receives an `AbortSignal` that fires when its\n   * run is superseded or `cancel()` is called, so an operation that forwards\n   * the signal (`fetch(url, { signal })`) stops work instead of racing.\n   */\n  run: <T>(operation: RequestOperation<T>, options?: RequestRunOptions) => Promise<T>\n  /**\n   * Abort the in-flight run and drop `isLoading`. The aborted run's completion\n   * is treated as stale and writes no state.\n   */\n  cancel: () => void\n}\n\n/** Loading, error and timestamp state for one request at a time; `run()` drives it. */\nexport function useRequest(\n  defaultErrorMessage = 'Request failed.',\n): UseRequestReturn {\n  const isLoading = ref(false)\n  const error = ref<string | null>(null)\n  const lastLoadedAt = ref<Date | null>(null)\n  const lastSavedAt = ref<Date | null>(null)\n  const lastRunAt = ref<Date | null>(null)\n\n  function clearError(): void {\n    error.value = null\n  }\n\n  function readErrorMessage(value: unknown, fallback = defaultErrorMessage): string {\n    return readSharedErrorMessage(value, fallback)\n  }\n\n  function setError(value: unknown, fallback?: string): string {\n    const message = readErrorMessage(value, fallback)\n    error.value = message\n    return message\n  }\n\n  // Monotonic token guarding every write to the shared loading/error/timestamp\n  // state. Overlapping runs settle in any order, and a superseded one must not\n  // clear a newer run's loading flag or overwrite its error.\n  let runToken = 0\n  let activeController: AbortController | null = null\n\n  function cancel(): void {\n    runToken += 1\n    activeController?.abort()\n    activeController = null\n    isLoading.value = false\n  }\n\n  async function run<T>(\n    operation: RequestOperation<T>,\n    options: RequestRunOptions = {},\n  ): Promise<T> {\n    if (options.abortPrevious !== false) {\n      activeController?.abort()\n    }\n\n    const token = (runToken += 1)\n    const controller = new AbortController()\n    activeController = controller\n\n    const callerSignal = options.signal\n    if (callerSignal) {\n      if (callerSignal.aborted) controller.abort(callerSignal.reason)\n      else callerSignal.addEventListener(\n        'abort',\n        () => controller.abort(callerSignal.reason),\n        { once: true },\n      )\n    }\n\n    const isCurrent = (): boolean => token === runToken\n\n    isLoading.value = true\n    clearError()\n    try {\n      const response = await operation(controller.signal)\n      if (isCurrent() && options.kind) {\n        const settledAt = new Date()\n        if (options.kind === 'load') lastLoadedAt.value = settledAt\n        else if (options.kind === 'save') lastSavedAt.value = settledAt\n        else lastRunAt.value = settledAt\n      }\n      return response\n    } catch (err) {\n      if (isCurrent()) {\n        setError(err, options.errorMessage)\n      }\n      throw err\n    } finally {\n      if (isCurrent()) {\n        isLoading.value = false\n      }\n      if (activeController === controller) {\n        activeController = null\n      }\n    }\n  }\n\n  return {\n    isLoading,\n    error,\n    lastLoadedAt,\n    lastSavedAt,\n    lastRunAt,\n    clearError,\n    readErrorMessage,\n    setError,\n    run,\n    cancel,\n  }\n}\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@morscherlab/mint-sdk",
-  "version": "1.4.0-beta.16",
+  "version": "1.4.0-beta.18",
   "description": "MINT Platform SDK — Vue 3 components, composables, and types for plugin development. MINT = Mass-spec INtegrated Toolkit.",
   "type": "module",
   "main": "./dist/index.js",