@morscherlab/mint-sdk 1.3.11 → 1.4.0-beta.10

package/dist/SettingsModal-DO3IZ7qz.js

@@ -0,0 +1,666 @@
+import { a as BaseButton_default, n as BaseModal_default, o as __exportAll } from "./useDropdownState-8yWMu-7_.js";
+import { c as colorPalettes, f as useSettingsStore } from "./experiment-43OJtH7R.js";
+import { G as BaseInput_default } from "./records-B6gpM_3e.js";
+import { o as usePlatform } from "./useListReorder-BitdUhxn.js";
+import { t as SegmentedControl_default } from "./SegmentedControl-BtnnjWzs.js";
+import { a as pickExistingRecordKeys, c as valuesEqual, h as normalizeItemInput, i as formSchemaFieldNames, k as controlsToSettingsSchema, l as useFormBuilder, o as pickRecordKeys, r as FormFieldRendererInternal_default, s as recordValuesEqualForKeys } from "./AppSidebar-mvm--GxN.js";
+import { r as useAuthStore } from "./auth-SliLnFre.js";
+import { n as isControlModelBinding } from "./controlSchemaModel-B8CTXagP.js";
+import { canAccessByPolicy } from "./permissions.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, ref, renderList, renderSlot, toDisplayString, unref, vShow, watch, withCtx, withDirectives } from "vue";
+//#region src/components/internal/SettingsPaneHeadInternal.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$1 = { class: "mint-settings-modal__head" };
+var _hoisted_2$1 = { class: "mint-settings-modal__head-text" };
+var _hoisted_3$1 = { class: "mint-settings-modal__head-title" };
+var _hoisted_4$1 = {
+	key: 0,
+	class: "mint-settings-modal__head-count"
+};
+var _hoisted_5$1 = {
+	key: 0,
+	class: "mint-settings-modal__head-description"
+};
+var _hoisted_6$1 = ["disabled"];
+//#endregion
+//#region src/components/internal/SettingsPaneHeadInternal.vue
+var SettingsPaneHeadInternal_default = /* @__PURE__ */ defineComponent({
+	__name: "SettingsPaneHeadInternal",
+	props: {
+		title: {},
+		description: {},
+		count: {},
+		modifiedCount: {}
+	},
+	emits: ["restore"],
+	setup(__props, { emit: __emit }) {
+		/** SettingsModal pane header: title + description or mono count, and an optional "Restore group defaults" action. */
+		const emit = __emit;
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$1, [createElementVNode("div", _hoisted_2$1, [createElementVNode("h4", _hoisted_3$1, [createTextVNode(toDisplayString(__props.title) + " ", 1), __props.count ? (openBlock(), createElementBlock("span", _hoisted_4$1, toDisplayString(__props.count), 1)) : createCommentVNode("", true)]), __props.description ? (openBlock(), createElementBlock("p", _hoisted_5$1, toDisplayString(__props.description), 1)) : createCommentVNode("", true)]), __props.modifiedCount !== void 0 ? (openBlock(), createElementBlock("button", {
+				key: 0,
+				type: "button",
+				class: "mint-settings-modal__restore-group",
+				disabled: __props.modifiedCount === 0,
+				onClick: _cache[0] || (_cache[0] = ($event) => emit("restore"))
+			}, [..._cache[1] || (_cache[1] = [createElementVNode("svg", {
+				viewBox: "0 0 16 16",
+				fill: "none",
+				stroke: "currentColor",
+				"stroke-width": "1.6",
+				"stroke-linecap": "round",
+				"stroke-linejoin": "round",
+				"aria-hidden": "true"
+			}, [createElementVNode("path", { d: "M3 8a5 5 0 1 0 1.5-3.5M3 3v2.5h2.5" })], -1), createTextVNode(" Restore group defaults ", -1)])], 8, _hoisted_6$1)) : createCommentVNode("", true)]);
+		};
+	}
+});
+var APPEARANCE_TAB = {
+	id: "appearance",
+	label: "Appearance",
+	icon: "<svg fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4.098 19.902a3.75 3.75 0 0 0 5.304 0l6.401-6.402M6.75 21A3.75 3.75 0 0 1 3 17.25V4.125C3 3.504 3.504 3 4.125 3h5.25c.621 0 1.125.504 1.125 1.125v4.072M6.75 21a3.75 3.75 0 0 0 3.75-3.75V8.197M6.75 21h13.125c.621 0 1.125-.504 1.125-1.125v-5.25c0-.621-.504-1.125-1.125-1.125h-4.072M10.5 8.197l2.88-2.88c.438-.439 1.15-.439 1.59 0l3.712 3.713c.44.44.44 1.152 0 1.59l-2.879 2.88M6.75 17.25h.008v.008H6.75v-.008Z\"></path></svg>",
+	description: "Theme, color palette, and density"
+};
+function buildFlatSettingsSchema(schema) {
+	return { sections: schema.groups.map((group) => ({
+		id: group.id,
+		title: "",
+		fields: group.fields,
+		columns: group.columns,
+		condition: group.condition
+	})) };
+}
+function filterSettingsSchemaByAccess(schema, canShow) {
+	return { groups: schema.groups.flatMap((group) => {
+		if (!canShow(group)) return [];
+		const fields = group.fields.filter(canShow);
+		if (fields.length === 0) return [];
+		return [{
+			...group,
+			fields
+		}];
+	}) };
+}
+function settingsGroupToTab(group) {
+	return {
+		id: group.id,
+		label: group.label,
+		icon: group.icon,
+		description: group.description
+	};
+}
+function normalizeVisibleSettingsTabs(tabs, canShow) {
+	return tabs.map(normalizeItemInput).filter(canShow);
+}
+function buildSettingsTabs(baseTabs, showAppearance, appearanceFirst = false) {
+	if (!showAppearance) return baseTabs;
+	return appearanceFirst ? [APPEARANCE_TAB, ...baseTabs] : [...baseTabs, APPEARANCE_TAB];
+}
+//#endregion
+//#region src/components/SettingsModal.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "mint-settings-modal__header" };
+var _hoisted_2 = { class: "mint-modal__title" };
+var _hoisted_3 = {
+	key: 0,
+	class: "mint-settings-modal__search"
+};
+var _hoisted_4 = {
+	key: 0,
+	class: "mint-settings-modal__row-group"
+};
+var _hoisted_5 = { class: "mint-settings-modal__row-field" };
+var _hoisted_6 = {
+	key: 0,
+	class: "mint-settings-modal__row-hint"
+};
+var _hoisted_7 = ["aria-label", "onClick"];
+var _hoisted_8 = {
+	key: 1,
+	class: "mint-settings-modal__empty"
+};
+var _hoisted_9 = {
+	key: 2,
+	class: "mint-settings-modal__group mint-settings-modal__appearance"
+};
+var _hoisted_10 = { class: "mint-settings-modal__setting" };
+var _hoisted_11 = { class: "mint-settings-modal__themes" };
+var _hoisted_12 = ["aria-pressed", "onClick"];
+var _hoisted_13 = {
+	class: "mint-settings-modal__theme-preview",
+	"aria-hidden": "true"
+};
+var _hoisted_14 = { class: "mint-settings-modal__theme-label" };
+var _hoisted_15 = { class: "mint-settings-modal__setting" };
+var _hoisted_16 = { class: "mint-settings-modal__palettes" };
+var _hoisted_17 = ["aria-pressed", "onClick"];
+var _hoisted_18 = {
+	class: "mint-settings-modal__swatches",
+	"aria-hidden": "true"
+};
+var _hoisted_19 = { class: "mint-settings-modal__palette-name" };
+var _hoisted_20 = { class: "mint-settings-modal__setting mint-settings-modal__setting--inline" };
+var _hoisted_21 = {
+	class: "mint-settings-modal__status",
+	role: "status"
+};
+var _hoisted_22 = {
+	key: 0,
+	class: "mint-settings-modal__status-icon",
+	viewBox: "0 0 16 16",
+	fill: "none",
+	stroke: "currentColor",
+	"stroke-width": "2",
+	"stroke-linecap": "round",
+	"stroke-linejoin": "round",
+	"aria-hidden": "true"
+};
+var STACKED_GROUP_LIMIT = 3;
+var SettingsModal_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "SettingsModal",
+	props: {
+		open: { type: Boolean },
+		title: { default: "Settings" },
+		tabs: { default: () => [] },
+		showAppearance: {
+			type: Boolean,
+			default: true
+		},
+		appearanceFirst: { type: Boolean },
+		size: { default: "lg" },
+		layout: { default: void 0 },
+		spec: { default: void 0 },
+		values: {},
+		userType: {}
+	},
+	emits: [
+		"update:open",
+		"update:values",
+		"close"
+	],
+	setup(__props, { emit: __emit }) {
+		/**
+		* Tabbed settings modal with three usage modes:
+		*
+		*   1. Schema-driven (recommended) — pass a `defineControlModel()` result or a
+		*      `SettingsModalSchema` as `spec`, plus `v-model:values`. Each
+		*      group/section becomes a tab; fields auto-render via the SDK form field
+		*      registry (text, select, number, toggle, molecule, concentration, …).
+		*      Conditional visibility, validation, and dynamic options come for free.
+		*
+		*   2. Manual tabs + slots — pass `tabs` and a `<template #tab-{id}>` slot
+		*      per tab. Use this when you need bespoke widgets the form-builder
+		*      registry doesn't cover (or for legacy plugins).
+		*
+		*   3. Appearance only — `showAppearance` (default true) renders the built-in
+		*      theme / palette / table-density tab. Works alongside both modes above.
+		*
+		* Layout: omitted (default) renders a sidebar rail split into "Plugin" and
+		* "Personal" (Appearance) sections when there are more than three groups, and
+		* stacks every group on one page otherwise. `vertical` always uses the rail;
+		* `horizontal` keeps the underline tab strip.
+		*
+		* Schema-driven settings also get a search across groups (label + hint), a
+		* modified-from-default marker with a per-row reset for every field with a
+		* non-null `defaultValue` (every control model field gets one), and a "Restore group defaults" action. Changes
+		* apply immediately; the default footer says so and closes with "Done".
+		*
+		* @example Recommended
+		* ```vue
+		* <SettingsModal v-model:open="open" v-model:values="values" :spec="settingsModel" />
+		* ```
+		*/
+		const props = __props;
+		const emit = __emit;
+		const settings = useSettingsStore();
+		const auth = useAuthStore();
+		const { user: platformUser, integrated, isAdmin: platformIsAdmin } = usePlatform();
+		const implicitPlatformAdmin = computed(() => integrated.value && !platformUser.value && platformIsAdmin.value);
+		const resolvedModel = computed(() => isControlModelBinding(props.spec) ? props.spec : void 0);
+		const sourceSettingsSchema = computed(() => resolvedModel.value ? controlsToSettingsSchema(resolvedModel.value.controls, resolvedModel.value.controlOptions) : props.spec);
+		const currentAccessUser = computed(() => {
+			if (props.userType) return { role: props.userType === "admin" ? "admin" : "user" };
+			return auth.userInfo ?? platformUser.value ?? (implicitPlatformAdmin.value ? { role: "admin" } : null);
+		});
+		const isAccessUserAuthenticated = computed(() => props.userType !== void 0 || auth.isAuthenticated || !!platformUser.value || implicitPlatformAdmin.value);
+		const settingsSchema = computed(() => {
+			if (!sourceSettingsSchema.value) return void 0;
+			return filterSettingsSchemaByAccess(sourceSettingsSchema.value, canShowForCurrentUser);
+		});
+		const isSchemaDriven = computed(() => !!settingsSchema.value);
+		const resolvedValues = computed(() => ({
+			...resolvedModel.value?.controlOptions.initialValues ?? {},
+			...props.values ?? {}
+		}));
+		const builder = useFormBuilder(settingsSchema.value ? buildFlatSettingsSchema(settingsSchema.value) : { sections: [] }, resolvedValues.value, resolvedModel.value?.controlOptions.enhancements);
+		watch(() => settingsSchema.value, (schema) => {
+			if (!schema) {
+				builder.updateSchema({ sections: [] }, {});
+				return;
+			}
+			const flatSchema = buildFlatSettingsSchema(schema);
+			const fieldNames = formSchemaFieldNames(flatSchema);
+			const sourceValues = props.values === void 0 ? {
+				...resolvedValues.value,
+				...builder.form.data
+			} : resolvedValues.value;
+			builder.updateSchema(flatSchema, pickExistingRecordKeys(sourceValues ?? {}, fieldNames));
+		}, { deep: true });
+		watch(() => ({ ...resolvedValues.value }), (data) => {
+			if (!settingsSchema.value) return;
+			const fieldNames = builderFieldNames();
+			if (recordValuesEqualForKeys(data, builder.form.data, fieldNames)) return;
+			builder.reset(pickRecordKeys(data, fieldNames));
+		}, { deep: true });
+		const applied = ref(false);
+		watch(() => ({ ...builder.form.data }), (data) => {
+			if (!recordValuesEqualForKeys(data, resolvedValues.value, builderFieldNames())) applied.value = true;
+			if (settingsSchema.value) emit("update:values", {
+				...resolvedValues.value,
+				...data
+			});
+		}, { deep: true });
+		const visibleSchemaGroups = computed(() => settingsSchema.value ? settingsSchema.value.groups.filter((g) => builder.isSectionVisible(g.id)) : []);
+		const manualTabs = computed(() => normalizeVisibleSettingsTabs(props.tabs, canShowForCurrentUser));
+		const allTabs = computed(() => {
+			return buildSettingsTabs(settingsSchema.value ? visibleSchemaGroups.value.map(settingsGroupToTab) : manualTabs.value, props.showAppearance, props.appearanceFirst);
+		});
+		const activeTab = ref(allTabs.value[0]?.id || "appearance");
+		/** Above this many plugin groups the default layout switches from one stacked page to the rail. */
+		const baseLayout = computed(() => {
+			if (props.layout === "vertical") return "rail";
+			if (props.layout === "horizontal") return allTabs.value.length > 1 ? "tabs" : "plain";
+			return (settingsSchema.value ? visibleSchemaGroups.value.length : manualTabs.value.length) > STACKED_GROUP_LIMIT ? "rail" : "plain";
+		});
+		const isRail = computed(() => baseLayout.value === "rail");
+		const isStacked = computed(() => baseLayout.value === "plain");
+		const query = ref("");
+		const searchTerm = computed(() => query.value.trim().toLowerCase());
+		const isSearching = computed(() => isSchemaDriven.value && searchTerm.value !== "");
+		const modalTabs = computed(() => allTabs.value.map((tab) => {
+			const group = visibleSchemaGroups.value.find((g) => g.id === tab.id);
+			const modified = group ? modifiedCount(group) : 0;
+			return {
+				id: tab.id,
+				label: tab.label,
+				icon: tab.icon,
+				description: tab.description,
+				meta: group ? modified ? String(modified) : void 0 : tab.meta,
+				section: props.showAppearance ? tab.id === "appearance" ? "Personal" : tab.section ?? "Plugin" : void 0
+			};
+		}));
+		function selectTab(id) {
+			activeTab.value = id;
+			query.value = "";
+		}
+		function handleSearchKeydown(event) {
+			if (event.key === "Escape" && query.value) {
+				event.stopPropagation();
+				query.value = "";
+			}
+		}
+		watch(allTabs, (tabs) => {
+			if (!tabs.some((t) => t.id === activeTab.value)) activeTab.value = tabs[0]?.id ?? "appearance";
+		});
+		const activeGroup = computed(() => visibleSchemaGroups.value.find((g) => g.id === activeTab.value));
+		function visibleFields(group) {
+			return group.fields.filter((f) => builder.isFieldVisible(f.name));
+		}
+		/**
+		* Modified = differs from the field's own `defaultValue`. A field without one, or with a `null`
+		* default (a secret, or an optional setting), never is: restoring `null` would clear a stored value.
+		*/
+		function isModified(field) {
+			return field.defaultValue != null && !valuesEqual(builder.form.data[field.name], field.defaultValue);
+		}
+		function modifiedCount(group) {
+			return visibleFields(group).filter(isModified).length;
+		}
+		function resetField(field) {
+			builder.form.setFieldValue(field.name, field.defaultValue);
+		}
+		function restoreGroup(group) {
+			if (group) visibleFields(group).filter(isModified).forEach(resetField);
+		}
+		function isBooleanField(field) {
+			return field.type === "checkbox" || field.type === "toggle";
+		}
+		/** Booleans are always toggles inside settings rows; their hint is printed under the row, not in a tooltip. */
+		function settingsField(field) {
+			return isBooleanField(field) ? {
+				...field,
+				type: "toggle",
+				hint: void 0
+			} : field;
+		}
+		const searchResults = computed(() => {
+			if (!isSearching.value) return [];
+			return visibleSchemaGroups.value.flatMap((group) => visibleFields(group).filter((field) => [
+				field.label,
+				field.hint,
+				group.label
+			].join(" ").toLowerCase().includes(searchTerm.value)).map((field) => ({
+				field,
+				group
+			})));
+		});
+		const resultCount = computed(() => `${searchResults.value.length} result${searchResults.value.length === 1 ? "" : "s"}`);
+		/** What the pane renders: one list of search hits, every group (stacked) or the active group. */
+		const paneSections = computed(() => {
+			if (isSearching.value) return searchResults.value.length ? [{
+				key: "search",
+				rows: searchResults.value
+			}] : [];
+			return (isStacked.value ? visibleSchemaGroups.value : activeGroup.value ? [activeGroup.value] : []).map((group) => ({
+				key: group.id,
+				group,
+				rows: visibleFields(group).map((field) => ({
+					field,
+					group
+				}))
+			}));
+		});
+		const themeOptions = [
+			{
+				value: "light",
+				label: "Light",
+				halves: ["light"]
+			},
+			{
+				value: "dark",
+				label: "Dark",
+				halves: ["dark"]
+			},
+			{
+				value: "system",
+				label: "System",
+				halves: ["light", "dark"]
+			}
+		];
+		/** Five stops along the palette's primary → accent hue arc (shortest way round), as in the board. */
+		function paletteSwatches(key) {
+			const [from, to] = colorPalettes[key].hues;
+			const span = (to - from + 540) % 360 - 180;
+			const tone = key === "pastel" ? "60% 72%" : "65% 48%";
+			return Array.from({ length: 5 }, (_, i) => `hsl(${Math.round(from + span * i / 4)} ${tone})`);
+		}
+		const densityPreviewRows = [
+			[
+				"S-0012",
+				"2.41",
+				"12.5"
+			],
+			[
+				"S-0013",
+				"7.90",
+				"3.25"
+			],
+			[
+				"S-0014",
+				"10.60",
+				"0.80"
+			]
+		];
+		const densityOptions = [
+			{
+				value: "compact",
+				label: "Compact"
+			},
+			{
+				value: "normal",
+				label: "Normal"
+			},
+			{
+				value: "comfortable",
+				label: "Comfortable"
+			}
+		];
+		watch(() => [
+			settings.theme,
+			settings.colorPalette,
+			settings.tableDensity
+		], () => {
+			applied.value = true;
+		});
+		function handleClose() {
+			emit("update:open", false);
+			emit("close");
+		}
+		function builderFieldNames() {
+			return builder.fields.map((field) => field.name);
+		}
+		function canShowForCurrentUser(item) {
+			return canAccessByPolicy(currentAccessUser.value, item.access, isAccessUserAuthenticated.value);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(BaseModal_default, {
+				open: __props.open,
+				title: __props.title,
+				size: __props.size,
+				layout: baseLayout.value,
+				tabs: modalTabs.value,
+				"active-tab": isSearching.value ? "" : activeTab.value,
+				"onUpdate:activeTab": selectTab,
+				"onUpdate:open": _cache[3] || (_cache[3] = ($event) => emit("update:open", $event)),
+				onClose: handleClose
+			}, createSlots({
+				header: withCtx(() => [createElementVNode("div", _hoisted_1, [createElementVNode("h3", _hoisted_2, toDisplayString(__props.title), 1), isSchemaDriven.value ? (openBlock(), createElementBlock("div", _hoisted_3, [_cache[4] || (_cache[4] = createElementVNode("svg", {
+					class: "mint-settings-modal__search-icon",
+					viewBox: "0 0 16 16",
+					fill: "none",
+					stroke: "currentColor",
+					"stroke-width": "1.6",
+					"stroke-linecap": "round",
+					"aria-hidden": "true"
+				}, [createElementVNode("circle", {
+					cx: "7",
+					cy: "7",
+					r: "4.5"
+				}), createElementVNode("path", { d: "M10.5 10.5L14 14" })], -1)), createVNode(BaseInput_default, {
+					"model-value": query.value,
+					type: "search",
+					size: "sm",
+					placeholder: "Search settings",
+					"aria-label": "Search settings",
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => query.value = String($event ?? "")),
+					onKeydown: handleSearchKeydown
+				}, null, 8, ["model-value"])])) : createCommentVNode("", true)])]),
+				footer: withCtx(() => [renderSlot(_ctx.$slots, "footer", {
+					values: unref(builder).form.data,
+					close: handleClose
+				}, () => [createElementVNode("span", _hoisted_21, [applied.value ? (openBlock(), createElementBlock("svg", _hoisted_22, [..._cache[13] || (_cache[13] = [createElementVNode("path", { d: "M3.5 8.5l3 3 6-7" }, null, -1)])])) : createCommentVNode("", true), createTextVNode(" " + toDisplayString(applied.value ? "Applied · changes take effect immediately" : "Changes take effect immediately"), 1)]), createVNode(BaseButton_default, {
+					class: "mint-settings-modal__done",
+					variant: "primary",
+					onClick: handleClose
+				}, {
+					default: withCtx(() => [..._cache[14] || (_cache[14] = [createTextVNode("Done", -1)])]),
+					_: 1
+				})])]),
+				default: withCtx(() => [createElementVNode("div", { class: normalizeClass(["mint-settings-modal", { "mint-settings-modal--schema": isSchemaDriven.value }]) }, [isSchemaDriven.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+					isSearching.value && !isRail.value ? (openBlock(), createBlock(SettingsPaneHeadInternal_default, {
+						key: 0,
+						title: "Search results",
+						count: resultCount.value
+					}, null, 8, ["count"])) : createCommentVNode("", true),
+					(openBlock(true), createElementBlock(Fragment, null, renderList(paneSections.value, (section) => {
+						return openBlock(), createElementBlock("section", {
+							key: section.key,
+							class: "mint-settings-modal__group"
+						}, [section.group && !isRail.value ? (openBlock(), createBlock(SettingsPaneHeadInternal_default, {
+							key: 0,
+							title: section.group.label,
+							description: section.group.description,
+							"modified-count": modifiedCount(section.group),
+							onRestore: ($event) => restoreGroup(section.group)
+						}, null, 8, [
+							"title",
+							"description",
+							"modified-count",
+							"onRestore"
+						])) : createCommentVNode("", true), createElementVNode("div", {
+							class: "mint-settings-modal__group-grid",
+							style: normalizeStyle({ "--mint-settings-cols": section.group?.columns ?? 1 })
+						}, [(openBlock(true), createElementBlock(Fragment, null, renderList(section.rows, (row) => {
+							return openBlock(), createElementBlock("div", {
+								key: row.field.name,
+								class: normalizeClass(["mint-settings-modal__row", { "mint-settings-modal__row--modified": isModified(row.field) }]),
+								style: normalizeStyle(row.field.colSpan ? { gridColumn: `span ${row.field.colSpan}` } : void 0)
+							}, [!section.group ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(row.group.label), 1)) : createCommentVNode("", true), createElementVNode("div", _hoisted_5, [
+								renderSlot(_ctx.$slots, `field:${row.field.name}`, {
+									field: row.field,
+									form: unref(builder).form,
+									fieldProps: unref(builder).form.getFieldProps(row.field.name)
+								}, () => [createVNode(FormFieldRendererInternal_default, {
+									field: settingsField(row.field),
+									"resolved-props": unref(builder).getResolvedFieldProps(settingsField(row.field)),
+									form: unref(builder).form
+								}, null, 8, [
+									"field",
+									"resolved-props",
+									"form"
+								])]),
+								isBooleanField(row.field) && row.field.hint ? (openBlock(), createElementBlock("p", _hoisted_6, toDisplayString(row.field.hint), 1)) : createCommentVNode("", true),
+								isModified(row.field) ? (openBlock(), createElementBlock("button", {
+									key: 1,
+									type: "button",
+									class: "mint-settings-modal__reset",
+									title: "Restore default",
+									"aria-label": `Restore default for ${row.field.label}`,
+									onClick: ($event) => resetField(row.field)
+								}, [..._cache[5] || (_cache[5] = [createElementVNode("svg", {
+									viewBox: "0 0 16 16",
+									fill: "none",
+									stroke: "currentColor",
+									"stroke-width": "1.6",
+									"stroke-linecap": "round",
+									"stroke-linejoin": "round",
+									"aria-hidden": "true"
+								}, [createElementVNode("path", { d: "M3 8a5 5 0 1 0 1.5-3.5M3 3v2.5h2.5" })], -1)])], 8, _hoisted_7)) : createCommentVNode("", true)
+							])], 6);
+						}), 128))], 4)]);
+					}), 128)),
+					isSearching.value && searchResults.value.length === 0 ? (openBlock(), createElementBlock("p", _hoisted_8, " No settings match \"" + toDisplayString(query.value.trim()) + "\" ", 1)) : createCommentVNode("", true)
+				], 64)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(manualTabs.value, (tab) => {
+					return withDirectives((openBlock(), createElementBlock("section", {
+						key: tab.id,
+						class: "mint-settings-modal__group"
+					}, [isStacked.value ? (openBlock(), createBlock(SettingsPaneHeadInternal_default, {
+						key: 0,
+						title: tab.label,
+						description: tab.description
+					}, null, 8, ["title", "description"])) : createCommentVNode("", true), renderSlot(_ctx.$slots, `tab-${tab.id}`)])), [[vShow, isStacked.value || activeTab.value === tab.id]]);
+				}), 128)), __props.showAppearance ? withDirectives((openBlock(), createElementBlock("section", _hoisted_9, [
+					isStacked.value ? (openBlock(), createBlock(SettingsPaneHeadInternal_default, {
+						key: 0,
+						title: unref(APPEARANCE_TAB).label,
+						description: unref(APPEARANCE_TAB).description
+					}, null, 8, ["title", "description"])) : createCommentVNode("", true),
+					createElementVNode("div", _hoisted_10, [_cache[8] || (_cache[8] = createElementVNode("div", { class: "mint-settings-modal__setting-text" }, [createElementVNode("span", { class: "mint-settings-modal__setting-label" }, "Theme"), createElementVNode("span", { class: "mint-settings-modal__setting-hint" }, "Applies to this browser only")], -1)), createElementVNode("div", _hoisted_11, [(openBlock(), createElementBlock(Fragment, null, renderList(themeOptions, (opt) => {
+						return createElementVNode("button", {
+							key: opt.value,
+							type: "button",
+							"aria-pressed": unref(settings).theme === opt.value,
+							class: normalizeClass(["mint-settings-modal__theme", { "mint-settings-modal__theme--active": unref(settings).theme === opt.value }]),
+							onClick: ($event) => unref(settings).theme = opt.value
+						}, [createElementVNode("span", _hoisted_13, [(openBlock(true), createElementBlock(Fragment, null, renderList(opt.halves, (half) => {
+							return openBlock(), createElementBlock("span", {
+								key: half,
+								class: normalizeClass(["mint-settings-modal__theme-half", `mint-settings-modal__theme-half--${half}`])
+							}, [..._cache[6] || (_cache[6] = [createElementVNode("span", { class: "mint-settings-modal__theme-line" }, null, -1), createElementVNode("span", { class: "mint-settings-modal__theme-card" }, null, -1)])], 2);
+						}), 128))]), createElementVNode("span", _hoisted_14, [_cache[7] || (_cache[7] = createElementVNode("span", {
+							class: "mint-settings-modal__theme-radio",
+							"aria-hidden": "true"
+						}, null, -1)), createTextVNode(" " + toDisplayString(opt.label), 1)])], 10, _hoisted_12);
+					}), 64))])]),
+					createElementVNode("div", _hoisted_15, [_cache[10] || (_cache[10] = createElementVNode("div", { class: "mint-settings-modal__setting-text" }, [createElementVNode("span", { class: "mint-settings-modal__setting-label" }, "Color palette"), createElementVNode("span", { class: "mint-settings-modal__setting-hint" }, "Primary and accent hues across the interface")], -1)), createElementVNode("div", _hoisted_16, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(colorPalettes), (palette, key) => {
+						return openBlock(), createElementBlock("button", {
+							key,
+							type: "button",
+							"aria-pressed": unref(settings).colorPalette === key,
+							class: normalizeClass(["mint-settings-modal__palette", { "mint-settings-modal__palette--active": unref(settings).colorPalette === key }]),
+							onClick: ($event) => unref(settings).colorPalette = key
+						}, [
+							createElementVNode("span", _hoisted_18, [(openBlock(true), createElementBlock(Fragment, null, renderList(paletteSwatches(key), (color) => {
+								return openBlock(), createElementBlock("span", {
+									key: color,
+									class: "mint-settings-modal__swatch",
+									style: normalizeStyle({ backgroundColor: color })
+								}, null, 4);
+							}), 128))]),
+							createElementVNode("span", _hoisted_19, toDisplayString(palette.name), 1),
+							_cache[9] || (_cache[9] = createElementVNode("svg", {
+								class: "mint-settings-modal__palette-check",
+								viewBox: "0 0 16 16",
+								fill: "none",
+								stroke: "currentColor",
+								"stroke-width": "2",
+								"stroke-linecap": "round",
+								"stroke-linejoin": "round",
+								"aria-hidden": "true"
+							}, [createElementVNode("path", { d: "M3.5 8.5l3 3 6-7" })], -1))
+						], 10, _hoisted_17);
+					}), 128))])]),
+					createElementVNode("div", _hoisted_20, [
+						_cache[12] || (_cache[12] = createElementVNode("div", { class: "mint-settings-modal__setting-text" }, [createElementVNode("span", { class: "mint-settings-modal__setting-label" }, "Density"), createElementVNode("span", { class: "mint-settings-modal__setting-hint" }, "Adjusts control and table row height")], -1)),
+						createVNode(SegmentedControl_default, {
+							"model-value": unref(settings).tableDensity,
+							options: densityOptions,
+							size: "sm",
+							"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => unref(settings).tableDensity = $event)
+						}, null, 8, ["model-value"]),
+						createElementVNode("div", {
+							class: normalizeClass(["mint-settings-modal__density-preview", `mint-settings-modal__density-preview--${unref(settings).tableDensity}`]),
+							"aria-hidden": "true"
+						}, [_cache[11] || (_cache[11] = createElementVNode("div", { class: "mint-settings-modal__density-row mint-settings-modal__density-row--head" }, [
+							createElementVNode("span", null, "Sample"),
+							createElementVNode("span", null, "RT"),
+							createElementVNode("span", null, "IC50")
+						], -1)), (openBlock(), createElementBlock(Fragment, null, renderList(densityPreviewRows, (cells) => {
+							return createElementVNode("div", {
+								key: cells[0],
+								class: "mint-settings-modal__density-row"
+							}, [
+								createElementVNode("span", null, toDisplayString(cells[0]), 1),
+								createElementVNode("span", null, toDisplayString(cells[1]), 1),
+								createElementVNode("span", null, toDisplayString(cells[2]), 1)
+							]);
+						}), 64))], 2)
+					]),
+					renderSlot(_ctx.$slots, "appearance")
+				], 512)), [[vShow, !isSearching.value && (isStacked.value || activeTab.value === unref("appearance"))]]) : createCommentVNode("", true)], 2)]),
+				_: 2
+			}, [isRail.value && isSchemaDriven.value ? {
+				name: "pane-header",
+				fn: withCtx(({ tab }) => [isSearching.value ? (openBlock(), createBlock(SettingsPaneHeadInternal_default, {
+					key: 0,
+					title: "Search results",
+					count: resultCount.value
+				}, null, 8, ["count"])) : (openBlock(), createBlock(SettingsPaneHeadInternal_default, {
+					key: 1,
+					title: tab?.label ?? "",
+					description: tab?.description,
+					"modified-count": activeGroup.value ? modifiedCount(activeGroup.value) : void 0,
+					onRestore: _cache[1] || (_cache[1] = ($event) => restoreGroup(activeGroup.value))
+				}, null, 8, [
+					"title",
+					"description",
+					"modified-count"
+				]))]),
+				key: "0"
+			} : void 0]), 1032, [
+				"open",
+				"title",
+				"size",
+				"layout",
+				"tabs",
+				"active-tab"
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/components/SettingsModal.vue
+var SettingsModal_exports = /* @__PURE__ */ __exportAll({ default: () => SettingsModal_default });
+var SettingsModal_default = SettingsModal_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { SettingsModal_exports as n, SettingsModal_default as t };
+
+//# sourceMappingURL=SettingsModal-DO3IZ7qz.js.map