@septkit/ui 0.0.50 → 0.0.51

package/dist/dialecte/composables/use-active-document.js

@@ -1,31 +1,34 @@
-import { getCurrentScope as e, onScopeDispose as t, ref as n } from "vue";
+import { computed as e, getCurrentScope as t, onScopeDispose as n, ref as r } from "vue";
 //#region lib/dialecte/composables/use-active-document.ts
-function r(r) {
-	let { project: i, activeDocumentId: a, hydrate: o, clear: s } = r, c = n(!1), l = n(a.value), u = 0, d = !1;
-	async function f(e) {
-		let t = ++u;
-		if (l.value = e, c.value = !1, !e) {
-			s();
-			return;
-		}
-		try {
-			let { ready: n } = await i.getDocumentStatus(e);
-			if (d || t !== u) return;
-			n ? (o(i.openDocument(e)), c.value = !0) : s();
+function i(i) {
+	let { project: a, activeDocumentId: o, hydrate: s, clear: c } = i, l = r(), u = e(() => l.value !== void 0), d = r(o.value), f = 0, p = !1;
+	function m() {
+		l.value = void 0, c?.();
+	}
+	async function h(e) {
+		let t = ++f;
+		if (d.value = e, m(), e) try {
+			let { ready: n } = await a.getDocumentStatus(e);
+			if (p || t !== f) return;
+			if (n) {
+				let t = a.openDocument(e);
+				l.value = t, s?.(t);
+			}
 		} catch (e) {
-			if (d || t !== u) return;
-			console.debug("[useActiveDocument] getDocumentStatus failed", e), c.value = !1, s();
+			if (p || t !== f) return;
+			console.debug("[useActiveDocument] getDocumentStatus failed", e);
 		}
 	}
-	f(a.value);
-	let p = a.subscribe((e) => void f(e)), m = () => {
-		d || (d = !0, u += 1, p(), c.value = !1, s());
+	h(o.value);
+	let g = o.subscribe((e) => void h(e)), _ = () => {
+		p || (p = !0, f += 1, g(), m());
 	};
-	return e() && t(m), {
-		isReady: c,
-		activeDocumentId: l,
-		stop: m
+	return t() && n(_), {
+		document: l,
+		isReady: u,
+		activeDocumentId: d,
+		stop: _
 	};
 }
 //#endregion
-export { r as useActiveDocument };
+export { i as useActiveDocument };

package/dist/dialecte/composables/use-live-data.js

@@ -1,31 +1,31 @@
 import { useDebounceFn as e } from "../../external/.pnpm/@vueuse_shared@14.3.0_vue@3.5.39_typescript@5.8.3_/node_modules/@vueuse/shared/dist/index.js";
 import { useAsyncState as t } from "../../external/.pnpm/@vueuse_core@14.3.0_vue@3.5.39_typescript@5.8.3_/node_modules/@vueuse/core/dist/index.js";
 import { useDialecteChannel as n } from "./use-dialecte-channel.js";
-import { computed as r, toValue as i, unref as a, watch as o } from "vue";
+import { computed as r, toValue as i, watch as a } from "vue";
 //#region lib/dialecte/composables/use-live-data.ts
-function s(i) {
-	let { document: s, fetcher: c, initial: l } = i, { state: u, isLoading: d, error: f, execute: p } = t(c, l), m = e(p, 50), h = r(() => a(s)), { data: g } = n(h.value.channelName);
-	return o(g, (e) => {
-		e?.type === "commit" && e.documentId === h.value.documentId && m();
-	}), o(() => h.value.documentId, () => {
-		u.value = l, m();
-	}), {
+function o(o) {
+	let { document: s, fetcher: c, initial: l } = o, { state: u, isLoading: d, error: f, execute: p } = t(c, l, { immediate: !1 }), m = e(p, 50), h = r(() => i(s)), { data: g } = n(r(() => h.value?.channelName));
+	return a(g, (e) => {
+		e?.type === "commit" && e.documentId === h.value?.documentId && m();
+	}), a(() => h.value?.documentId, (e) => {
+		u.value = l, e && m();
+	}, { immediate: !0 }), {
 		state: u,
 		isLoading: d,
 		error: f,
 		refresh: p
 	};
 }
-function c(a) {
-	let { project: s, fetcher: c, initial: l } = a, { state: u, isLoading: d, error: f, execute: p } = t(c, l, { immediate: !1 }), m = e(p, 50), h = r(() => i(s)?.channelName), { data: g } = n(h);
-	return o(g, (e) => {
+function s(o) {
+	let { project: s, fetcher: c, initial: l } = o, { state: u, isLoading: d, error: f, execute: p } = t(c, l, { immediate: !1 }), m = e(p, 50), h = r(() => i(s)?.channelName), { data: g } = n(h);
+	return a(g, (e) => {
 		switch (e?.type) {
 			case "commit":
 			case "init-empty-document":
 			case "document-removed":
 			case "document-imported": m();
 		}
-	}), o(h, (e) => {
+	}), a(h, (e) => {
 		u.value = l, e && m();
 	}, { immediate: !0 }), {
 		state: u,
@@ -35,4 +35,4 @@ function c(a) {
 	};
 }
 //#endregion
-export { s as useLiveData, c as useProjectLiveData };
+export { o as useLiveData, s as useProjectLiveData };

package/dist/external/.pnpm/{@dialecte_scl@0.3.9/node_modules/@dialecte/scl/dist/hooks-DO4gUiix.js → @dialecte_scl@0.3.12/node_modules/@dialecte/scl/dist/hooks-Cm_UYBBt.js}

@@ -1,5 +1,5 @@
 import { XSI_NAMESPACE as e } from "../../../../../@dialecte_core@0.4.9/node_modules/@dialecte/core/dist/helpers.js";
-//#region node_modules/.pnpm/@dialecte+scl@0.3.9/node_modules/@dialecte/scl/dist/hooks-DO4gUiix.js
+//#region node_modules/.pnpm/@dialecte+scl@0.3.12/node_modules/@dialecte/scl/dist/hooks-Cm_UYBBt.js
 var t = /* @__PURE__ */ "AccessControl.AccessPoint.Address.AllocationRole.AllocationRoleRef.AnalogueWiringParameters.AnalogueWiringParametersRef.Application.ApplicationSclRef.Association.Authentication.BDA.Bay.BayType.BehaviorDescription.BehaviorDescriptionRef.BehaviorReference.BinaryWiringParameters.BinaryWiringParametersRef.BitRate.CheckoutID.ClientLN.ClientServices.CommProt.Communication.CommunicationServiceSpecifications.ConductingEquipment.ConfDataSet.ConfLNs.ConfLdName.ConfLogControl.ConfReportControl.ConfSG.ConfSigRef.ConnectedAP.ConnectivityNode.ControlRef.ControllingLNode.DA.DAI.DAS.DAType.DO.DOI.DOS.DOType.DataObjectDirectory.DataSet.DataSetDirectory.DataTypeTemplates.DynAssociation.DynDataSet.EnumType.EnumVal.EqFunction.EqSubFunction.ExtCtrl.ExtRef.FCDA.FileHandling.Function.FunctionCatRef.FunctionCategory.FunctionCategoryRef.FunctionRef.FunctionRole.FunctionRoleContent.FunctionSclRef.FunctionTemplate.FunctionalSubVariant.FunctionalVariant.FunctionalVariantGroup.FunctionalVariantRef.GOOSE.GOOSEMcSecurity.GOOSESecurity.GSE.GSEControl.GSEDir.GSESettings.GSSE.GeneralEquipment.GetCBValues.GetDataObjectDefinition.GetDataSetValue.GetDirectory.GooseParameters.GooseParametersRef.Header.History.Hitem.IED.IEDName.IEDSourceFiles.InputVar.InputVarRef.Inputs.IssuerName.KDC.L2CommParameters.L3IPv4CommParameters.L3IPv6CommParameters.LDevice.LN.LN0.LNode.LNodeDataRef.LNodeInputRef.LNodeInputs.LNodeOutputRef.LNodeOutputs.LNodeSpecNaming.LNodeType.Label.Labels.Line.Log.LogControl.LogParameters.LogParametersRef.LogSettings.MaxTime.McSecurity.MinRequestedSCDFile.MinRequestedSCDFiles.MinTime.MultiAPPerSubNet.NeutralPoint.OptFields.OutputVar.OutputVarRef.Outputs.P.PhysConn.PowerSystemRelation.PowerSystemRelationRef.PowerSystemRelations.PowerTransformer.Private.Process.ProcessEcho.ProcessResource.ProcessResourceRef.ProcessResources.Project.ProjectProcessReference.ProtNs.Protocol.ReadWrite.RedProt.ReportControl.ReportParameters.ReportParametersRef.ReportSettings.Resource.RptEnabled.SCL.SCSM.SDI.SDO.SDS.SGEdit.SMV.SMVParameters.SMVParametersRef.SMVSecurity.SMVSettings.SMVsc.SVMcSecurity.SampledValueControl.SamplesPerSec.SclFileReference.SecPerSamples.Security.Server.ServerAt.ServiceSpecifications.Services.SetDataSetValue.SettingControl.SettingGroups.SignalRole.SmpRate.SmvOpts.SourceFiles.SourceRef.SubCategory.SubCheckoutID.SubEquipment.SubFunction.SubFunctionTemplate.SubNetwork.Subject.SubscriberLNode.Substation.SupSubscription.TapChanger.Terminal.Text.TimeSyncProt.TimerActivatedControl.TransformerWinding.TrgOps.Val.ValueHandling.Variable.VariableApplyTo.VariableRef.Voltage.VoltageLevel".split("."), n = {
 	AccessControl: {
 		tag: "AccessControl",

package/dist/external/.pnpm/@dialecte_scl@0.3.12/node_modules/@dialecte/scl/dist/v2019C1/index.js

@@ -0,0 +1,22 @@
+import "../../../../../../@dialecte_core@0.4.9/node_modules/@dialecte/core/dist/index.js";
+import { i as e } from "../hooks-Cm_UYBBt.js";
+//#region node_modules/.pnpm/@dialecte+scl@0.3.12/node_modules/@dialecte/scl/dist/v2019C1/index.js
+var t = {
+	"cross-type-template-uuid": {
+		title: "Placeholder templateUuid reused across element types",
+		description: "One templateUuid is carried by elements of several different types, so it cannot identify a single template element — it is an authoring placeholder, not real lineage.",
+		fallback: "Template lineage is ignored for these elements; each instance is recognised by its name within its parent instead, so the merge still proceeds."
+	},
+	"duplicate-instance-uuid": {
+		title: "Duplicate instance uuid",
+		description: "The same uuid is used by more than one element. Every instance uuid in an SCL must be unique, so uuid-based identity is ambiguous for the affected elements.",
+		fallback: "The affected elements are matched by name and position rather than uuid, so the merge still proceeds — resolve the duplication to restore reliable identity."
+	},
+	"template-uuid-type-mismatch": {
+		title: "templateUuid resolves to a different element type",
+		description: "A templateUuid points in-file to an element of a different type than the one carrying it. An instance cannot derive from a template of another type, so the lineage is inconsistent.",
+		fallback: "The mismatched lineage is ignored and the element is recognised by name, so the merge still proceeds."
+	}
+};
+//#endregion
+export { t as TEMPLATE_UUID_WARNING_INFO, e as presentationScope };

package/dist/index.d.ts

@@ -21,6 +21,7 @@ import { Reactive } from 'vue';
 import { Ref } from 'vue';
 import { Scl } from '@dialecte/scl/v2019C1';
 import { ShallowRef } from 'vue';
+import { TemplateUuidWarning } from '@dialecte/scl/v2019C1';
 
 declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLButtonElement>;
 
@@ -100,6 +101,8 @@ declare type __VLS_Props_11 = {
     detail: ElementDetailVM | undefined;
     /** Consumer-supplied fixed prefix/suffix per attribute; the user edits only the core. */
     affixMask?: AffixMaskResolver;
+    /** The selected group is skipped: lock editing and show the skip (current) value. */
+    disabled?: boolean;
 };
 
 declare type __VLS_Props_12 = MergeSessionParams & {
@@ -462,10 +465,15 @@ export declare const DecisionToggle: DefineComponent<__VLS_PublicProps_2, {}, {}
 export declare type DetailAttribute = {
     name: string;
     status: ChangeStatus;
-    /** The current/instance value — the `-` line, present when modified/removed. */
+    /** The current/instance value — the `-` line, present when modified/removed. (Skip target.) */
     before?: string;
-    /** The final value that will be written — the `+` line, present when added/modified. */
+    /** The incoming/proposed value — the `+` line, present when added/modified. (Accept target.) */
     after?: string;
+    /**
+     * The live value that will actually be written — the user's edit, or accept/skip choice.
+     * Defaults to `after` (accept) when unset; a skip sets it to `before`. The input binds to this.
+     */
+    written?: string;
     /** When set, the attribute is user-editable and its value renders as an input. */
     editable?: EditableMode;
     /** The engine auto-resolved a placement collision on this field (value = the resolved one). */
@@ -664,6 +672,15 @@ export declare type MergeNodeMeta = {
     regionHead?: boolean;
     /** For a satellite companion that lives elsewhere: its real document path (shown as subtitle). */
     path?: string;
+    /**
+     * Present on an instance ROOT (Application/Function): its linkage to the loaded template
+     * and its member cluster. Drives the "linked / up to date" badge and the select-to-highlight
+     * of the whole instance (subtree + folded satellites).
+     */
+    instance?: {
+        linked: boolean;
+        upToDate: boolean;
+    };
 };
 
 export declare const MergeReview: DefineComponent<__VLS_Props_12, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
@@ -743,14 +760,21 @@ export declare type UnifiedDiff = {
 };
 
 /**
- * Reactively hydrate the shell's active document — race-safe across realms.
+ * Reactively resolve the shell's active document — race-safe across realms.
  *
  * The active-document id (shell `localStorage` `storage` event) and the
  * project's document registry (BroadcastChannel) are not ordered across realms,
  * so in an iframe extension the id can arrive before the document is registered
  * / its records are readable. `project.getDocumentStatus(id)` reconciles this
- * realm's store against persisted state first, so hydration never races ahead
- * of the document. Results from a superseded switch are ignored.
+ * realm's store against persisted state first, so the exposed document never
+ * races ahead of the document. Results from a superseded switch are ignored.
+ *
+ * The resolved document is returned as a nullable `document` ref (single source
+ * of truth); `isReady` is derived from it. When the active id changes, the
+ * previous document is dropped *before* the new one's readiness is probed, so a
+ * stale document is never exposed for the new id. Consumers should gate on
+ * `isReady`/`document` and can pass optional `hydrate`/`clear` callbacks to also
+ * mirror the value into a module-level document store.
  *
  * Cleanup runs automatically when used inside a component/effect scope; the
  * returned `stop` lets scope-less callers (e.g. an extension bootstrap) tear it
@@ -759,10 +783,11 @@ export declare type UnifiedDiff = {
 export declare function useActiveDocument<GenericDocument>(params: {
     project: ActiveDocumentProject<GenericDocument>;
     activeDocumentId: ActiveDocumentObservable<string>;
-    hydrate: (doc: GenericDocument) => void;
-    clear: () => void;
+    hydrate?: (doc: GenericDocument) => void;
+    clear?: () => void;
 }): {
-    isReady: Ref<boolean>;
+    document: Ref<GenericDocument | undefined>;
+    isReady: ComputedRef<boolean>;
     activeDocumentId: Ref<string | undefined>;
     stop: () => void;
 };
@@ -796,9 +821,15 @@ export declare function useDialog(): DialogController;
  * a `commit` message for this documentId — posted by any Document instance,
  * in this tab or another — re-runs the fetcher. Document state itself is plain,
  * non-reactive data in core; do not watch it.
+ *
+ * The document may be absent (`undefined`): the composable then holds `initial`,
+ * subscribes to nothing, and starts fetching once a document appears — mirroring
+ * {@link useProjectLiveData}. This lets a caller pass a document that is null
+ * before hydration or during a teardown/switch without pre-guarding a value
+ * that would otherwise throw.
  */
 export declare function useLiveData<T>(params: {
-    document: LiveDataDocument | ComputedRef<LiveDataDocument>;
+    document: MaybeRefOrGetter<LiveDataDocument | undefined>;
     fetcher: () => Promise<T>;
     initial: T;
 }): {
@@ -821,6 +852,7 @@ export declare function useMergeSession(params: MergeSessionParams): {
     previewXml: ShallowRef<string | undefined, string | undefined>;
     previewBeforeXml: ShallowRef<string | undefined, string | undefined>;
     previewLoading: ShallowRef<boolean, boolean>;
+    warnings: ShallowRef<TemplateUuidWarning[], TemplateUuidWarning[]>;
     load: () => Promise<void>;
     setDecision: (groupId: string, action: "accept" | "skip") => void;
     setValue: (groupId: string, attr: string, value: string) => void;

package/dist/merge/build-view-model.js

@@ -1,46 +1,47 @@
 import { extractTitle as e, getAttributes as t } from "./merge.service.js";
 //#region lib/merge/build-view-model.ts
-async function n(e) {
-	let { report: n, createdBySourceUuid: r, sourceQuery: i } = e, a = /* @__PURE__ */ new Map();
-	for (let e of n.groups) {
-		a.set(e.primary, {
-			role: "primary",
-			groupId: e.id
-		});
-		for (let t of e.companions) a.set(t, {
-			role: "companion",
-			groupId: e.id
+function n(e) {
+	return e.instances.flatMap((e) => e.groups);
+}
+function r(e) {
+	let { report: t, correlation: r } = e, i = /* @__PURE__ */ new Map();
+	for (let e of n(t)) i.set(e.primary, {
+		role: "primary",
+		groupId: e.id
+	});
+	let a = /* @__PURE__ */ new Map();
+	function o(e) {
+		let t = r.get(e);
+		if (!t) return;
+		let n = i.get(e);
+		a.set(t, {
+			change: e.change,
+			role: n?.role ?? "plain",
+			groupId: n?.groupId,
+			node: e
 		});
 	}
-	let o = /* @__PURE__ */ new Map();
-	async function s(e) {
-		if (e.instanceRef) return e.instanceRef.id;
-		if (e.sourceRef) {
-			let n = await t(i, e.sourceRef);
-			return n.uuid ? r.get(n.uuid)?.id : void 0;
-		}
+	function s(e) {
+		o(e);
+		for (let t of e.children) s(t);
 	}
-	async function c(e) {
-		let t = await s(e);
-		if (t) {
-			let n = a.get(e);
-			o.set(t, {
+	function c(e, t) {
+		if (e.change !== "unchanged") {
+			let n = r.get(e);
+			n && a.set(n, {
 				change: e.change,
-				role: n?.role ?? "plain",
-				groupId: n?.groupId,
+				role: "companion",
+				groupId: t,
 				node: e
 			});
 		}
+		for (let n of e.children) c(n, t);
 	}
-	async function l(e) {
-		await c(e);
-		for (let t of e.children) await l(t);
-	}
-	for (let e of n.roots) await l(e);
-	for (let e of n.groups) for (let t of e.companions) await c(t);
-	return o;
+	for (let e of t.instances) s(e.tree);
+	for (let e of n(t)) for (let t of e.companions) c(t, e.id);
+	return a;
 }
-async function r(t) {
+async function i(t) {
 	let { tree: n, changeByStagedId: r, query: i } = t, a = {
 		items: [],
 		meta: {},
@@ -51,7 +52,7 @@ async function r(t) {
 		let c = r.get(t.id), l = c?.change ?? (n.added ? "added" : "unchanged"), u = c?.groupId ?? (l === "unchanged" ? void 0 : n.groupId), d = c?.role ?? "plain", f = {
 			tagName: t.tagName,
 			id: t.id
-		}, p = l !== "unchanged" && (!s || s.change === "unchanged" || s.groupId !== u), m = {
+		}, p = l !== "unchanged" && (!s || s.change === "unchanged" || s.groupId !== u || s.change !== l), m = {
 			added: c ? c.change === "added" : n.added,
 			groupId: u ?? n.groupId
 		}, h = [];
@@ -82,12 +83,22 @@ async function r(t) {
 			changed: g
 		};
 	}
-	return a.items.push((await o(n, {
+	a.items.push((await o(n, {
 		added: !1,
 		groupId: void 0
-	}, void 0)).node), a;
+	}, void 0)).node);
+	let s = /* @__PURE__ */ new Map();
+	for (let [e, t] of r) s.set(t.node, e);
+	for (let e of t.instances) {
+		let t = s.get(e.tree);
+		!t || !a.meta[t] || (a.meta[t].instance = {
+			linked: e.linked,
+			upToDate: e.upToDate
+		});
+	}
+	return a;
 }
-async function i(e, n, r) {
+async function a(e, n, r) {
 	let i = new Map((n?.editableAttributes ?? []).map((e) => [e.attr, e])), a = [];
 	if (e.change === "added" && e.sourceRef) {
 		let n = await t(r.sourceQuery, e.sourceRef);
@@ -142,13 +153,13 @@ async function i(e, n, r) {
 	}
 	return {
 		tag: e.tagName,
-		title: await o(e, r),
+		title: await s(e, r),
 		change: e.change,
 		attributes: a
 	};
 }
-async function a(e, t, n, r) {
-	let i = {
+async function o(e, t, r, i) {
+	let a = {
 		added: [],
 		updated: [],
 		skipped: [],
@@ -156,49 +167,49 @@ async function a(e, t, n, r) {
 		removed: [],
 		renamed: []
 	};
-	for (let a of e.groups) {
-		let e = await o(a.primary, r), s = a.primary.tagName, c = a.companions.length;
-		if (a.primary.change === "target-only") {
-			t(a.id) === "skip" ? i.preserved.push({
+	for (let o of n(e)) {
+		let e = await s(o.primary, i), n = o.primary.tagName, c = o.companions.length;
+		if (o.primary.change === "target-only") {
+			t(o.id) === "skip" ? a.preserved.push({
 				title: e,
-				tag: s
-			}) : i.removed.push({
+				tag: n
+			}) : a.removed.push({
 				title: e,
-				tag: s
+				tag: n
 			});
 			continue;
 		}
-		if (t(a.id) === "skip") {
-			i.skipped.push({
+		if (t(o.id) === "skip") {
+			a.skipped.push({
 				title: e,
-				tag: s
+				tag: n
 			});
 			continue;
 		}
-		for (let t of a.editableAttributes ?? []) t.conflict && t.suggestedValue && n(a.id, t.attr) == null && i.renamed.push({
+		for (let t of o.editableAttributes ?? []) t.conflict && t.suggestedValue && r(o.id, t.attr) == null && a.renamed.push({
 			title: e,
 			field: t.attr,
 			to: t.suggestedValue
 		});
-		let l = a.editableAttributes?.find((e) => e.attr === "name" && e.conflict), u = n(a.id, "name") ?? l?.suggestedValue ?? e;
-		if (a.primary.change === "added") i.added.push({
+		let l = o.editableAttributes?.find((e) => e.attr === "name" && e.conflict), u = r(o.id, "name") ?? l?.suggestedValue ?? e;
+		if (o.primary.change === "added") a.added.push({
 			title: u,
-			tag: s,
+			tag: n,
 			detail: c ? `+${c} companion${c > 1 ? "s" : ""}` : void 0
 		});
-		else if (a.primary.change === "modified") {
-			let e = a.primary.attributeChanges?.length ?? 0;
-			i.updated.push({
+		else if (o.primary.change === "modified") {
+			let e = o.primary.attributeChanges?.length ?? 0;
+			a.updated.push({
 				title: u,
-				tag: s,
+				tag: n,
 				detail: e ? `${e} attribute change${e > 1 ? "s" : ""}` : void 0
 			});
 		}
 	}
-	return i;
+	return a;
 }
-async function o(t, n) {
+async function s(t, n) {
 	return t.instanceRef ? e(n.targetQuery, t.instanceRef) : t.sourceRef ? e(n.sourceQuery, t.sourceRef) : t.tagName;
 }
 //#endregion
-export { n as buildChangeIndex, i as buildDetail, r as buildStructuralTree, a as buildSummary };
+export { n as allGroups, r as buildChangeIndex, a as buildDetail, i as buildStructuralTree, o as buildSummary };

package/dist/merge/decision-toggle.vue_vue_type_script_setup_true_lang.js

@@ -23,13 +23,13 @@ var c = {
 		})[d.size ?? "undefined"]);
 		return (e, s) => (o(), t("div", c, [n("button", {
 			type: "button",
-			class: a(["btn join-item", [f.value, i.value === "accept" ? "btn-success" : "btn-ghost"]]),
+			class: a(["btn join-item font-semibold", [f.value, i.value === "accept" ? "btn-success text-success-content" : "btn-ghost"]]),
 			disabled: r.disabled,
 			"aria-pressed": i.value === "accept",
 			onClick: s[0] ||= (e) => i.value = "accept"
 		}, " Accept ", 10, l), n("button", {
 			type: "button",
-			class: a(["btn join-item", [f.value, i.value === "skip" ? "btn-warning" : "btn-ghost"]]),
+			class: a(["btn join-item font-semibold", [f.value, i.value === "skip" ? "btn-warning text-black" : "btn-ghost"]]),
 			disabled: r.disabled,
 			"aria-pressed": i.value === "skip",
 			onClick: s[1] ||= (e) => i.value = "skip"