@hiai-gg/docsmint 0.3.7 → 0.3.8

package/dist/frontend/CategoryDialog-DphkZqIB.js

@@ -0,0 +1,611 @@
+import { t as e } from "./loader-circle-BA6aLO71.js";
+import { a as t, i as n, n as r, o as i, r as a, t as o } from "./dialog-D6NxYVmy.js";
+import { a as s, i as c, n as l, r as u, t as d } from "./select-value-sF86Geyh.js";
+import { t as f } from "./label-CW9rxoAb.js";
+import { t as p } from "./copy-GppwRMjX.js";
+import { t as m } from "./circle-check-tSPE1V6t.js";
+import { Qn as h, S as g, _, b as v, er as ee, g as te, h as ne, m as y, nr as re, p as b, tr as ie, v as ae, x as oe, y as se } from "./messages-BpYaLbzE.js";
+import { t as ce } from "./input-B5Rak-5G.js";
+import { a as le, n as ue, o as de, r as x, s as fe, t as pe } from "./api-keys-CpkrA8rD.js";
+import "svelte/internal/disclose-version";
+import * as S from "svelte/internal/client";
+//#region src/lib/components/sidebar/category-dialog-feedback.ts
+function C(e, t) {
+	return typeof e == "object" && e && "status" in e && e.status === 409 ? "A category with this name already exists." : e instanceof Error && e.message.trim().length > 0 ? e.message : t;
+}
+//#endregion
+//#region src/lib/components/sidebar/CategoryDialog.svelte
+var me = S.from_html("<span class=\"font-medium text-foreground\"> </span> ", 1), he = S.from_html("Delete <span class=\"font-medium text-foreground\"> </span> ", 1), w = S.from_html("<!> <!>", 1), ge = S.from_html("<div class=\"flex items-start gap-3 rounded-lg border border-primary/30 bg-primary/10 p-4\" role=\"status\" aria-live=\"polite\"><!> <div><p class=\"text-sm font-medium text-foreground\"> </p> <p class=\"text-sm text-muted-foreground\"><span class=\"font-medium text-foreground\"> </span> </p></div></div>"), _e = S.from_html("<!> Copy API key", 1), ve = S.from_html("<div class=\"rounded-md border border-primary/20 bg-background/80 p-3\"><p class=\"text-xs font-medium text-foreground\">Copy the API key now. It remains available in Settings → API.</p> <code class=\"mt-2 block break-all rounded bg-muted p-2 text-xs text-foreground\"> </code> <!></div>"), T = S.from_html("<p class=\"text-xs text-destructive\" role=\"alert\"> </p>"), ye = S.from_html("<div class=\"space-y-3 rounded-lg border border-primary/30 bg-primary/10 p-4\" role=\"status\" aria-live=\"polite\"><div class=\"flex items-start gap-3\"><!> <div><p class=\"text-sm font-medium text-foreground\">Category created</p> <p class=\"text-sm text-muted-foreground\"> </p></div></div> <!> <!></div>"), be = S.from_html("<p id=\"category-dialog-name-error\" class=\"text-xs text-destructive\" role=\"alert\"> </p>"), E = S.from_html("<!> <!> <!>", 1), xe = S.from_html("<div class=\"space-y-3 rounded-md border border-border/70 bg-muted/30 p-3\"><div class=\"flex flex-wrap items-center justify-between gap-2\"><!> <div class=\"flex flex-wrap gap-2\"><!> <!></div></div> <div class=\"grid gap-2 sm:grid-cols-3\"><label class=\"flex items-center gap-2 rounded-md border border-border/60 bg-background px-3 py-2 text-sm\"><input type=\"checkbox\" class=\"size-4 rounded border-input\"/> <span>Read</span></label> <label class=\"flex items-center gap-2 rounded-md border border-border/60 bg-background px-3 py-2 text-sm\"><input type=\"checkbox\" class=\"size-4 rounded border-input\"/> <span>Edit</span></label> <label class=\"flex items-center gap-2 rounded-md border border-border/60 bg-background px-3 py-2 text-sm\"><input type=\"checkbox\" class=\"size-4 rounded border-input\"/> <span>Write</span></label></div></div>"), Se = S.from_html("<p class=\"text-xs text-muted-foreground\">Save Category API access first, then reopen settings to issue a key.</p>"), Ce = S.from_html("<div class=\"rounded-lg border border-primary/30 bg-primary/10 p-3 text-primary\"><p class=\"text-xs font-medium\">Copy now — this raw key is shown once.</p> <code class=\"mt-1 block break-all rounded bg-background/80 p-2 text-xs text-foreground\"> </code> <!></div>"), we = S.from_html("<div class=\"flex items-center justify-between gap-3 rounded-md bg-muted/40 px-3 py-2 text-xs\"><span> </span> <div class=\"flex shrink-0 gap-2\"><!> <!></div></div>"), Te = S.from_html("<div class=\"space-y-3 rounded-md border border-border/70 p-3\"><div class=\"flex items-center justify-between gap-2\"><div><!><p class=\"text-xs text-muted-foreground\">Keys inherit the saved permissions above.</p></div> <!></div> <!> <!> <div class=\"max-h-48 space-y-2 overflow-y-auto pr-1\"></div></div>"), Ee = S.from_html("<form class=\"space-y-4\"><div class=\"space-y-2\"><!> <!> <!></div> <div class=\"space-y-2\"><!> <!></div> <!> <!></form>"), D = S.from_html("<!> ", 1);
+function O(O, k) {
+	S.push(k, !0);
+	let A = {
+		Root: s,
+		Content: c,
+		Item: u,
+		Trigger: l,
+		Value: d
+	}, j = S.prop(k, "open", 15, !1), M = S.state(""), N = S.state(null), P = S.state(!1), F = S.state("unavailable"), I = S.state(!1), L = S.state(!1), R = S.state(!1), z = S.state(S.proxy([])), B = S.state(S.proxy({})), V = S.state(null), H = S.state(!1), U = S.state(null), W = S.state(null), G = S.state(null), K = S.derived(() => S.get(V) ? S.get(B)[S.get(V)] : void 0);
+	async function q(e) {
+		let t = await le();
+		S.set(z, t.keys.filter((t) => ue(t.scopes) === e), !0);
+	}
+	async function De() {
+		if (k.category?.id) {
+			S.set(H, !0);
+			try {
+				let e = await x(k.category.id);
+				S.set(B, {
+					...S.get(B),
+					[e.id]: e.key
+				}, !0), S.set(V, e.id, !0), await q(k.category.id);
+			} catch (e) {
+				S.set(N, e instanceof Error ? e.message : "Failed to create category API key", !0);
+			} finally {
+				S.set(H, !1);
+			}
+		}
+	}
+	async function Oe(e) {
+		if (k.category?.id) {
+			S.set(H, !0);
+			try {
+				await fe(e);
+				let { [e]: t, ...n } = S.get(B);
+				S.set(B, n, !0), S.get(V) === e && S.set(V, null), await q(k.category.id);
+			} finally {
+				S.set(H, !1);
+			}
+		}
+	}
+	async function ke(e) {
+		let t = S.get(B)[e.id] ?? await de(e.id);
+		await navigator.clipboard.writeText(pe(e, t));
+	}
+	S.user_effect(() => {
+		if (!j()) return;
+		S.set(M, k.category?.name ?? "", !0);
+		let e = k.category?.apiMode === "category" ? "category" : k.category?.apiMode === "global" || k.category?.apiMode === "general" ? "global" : "unavailable";
+		S.set(F, e, !0), S.set(I, !!k.category?.apiPermissionRead, !0), S.set(L, !!k.category?.apiPermissionEdit, !0), S.set(R, !!k.category?.apiPermissionWrite, !0), e === "unavailable" && (S.set(I, !1), S.set(L, !1), S.set(R, !1)), S.set(B, {}, !0), S.set(V, null), S.set(z, [], !0), S.set(U, null), S.set(W, null), S.set(G, null), k.mode === "edit" && k.category?.id && q(k.category.id), S.set(N, null);
+	});
+	let J = S.derived(() => S.get(M).trim()), Y = S.derived(() => k.mode === "delete"), Ae = S.derived(() => S.get(I) || S.get(L) || S.get(R)), X = S.derived(() => S.get(G) ? y() : S.get(Y) ? te() : k.mode === "edit" ? oe() : g()), je = S.derived(() => S.get(Y) ? ee() : k.mode === "edit" ? re() : h());
+	function Me(e) {
+		return e === "category" ? "category" : e === "global" ? "global" : "unavailable";
+	}
+	function Z(e) {
+		if (e === "read") {
+			S.set(I, !0), S.set(L, !1), S.set(R, !1);
+			return;
+		}
+		if (e === "write") {
+			S.set(I, !1), S.set(L, !1), S.set(R, !0);
+			return;
+		}
+		if (e === "read-write") {
+			S.set(I, !0), S.set(L, !1), S.set(R, !0);
+			return;
+		}
+		S.set(I, !0), S.set(L, !0), S.set(R, !0);
+	}
+	async function Q(e) {
+		if (e?.preventDefault(), !S.get(P)) {
+			if (S.get(Y)) {
+				if (!k.onDelete) {
+					$();
+					return;
+				}
+				S.set(P, !0);
+				try {
+					await k.onDelete(), S.set(G, k.category?.name ?? "Category", !0);
+				} catch (e) {
+					console.error("CategoryDialog: delete failed", e), S.set(N, e instanceof Error ? e.message : _(), !0);
+				} finally {
+					S.set(P, !1);
+				}
+				return;
+			}
+			if (S.get(J).length === 0) {
+				S.set(N, "Name is required");
+				return;
+			}
+			if (S.get(F) !== "unavailable" && !S.get(Ae)) {
+				S.set(N, "Select at least one permission");
+				return;
+			}
+			if (!k.onSave) {
+				$();
+				return;
+			}
+			S.set(N, null), S.set(P, !0);
+			try {
+				let e = await k.onSave({
+					name: S.get(J),
+					apiMode: Me(S.get(F)),
+					apiPermissionRead: S.get(F) === "unavailable" ? !1 : S.get(I),
+					apiPermissionEdit: S.get(F) === "unavailable" ? !1 : S.get(L),
+					apiPermissionWrite: S.get(F) === "unavailable" ? !1 : S.get(R)
+				});
+				if (k.mode === "create" && e) {
+					if (S.set(U, e.name, !0), S.get(F) === "category") try {
+						let t = await x(e.id);
+						S.set(W, t.key, !0);
+					} catch (e) {
+						S.set(N, `Category created, but its API key could not be created: ${C(e, "Unknown error")}`);
+					}
+					return;
+				}
+				$();
+			} catch (e) {
+				console.error("CategoryDialog: save failed", e), S.set(N, C(e, k.mode === "edit" ? ae() : se()), !0);
+			} finally {
+				S.set(P, !1);
+			}
+		}
+	}
+	function $() {
+		S.get(P) || (j(!1), k.onClose?.());
+	}
+	function Ne(e) {
+		if (!e && S.get(P)) {
+			j(!0);
+			return;
+		}
+		e || $();
+	}
+	t(O, {
+		onOpenChange: Ne,
+		get open() {
+			return j();
+		},
+		set open(e) {
+			j(e);
+		},
+		children: (t, s) => {
+			var c = E(), l = S.first_child(c);
+			r(l, {
+				children: (e, t) => {
+					var r = w(), i = S.first_child(r);
+					o(i, {
+						children: (e, t) => {
+							S.next();
+							var n = S.text();
+							S.template_effect(() => S.set_text(n, S.get(X))), S.append(e, n);
+						},
+						$$slots: { default: !0 }
+					});
+					var a = S.sibling(i, 2), s = (e) => {
+						n(e, {
+							children: (e, t) => {
+								var n = me(), r = S.first_child(n), i = S.child(r);
+								S.reset(r);
+								var a = S.sibling(r);
+								S.template_effect((e) => {
+									S.set_text(i, `“${S.get(G) ?? ""}”`), S.set_text(a, ` ${e ?? ""}`);
+								}, [() => b()]), S.append(e, n);
+							},
+							$$slots: { default: !0 }
+						});
+					}, c = (e) => {
+						n(e, {
+							children: (e, t) => {
+								S.next();
+								var n = he(), r = S.sibling(S.first_child(n)), i = S.child(r);
+								S.reset(r);
+								var a = S.sibling(r);
+								S.template_effect((e) => {
+									S.set_text(i, `“${k.category?.name ?? "Category" ?? ""}”`), S.set_text(a, `?
+				${e ?? ""}`);
+								}, [() => ne()]), S.append(e, n);
+							},
+							$$slots: { default: !0 }
+						});
+					}, l = (e) => {
+						n(e, {
+							children: (e, t) => {
+								S.next();
+								var n = S.text();
+								S.template_effect((e) => S.set_text(n, e), [() => v()]), S.append(e, n);
+							},
+							$$slots: { default: !0 }
+						});
+					};
+					S.if(a, (e) => {
+						S.get(G) ? e(s) : S.get(Y) ? e(c, 1) : e(l, -1);
+					}), S.append(e, r);
+				},
+				$$slots: { default: !0 }
+			});
+			var u = S.sibling(l, 2), d = (e) => {
+				var t = ge(), n = S.child(t);
+				m(n, { class: "mt-0.5 size-5 shrink-0 text-primary" });
+				var r = S.sibling(n, 2), i = S.child(r), a = S.child(i, !0);
+				S.reset(i);
+				var o = S.sibling(i, 2), s = S.child(o), c = S.child(s);
+				S.reset(s);
+				var l = S.sibling(s);
+				S.reset(o), S.reset(r), S.reset(t), S.template_effect((e, t) => {
+					S.set_text(a, e), S.set_text(c, `“${S.get(G) ?? ""}”`), S.set_text(l, ` ${t ?? ""}`);
+				}, [() => y(), () => b()]), S.append(e, t);
+			}, h = (e) => {
+				var t = ye(), n = S.child(t), r = S.child(n);
+				m(r, { class: "mt-0.5 size-5 shrink-0 text-primary" });
+				var a = S.sibling(r, 2), o = S.sibling(S.child(a), 2), s = S.child(o);
+				S.reset(o), S.reset(a), S.reset(n);
+				var c = S.sibling(n, 2), l = (e) => {
+					var t = ve(), n = S.sibling(S.child(t), 2), r = S.child(n, !0);
+					S.reset(n), i(S.sibling(n, 2), {
+						type: "button",
+						size: "sm",
+						variant: "outline",
+						class: "mt-2",
+						onclick: () => navigator.clipboard.writeText(S.get(W) ?? ""),
+						children: (e, t) => {
+							var n = _e();
+							p(S.first_child(n), { class: "mr-1 size-3.5" }), S.next(), S.append(e, n);
+						},
+						$$slots: { default: !0 }
+					}), S.reset(t), S.template_effect(() => S.set_text(r, S.get(W))), S.append(e, t);
+				};
+				S.if(c, (e) => {
+					S.get(W) && e(l);
+				});
+				var u = S.sibling(c, 2), d = (e) => {
+					var t = T(), n = S.child(t, !0);
+					S.reset(t), S.template_effect(() => S.set_text(n, S.get(N))), S.append(e, t);
+				};
+				S.if(u, (e) => {
+					S.get(N) && e(d);
+				}), S.reset(t), S.template_effect(() => S.set_text(s, `${S.get(U) ?? ""} is ready to use.`)), S.append(e, t);
+			}, g = (e) => {
+				var t = Ee(), n = S.child(t), r = S.child(n);
+				f(r, {
+					for: "category-dialog-name",
+					children: (e, t) => {
+						S.next();
+						var n = S.text();
+						S.template_effect((e) => S.set_text(n, e), [() => v()]), S.append(e, n);
+					},
+					$$slots: { default: !0 }
+				});
+				var a = S.sibling(r, 2);
+				{
+					let e = S.derived(() => v()), t = S.derived(() => S.get(N) ? "true" : void 0), n = S.derived(() => S.get(N) ? "category-dialog-name-error" : void 0);
+					ce(a, {
+						id: "category-dialog-name",
+						name: "name",
+						type: "text",
+						get placeholder() {
+							return S.get(e);
+						},
+						maxlength: 255,
+						required: !0,
+						get disabled() {
+							return S.get(P);
+						},
+						get "aria-invalid"() {
+							return S.get(t);
+						},
+						get "aria-describedby"() {
+							return S.get(n);
+						},
+						autocomplete: "off",
+						get value() {
+							return S.get(M);
+						},
+						set value(e) {
+							S.set(M, e, !0);
+						}
+					});
+				}
+				var o = S.sibling(a, 2), s = (e) => {
+					var t = be(), n = S.child(t, !0);
+					S.reset(t), S.template_effect(() => S.set_text(n, S.get(N))), S.append(e, t);
+				};
+				S.if(o, (e) => {
+					S.get(N) && e(s);
+				}), S.reset(n);
+				var c = S.sibling(n, 2), l = S.child(c);
+				f(l, {
+					for: "category-dialog-api-mode",
+					children: (e, t) => {
+						S.next();
+						var n = S.text("API access");
+						S.append(e, n);
+					},
+					$$slots: { default: !0 }
+				});
+				var u = S.sibling(l, 2);
+				S.component(u, () => A.Root, (e, t) => {
+					t(e, {
+						type: "single",
+						get value() {
+							return S.get(F);
+						},
+						get disabled() {
+							return S.get(P);
+						},
+						onValueChange: (e) => {
+							(e === "unavailable" || e === "global" || e === "category") && S.set(F, e, !0);
+						},
+						children: (e, t) => {
+							var n = w(), r = S.first_child(n);
+							S.component(r, () => A.Trigger, (e, t) => {
+								t(e, {
+									id: "category-dialog-api-mode",
+									class: "h-10 w-full",
+									children: (e, t) => {
+										var n = S.comment(), r = S.first_child(n);
+										S.component(r, () => A.Value, (e, t) => {
+											t(e, {
+												placeholder: "Select API access",
+												children: (e, t) => {
+													S.next();
+													var n = S.text();
+													S.template_effect(() => S.set_text(n, S.get(F) === "unavailable" ? "Unavailable" : S.get(F) === "global" ? "Global" : "Category API")), S.append(e, n);
+												},
+												$$slots: { default: !0 }
+											});
+										}), S.append(e, n);
+									},
+									$$slots: { default: !0 }
+								});
+							});
+							var i = S.sibling(r, 2);
+							S.component(i, () => A.Content, (e, t) => {
+								t(e, {
+									children: (e, t) => {
+										var n = E(), r = S.first_child(n);
+										S.component(r, () => A.Item, (e, t) => {
+											t(e, {
+												value: "unavailable",
+												children: (e, t) => {
+													S.next();
+													var n = S.text("Unavailable");
+													S.append(e, n);
+												},
+												$$slots: { default: !0 }
+											});
+										});
+										var i = S.sibling(r, 2);
+										S.component(i, () => A.Item, (e, t) => {
+											t(e, {
+												value: "global",
+												children: (e, t) => {
+													S.next();
+													var n = S.text("Global");
+													S.append(e, n);
+												},
+												$$slots: { default: !0 }
+											});
+										});
+										var a = S.sibling(i, 2);
+										S.component(a, () => A.Item, (e, t) => {
+											t(e, {
+												value: "category",
+												children: (e, t) => {
+													S.next();
+													var n = S.text("Category API");
+													S.append(e, n);
+												},
+												$$slots: { default: !0 }
+											});
+										}), S.append(e, n);
+									},
+									$$slots: { default: !0 }
+								});
+							}), S.append(e, n);
+						},
+						$$slots: { default: !0 }
+					});
+				}), S.reset(c);
+				var d = S.sibling(c, 2), p = (e) => {
+					var t = xe(), n = S.child(t), r = S.child(n);
+					f(r, {
+						class: "text-sm",
+						children: (e, t) => {
+							S.next();
+							var n = S.text("Permissions");
+							S.append(e, n);
+						},
+						$$slots: { default: !0 }
+					});
+					var a = S.sibling(r, 2), o = S.child(a);
+					i(o, {
+						type: "button",
+						variant: "outline",
+						size: "sm",
+						onclick: () => Z("read-write"),
+						children: (e, t) => {
+							S.next();
+							var n = S.text("Read / Write");
+							S.append(e, n);
+						},
+						$$slots: { default: !0 }
+					}), i(S.sibling(o, 2), {
+						type: "button",
+						variant: "outline",
+						size: "sm",
+						onclick: () => Z("read-edit-write"),
+						children: (e, t) => {
+							S.next();
+							var n = S.text("Read / Edit / Write");
+							S.append(e, n);
+						},
+						$$slots: { default: !0 }
+					}), S.reset(a), S.reset(n);
+					var s = S.sibling(n, 2), c = S.child(s), l = S.child(c);
+					S.remove_input_defaults(l), S.next(2), S.reset(c);
+					var u = S.sibling(c, 2), d = S.child(u);
+					S.remove_input_defaults(d), S.next(2), S.reset(u);
+					var p = S.sibling(u, 2), m = S.child(p);
+					S.remove_input_defaults(m), S.next(2), S.reset(p), S.reset(s), S.reset(t), S.template_effect(() => {
+						l.disabled = S.get(P), d.disabled = S.get(P), m.disabled = S.get(P);
+					}), S.bind_checked(l, () => S.get(I), (e) => S.set(I, e)), S.bind_checked(d, () => S.get(L), (e) => S.set(L, e)), S.bind_checked(m, () => S.get(R), (e) => S.set(R, e)), S.append(e, t);
+				};
+				S.if(d, (e) => {
+					S.get(F) !== "unavailable" && e(p);
+				});
+				var m = S.sibling(d, 2), h = (e) => {
+					var t = Te(), n = S.child(t), r = S.child(n);
+					f(S.child(r), {
+						children: (e, t) => {
+							S.next();
+							var n = S.text("Category API keys");
+							S.append(e, n);
+						},
+						$$slots: { default: !0 }
+					}), S.next(), S.reset(r);
+					var a = S.sibling(r, 2);
+					{
+						let e = S.derived(() => S.get(P) || S.get(H) || k.category.apiMode !== "category");
+						i(a, {
+							type: "button",
+							size: "sm",
+							onclick: De,
+							get disabled() {
+								return S.get(e);
+							},
+							children: (e, t) => {
+								S.next();
+								var n = S.text("Create key");
+								S.append(e, n);
+							},
+							$$slots: { default: !0 }
+						});
+					}
+					S.reset(n);
+					var o = S.sibling(n, 2), s = (e) => {
+						var t = Se();
+						S.append(e, t);
+					};
+					S.if(o, (e) => {
+						k.category.apiMode !== "category" && e(s);
+					});
+					var c = S.sibling(o, 2), l = (e) => {
+						var t = Ce(), n = S.sibling(S.child(t), 2), r = S.child(n, !0);
+						S.reset(n), i(S.sibling(n, 2), {
+							type: "button",
+							size: "sm",
+							variant: "outline",
+							class: "mt-2",
+							onclick: () => navigator.clipboard.writeText(S.get(K)),
+							children: (e, t) => {
+								S.next();
+								var n = S.text("Copy key");
+								S.append(e, n);
+							},
+							$$slots: { default: !0 }
+						}), S.reset(t), S.template_effect(() => S.set_text(r, S.get(K))), S.append(e, t);
+					};
+					S.if(c, (e) => {
+						S.get(K) && e(l);
+					});
+					var u = S.sibling(c, 2);
+					S.each(u, 21, () => S.get(z), (e) => e.id, (e, t) => {
+						var n = we(), r = S.child(n), a = S.child(r);
+						S.reset(r);
+						var o = S.sibling(r, 2), s = S.child(o);
+						{
+							let e = S.derived(() => !S.get(t).recoverable && !S.get(B)[S.get(t).id]);
+							i(s, {
+								type: "button",
+								size: "sm",
+								variant: "outline",
+								onclick: () => ke(S.get(t)),
+								get disabled() {
+									return S.get(e);
+								},
+								children: (e, n) => {
+									S.next();
+									var r = S.text();
+									S.template_effect(() => S.set_text(r, S.get(t).recoverable || S.get(B)[S.get(t).id] ? "Copy key" : "Rotate to enable copy")), S.append(e, r);
+								},
+								$$slots: { default: !0 }
+							});
+						}
+						i(S.sibling(s, 2), {
+							type: "button",
+							size: "sm",
+							variant: "destructive",
+							onclick: () => Oe(S.get(t).id),
+							get disabled() {
+								return S.get(H);
+							},
+							children: (e, t) => {
+								S.next();
+								var n = S.text("Revoke");
+								S.append(e, n);
+							},
+							$$slots: { default: !0 }
+						}), S.reset(o), S.reset(n), S.template_effect(() => S.set_text(a, `${S.get(t).name ?? ""} · ${S.get(t).prefix ?? ""}…`)), S.append(e, n);
+					}), S.reset(u), S.reset(t), S.append(e, t);
+				};
+				S.if(m, (e) => {
+					k.mode === "edit" && S.get(F) === "category" && k.category?.id && e(h);
+				}), S.reset(t), S.event("submit", t, Q), S.append(e, t);
+			}, _ = (e) => {
+				var t = T(), n = S.child(t, !0);
+				S.reset(t), S.template_effect(() => S.set_text(n, S.get(N))), S.append(e, t);
+			};
+			S.if(u, (e) => {
+				S.get(G) ? e(d) : S.get(U) ? e(h, 1) : S.get(Y) ? S.get(N) && e(_, 3) : e(g, 2);
+			}), a(S.sibling(u, 2), {
+				class: "gap-2 max-sm:flex-col max-sm:items-stretch",
+				children: (t, n) => {
+					var r = w(), a = S.first_child(r), o = (e) => {
+						i(e, {
+							variant: "outline",
+							type: "button",
+							onclick: $,
+							get disabled() {
+								return S.get(P);
+							},
+							children: (e, t) => {
+								S.next();
+								var n = S.text();
+								S.template_effect((e) => S.set_text(n, e), [() => ie()]), S.append(e, n);
+							},
+							$$slots: { default: !0 }
+						});
+					};
+					S.if(a, (e) => {
+						!S.get(U) && !S.get(G) && e(o);
+					});
+					var s = S.sibling(a, 2);
+					{
+						let t = S.derived(() => S.get(Y) ? "button" : "submit"), n = S.derived(() => S.get(Y) ? "destructive" : "default"), r = S.derived(() => S.get(U) || S.get(G) ? $ : Q), a = S.derived(() => S.get(P) || !S.get(Y) && !S.get(U) && !S.get(G) && S.get(J).length === 0);
+						i(s, {
+							get type() {
+								return S.get(t);
+							},
+							get variant() {
+								return S.get(n);
+							},
+							get onclick() {
+								return S.get(r);
+							},
+							get disabled() {
+								return S.get(a);
+							},
+							children: (t, n) => {
+								var r = D(), i = S.first_child(r), a = (t) => {
+									e(t, { class: "mr-1 size-4 animate-spin" });
+								};
+								S.if(i, (e) => {
+									S.get(P) && e(a);
+								});
+								var o = S.sibling(i);
+								S.template_effect(() => S.set_text(o, ` ${(S.get(U) || S.get(G) ? "Done" : S.get(je)) ?? ""}`)), S.append(t, r);
+							},
+							$$slots: { default: !0 }
+						});
+					}
+					S.append(t, r);
+				},
+				$$slots: { default: !0 }
+			}), S.append(t, c);
+		},
+		$$slots: { default: !0 }
+	}), S.pop();
+}
+//#endregion
+export { O as t };