@hiai-gg/docsmint 0.7.0 → 0.7.3

package/dist/frontend/CategoryDialog-bQKMpVFD.js

@@ -0,0 +1,631 @@
+import { t as e } from "./copy-CvCh4ZVt.js";
+import { t } from "./circle-check-BrqfiQH1.js";
+import { n } from "./dist-DQa_OHOa.js";
+import { C as r, S as i, _ as a, b as o, er as s, g as c, h as l, ir as u, m as d, nr as f, rr as p, v as m, x as h, y as g } from "./messages-DTRe4U2V.js";
+import { a as ee } from "./route-context-DYQlUfzL.js";
+import { a as te, i as _, n as ne, o as re, r as ie, s as v, t as ae } from "./dialog-CiSwD-_v.js";
+import { t as oe } from "./input-N9dNSOWF.js";
+import { t as y } from "./label-CK72_fw8.js";
+import { a as se, n as ce, o as le, r as b, s as ue, t as de } from "./api-keys-DIwAdYkg.js";
+import { a as fe, i as pe, n as me, r as he, t as ge } from "./select-value-BD1DToYs.js";
+import "svelte/internal/disclose-version";
+import * as x from "svelte/internal/client";
+//#region src/lib/components/sidebar/category-api-key-flow.ts
+async function _e(e) {
+	if (!e.draft.name.trim()) throw Error("Name is required");
+	if (e.draft.apiMode !== "category") throw Error("Select Category API access");
+	if (!e.draft.apiPermissionRead && !e.draft.apiPermissionEdit && !e.draft.apiPermissionWrite) throw Error("Select at least one permission");
+	let t = await e.save(e.draft);
+	if (!t || t.id !== e.categoryId) throw Error("Failed to save Category API access");
+	return e.issue(e.categoryId);
+}
+//#endregion
+//#region src/lib/components/sidebar/category-dialog-feedback.ts
+function S(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 ve = x.from_html("<span class=\"font-medium text-foreground\"> </span> ", 1), ye = x.from_html("Delete <span class=\"font-medium text-foreground\"> </span> ", 1), C = x.from_html("<!> <!>", 1), be = x.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>"), xe = x.from_html("<!> Copy API key", 1), Se = x.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>"), w = x.from_html("<p class=\"text-xs text-destructive\" role=\"alert\"> </p>"), Ce = x.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>"), we = x.from_html("<p id=\"category-dialog-name-error\" class=\"text-xs text-destructive\" role=\"alert\"> </p>"), T = x.from_html("<!> <!> <!>", 1), Te = x.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>"), Ee = x.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>"), De = x.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>"), Oe = x.from_html("<div class=\"space-y-3 rounded-md border border-border/70 p-3\"><div class=\"flex items-center justify-between gap-2 max-sm:flex-col max-sm:items-stretch\"><div><!> <p class=\"text-xs text-muted-foreground\">The current permissions are saved before the key is issued.</p></div> <!></div> <!> <div class=\"max-h-48 space-y-2 overflow-y-auto pr-1\"></div></div>"), ke = x.from_html("<form data-category-dialog-scroll=\"\" class=\"max-h-[calc(100dvh-12rem)] space-y-4 overflow-y-auto overscroll-contain px-1\"><div class=\"space-y-2\"><!> <!> <!></div> <div class=\"space-y-2\"><!> <!></div> <!> <!></form>"), Ae = x.from_html("<!> ", 1);
+function E(E, D) {
+	x.push(D, !0);
+	let O = {
+		Root: fe,
+		Content: pe,
+		Item: he,
+		Trigger: me,
+		Value: ge
+	}, k = ee(), A = x.prop(D, "open", 15, !1), j = x.state(""), M = x.state(null), N = x.state(!1), P = x.state("unavailable"), F = x.state(!1), I = x.state(!1), L = x.state(!1), R = x.state(x.proxy([])), z = x.state(x.proxy({})), B = x.state(null), V = x.state(!1), H = x.state(null), U = x.state(null), W = x.state(null), G = x.derived(() => x.get(B) ? x.get(z)[x.get(B)] : void 0);
+	async function K(e) {
+		let t = await se(k.fetch);
+		x.set(R, t.keys.filter((t) => ce(t.scopes) === e), !0);
+	}
+	async function je() {
+		if (!(!D.category?.id || !D.onSave)) {
+			x.set(V, !0), x.set(M, null);
+			try {
+				let e = await _e({
+					categoryId: D.category.id,
+					draft: {
+						name: x.get(q),
+						apiMode: X(x.get(P)),
+						apiPermissionRead: x.get(F),
+						apiPermissionEdit: x.get(I),
+						apiPermissionWrite: x.get(L)
+					},
+					save: async (e) => D.onSave(e),
+					issue: async (e) => b(e, void 0, k.fetch)
+				});
+				x.set(z, {
+					...x.get(z),
+					[e.id]: e.key
+				}, !0), x.set(B, e.id, !0), await K(D.category.id);
+			} catch (e) {
+				x.set(M, e instanceof Error ? e.message : "Failed to create category API key", !0);
+			} finally {
+				x.set(V, !1);
+			}
+		}
+	}
+	async function Me(e) {
+		if (D.category?.id) {
+			x.set(V, !0);
+			try {
+				await ue(e, k.fetch);
+				let { [e]: t, ...n } = x.get(z);
+				x.set(z, n, !0), x.get(B) === e && x.set(B, null), await K(D.category.id);
+			} finally {
+				x.set(V, !1);
+			}
+		}
+	}
+	async function Ne(e) {
+		let t = x.get(z)[e.id] ?? await le(e.id, k.fetch);
+		await navigator.clipboard.writeText(de(e, t));
+	}
+	x.user_effect(() => {
+		if (!A()) return;
+		x.set(j, D.category?.name ?? "", !0);
+		let e = D.category?.apiMode === "category" ? "category" : D.category?.apiMode === "global" ? "global" : "unavailable";
+		x.set(P, e, !0), x.set(F, !!D.category?.apiPermissionRead, !0), x.set(I, !!D.category?.apiPermissionEdit, !0), x.set(L, !!D.category?.apiPermissionWrite, !0), e === "unavailable" && (x.set(F, !1), x.set(I, !1), x.set(L, !1)), x.set(z, {}, !0), x.set(B, null), x.set(R, [], !0), x.set(H, null), x.set(U, null), x.set(W, null), D.mode === "edit" && D.category?.id && K(D.category.id), x.set(M, null);
+	});
+	let q = x.derived(() => x.get(j).trim()), J = x.derived(() => D.mode === "delete"), Y = x.derived(() => x.get(F) || x.get(I) || x.get(L)), Pe = x.derived(() => x.get(W) ? l() : x.get(J) ? a() : D.mode === "edit" ? i() : r()), Fe = x.derived(() => x.get(J) ? f() : D.mode === "edit" ? u() : s());
+	function X(e) {
+		return e === "category" ? "category" : e === "global" ? "global" : "unavailable";
+	}
+	function Z(e) {
+		if (e === "read") {
+			x.set(F, !0), x.set(I, !1), x.set(L, !1);
+			return;
+		}
+		if (e === "write") {
+			x.set(F, !1), x.set(I, !1), x.set(L, !0);
+			return;
+		}
+		if (e === "read-write") {
+			x.set(F, !0), x.set(I, !1), x.set(L, !0);
+			return;
+		}
+		x.set(F, !0), x.set(I, !0), x.set(L, !0);
+	}
+	async function Q(e) {
+		if (e?.preventDefault(), !x.get(N)) {
+			if (x.get(J)) {
+				if (!D.onDelete) {
+					$();
+					return;
+				}
+				x.set(N, !0);
+				try {
+					await D.onDelete(), x.set(W, D.category?.name ?? "Category", !0);
+				} catch (e) {
+					console.error("CategoryDialog: delete failed", e), x.set(M, e instanceof Error ? e.message : m(), !0);
+				} finally {
+					x.set(N, !1);
+				}
+				return;
+			}
+			if (x.get(q).length === 0) {
+				x.set(M, "Name is required");
+				return;
+			}
+			if (x.get(P) !== "unavailable" && !x.get(Y)) {
+				x.set(M, "Select at least one permission");
+				return;
+			}
+			if (!D.onSave) {
+				$();
+				return;
+			}
+			x.set(M, null), x.set(N, !0);
+			try {
+				let e = await D.onSave({
+					name: x.get(q),
+					apiMode: X(x.get(P)),
+					apiPermissionRead: x.get(P) === "unavailable" ? !1 : x.get(F),
+					apiPermissionEdit: x.get(P) === "unavailable" ? !1 : x.get(I),
+					apiPermissionWrite: x.get(P) === "unavailable" ? !1 : x.get(L)
+				});
+				if (D.mode === "create" && e) {
+					if (x.set(H, e.name, !0), x.get(P) === "category") try {
+						let t = await b(e.id, void 0, k.fetch);
+						x.set(U, t.key, !0);
+					} catch (e) {
+						x.set(M, `Category created, but its API key could not be created: ${S(e, "Unknown error")}`);
+					}
+					return;
+				}
+				$();
+			} catch (e) {
+				console.error("CategoryDialog: save failed", e), x.set(M, S(e, D.mode === "edit" ? g() : o()), !0);
+			} finally {
+				x.set(N, !1);
+			}
+		}
+	}
+	function $() {
+		x.get(N) || (A(!1), D.onClose?.());
+	}
+	function Ie(e) {
+		if (!e && x.get(N)) {
+			A(!0);
+			return;
+		}
+		e || $();
+	}
+	re(E, {
+		onOpenChange: Ie,
+		get open() {
+			return A();
+		},
+		set open(e) {
+			A(e);
+		},
+		children: (r, i) => {
+			te(r, {
+				children: (r, i) => {
+					var a = T(), o = x.first_child(a);
+					ne(o, {
+						children: (e, t) => {
+							var n = C(), r = x.first_child(n);
+							ae(r, {
+								children: (e, t) => {
+									x.next();
+									var n = x.text();
+									x.template_effect(() => x.set_text(n, x.get(Pe))), x.append(e, n);
+								},
+								$$slots: { default: !0 }
+							});
+							var i = x.sibling(r, 2), a = (e) => {
+								_(e, {
+									children: (e, t) => {
+										var n = ve(), r = x.first_child(n), i = x.child(r);
+										x.reset(r);
+										var a = x.sibling(r);
+										x.template_effect((e) => {
+											x.set_text(i, `“${x.get(W) ?? ""}”`), x.set_text(a, ` ${e ?? ""}`);
+										}, [() => d()]), x.append(e, n);
+									},
+									$$slots: { default: !0 }
+								});
+							}, o = (e) => {
+								_(e, {
+									children: (e, t) => {
+										x.next();
+										var n = ye(), r = x.sibling(x.first_child(n)), i = x.child(r);
+										x.reset(r);
+										var a = x.sibling(r);
+										x.template_effect((e) => {
+											x.set_text(i, `“${D.category?.name ?? "Category" ?? ""}”`), x.set_text(a, `?
+        ${e ?? ""}`);
+										}, [() => c()]), x.append(e, n);
+									},
+									$$slots: { default: !0 }
+								});
+							}, s = (e) => {
+								_(e, {
+									children: (e, t) => {
+										x.next();
+										var n = x.text();
+										x.template_effect((e) => x.set_text(n, e), [() => h()]), x.append(e, n);
+									},
+									$$slots: { default: !0 }
+								});
+							};
+							x.if(i, (e) => {
+								x.get(W) ? e(a) : x.get(J) ? e(o, 1) : e(s, -1);
+							}), x.append(e, n);
+						},
+						$$slots: { default: !0 }
+					});
+					var s = x.sibling(o, 2), u = (e) => {
+						var n = be(), r = x.child(n);
+						t(r, { class: "mt-0.5 size-5 shrink-0 text-primary" });
+						var i = x.sibling(r, 2), a = x.child(i), o = x.child(a, !0);
+						x.reset(a);
+						var s = x.sibling(a, 2), c = x.child(s), u = x.child(c);
+						x.reset(c);
+						var f = x.sibling(c);
+						x.reset(s), x.reset(i), x.reset(n), x.template_effect((e, t) => {
+							x.set_text(o, e), x.set_text(u, `“${x.get(W) ?? ""}”`), x.set_text(f, ` ${t ?? ""}`);
+						}, [() => l(), () => d()]), x.append(e, n);
+					}, f = (n) => {
+						var r = Ce(), i = x.child(r), a = x.child(i);
+						t(a, { class: "mt-0.5 size-5 shrink-0 text-primary" });
+						var o = x.sibling(a, 2), s = x.sibling(x.child(o), 2), c = x.child(s);
+						x.reset(s), x.reset(o), x.reset(i);
+						var l = x.sibling(i, 2), u = (t) => {
+							var n = Se(), r = x.sibling(x.child(n), 2), i = x.child(r, !0);
+							x.reset(r), v(x.sibling(r, 2), {
+								type: "button",
+								size: "sm",
+								variant: "outline",
+								class: "mt-2",
+								onclick: () => navigator.clipboard.writeText(x.get(U) ?? ""),
+								children: (t, n) => {
+									var r = xe();
+									e(x.first_child(r), { class: "mr-1 size-3.5" }), x.next(), x.append(t, r);
+								},
+								$$slots: { default: !0 }
+							}), x.reset(n), x.template_effect(() => x.set_text(i, x.get(U))), x.append(t, n);
+						};
+						x.if(l, (e) => {
+							x.get(U) && e(u);
+						});
+						var d = x.sibling(l, 2), f = (e) => {
+							var t = w(), n = x.child(t, !0);
+							x.reset(t), x.template_effect(() => x.set_text(n, x.get(M))), x.append(e, t);
+						};
+						x.if(d, (e) => {
+							x.get(M) && e(f);
+						}), x.reset(r), x.template_effect(() => x.set_text(c, `${x.get(H) ?? ""} is ready to use.`)), x.append(n, r);
+					}, m = (e) => {
+						var t = ke(), n = x.child(t), r = x.child(n);
+						y(r, {
+							for: "category-dialog-name",
+							children: (e, t) => {
+								x.next();
+								var n = x.text();
+								x.template_effect((e) => x.set_text(n, e), [() => h()]), x.append(e, n);
+							},
+							$$slots: { default: !0 }
+						});
+						var i = x.sibling(r, 2);
+						{
+							let e = x.derived(() => h()), t = x.derived(() => x.get(M) ? "true" : void 0), n = x.derived(() => x.get(M) ? "category-dialog-name-error" : void 0);
+							oe(i, {
+								id: "category-dialog-name",
+								name: "name",
+								type: "text",
+								get placeholder() {
+									return x.get(e);
+								},
+								maxlength: 255,
+								required: !0,
+								get disabled() {
+									return x.get(N);
+								},
+								get "aria-invalid"() {
+									return x.get(t);
+								},
+								get "aria-describedby"() {
+									return x.get(n);
+								},
+								autocomplete: "off",
+								get value() {
+									return x.get(j);
+								},
+								set value(e) {
+									x.set(j, e, !0);
+								}
+							});
+						}
+						var a = x.sibling(i, 2), o = (e) => {
+							var t = we(), n = x.child(t, !0);
+							x.reset(t), x.template_effect(() => x.set_text(n, x.get(M))), x.append(e, t);
+						};
+						x.if(a, (e) => {
+							x.get(M) && e(o);
+						}), x.reset(n);
+						var s = x.sibling(n, 2), c = x.child(s);
+						y(c, {
+							for: "category-dialog-api-mode",
+							children: (e, t) => {
+								x.next();
+								var n = x.text("API access");
+								x.append(e, n);
+							},
+							$$slots: { default: !0 }
+						});
+						var l = x.sibling(c, 2);
+						x.component(l, () => O.Root, (e, t) => {
+							t(e, {
+								type: "single",
+								get value() {
+									return x.get(P);
+								},
+								get disabled() {
+									return x.get(N);
+								},
+								onValueChange: (e) => {
+									(e === "unavailable" || e === "global" || e === "category") && x.set(P, e, !0);
+								},
+								children: (e, t) => {
+									var n = C(), r = x.first_child(n);
+									x.component(r, () => O.Trigger, (e, t) => {
+										t(e, {
+											id: "category-dialog-api-mode",
+											class: "h-10 w-full",
+											children: (e, t) => {
+												var n = x.comment(), r = x.first_child(n);
+												x.component(r, () => O.Value, (e, t) => {
+													t(e, {
+														placeholder: "Select API access",
+														children: (e, t) => {
+															x.next();
+															var n = x.text();
+															x.template_effect(() => x.set_text(n, x.get(P) === "unavailable" ? "Unavailable" : x.get(P) === "global" ? "Global" : "Category API")), x.append(e, n);
+														},
+														$$slots: { default: !0 }
+													});
+												}), x.append(e, n);
+											},
+											$$slots: { default: !0 }
+										});
+									});
+									var i = x.sibling(r, 2);
+									x.component(i, () => O.Content, (e, t) => {
+										t(e, {
+											children: (e, t) => {
+												var n = T(), r = x.first_child(n);
+												x.component(r, () => O.Item, (e, t) => {
+													t(e, {
+														value: "unavailable",
+														children: (e, t) => {
+															x.next();
+															var n = x.text("Unavailable");
+															x.append(e, n);
+														},
+														$$slots: { default: !0 }
+													});
+												});
+												var i = x.sibling(r, 2);
+												x.component(i, () => O.Item, (e, t) => {
+													t(e, {
+														value: "global",
+														children: (e, t) => {
+															x.next();
+															var n = x.text("Global");
+															x.append(e, n);
+														},
+														$$slots: { default: !0 }
+													});
+												});
+												var a = x.sibling(i, 2);
+												x.component(a, () => O.Item, (e, t) => {
+													t(e, {
+														value: "category",
+														children: (e, t) => {
+															x.next();
+															var n = x.text("Category API");
+															x.append(e, n);
+														},
+														$$slots: { default: !0 }
+													});
+												}), x.append(e, n);
+											},
+											$$slots: { default: !0 }
+										});
+									}), x.append(e, n);
+								},
+								$$slots: { default: !0 }
+							});
+						}), x.reset(s);
+						var u = x.sibling(s, 2), d = (e) => {
+							var t = Te(), n = x.child(t), r = x.child(n);
+							y(r, {
+								class: "text-sm",
+								children: (e, t) => {
+									x.next();
+									var n = x.text("Permissions");
+									x.append(e, n);
+								},
+								$$slots: { default: !0 }
+							});
+							var i = x.sibling(r, 2), a = x.child(i);
+							v(a, {
+								type: "button",
+								variant: "outline",
+								size: "sm",
+								onclick: () => Z("read-write"),
+								children: (e, t) => {
+									x.next();
+									var n = x.text("Read / Write");
+									x.append(e, n);
+								},
+								$$slots: { default: !0 }
+							}), v(x.sibling(a, 2), {
+								type: "button",
+								variant: "outline",
+								size: "sm",
+								onclick: () => Z("read-edit-write"),
+								children: (e, t) => {
+									x.next();
+									var n = x.text("Read / Edit / Write");
+									x.append(e, n);
+								},
+								$$slots: { default: !0 }
+							}), x.reset(i), x.reset(n);
+							var o = x.sibling(n, 2), s = x.child(o), c = x.child(s);
+							x.remove_input_defaults(c), x.next(2), x.reset(s);
+							var l = x.sibling(s, 2), u = x.child(l);
+							x.remove_input_defaults(u), x.next(2), x.reset(l);
+							var d = x.sibling(l, 2), f = x.child(d);
+							x.remove_input_defaults(f), x.next(2), x.reset(d), x.reset(o), x.reset(t), x.template_effect(() => {
+								c.disabled = x.get(N), u.disabled = x.get(N), f.disabled = x.get(N);
+							}), x.bind_checked(c, () => x.get(F), (e) => x.set(F, e)), x.bind_checked(u, () => x.get(I), (e) => x.set(I, e)), x.bind_checked(f, () => x.get(L), (e) => x.set(L, e)), x.append(e, t);
+						};
+						x.if(u, (e) => {
+							x.get(P) !== "unavailable" && e(d);
+						});
+						var f = x.sibling(u, 2), p = (e) => {
+							var t = Oe(), n = x.child(t), r = x.child(n);
+							y(x.child(r), {
+								children: (e, t) => {
+									x.next();
+									var n = x.text("Category API keys");
+									x.append(e, n);
+								},
+								$$slots: { default: !0 }
+							}), x.next(2), x.reset(r);
+							var i = x.sibling(r, 2);
+							{
+								let e = x.derived(() => x.get(N) || x.get(V) || !x.get(q) || !x.get(Y));
+								v(i, {
+									type: "button",
+									size: "sm",
+									onclick: je,
+									get disabled() {
+										return x.get(e);
+									},
+									children: (e, t) => {
+										x.next();
+										var n = x.text("Create key");
+										x.append(e, n);
+									},
+									$$slots: { default: !0 }
+								});
+							}
+							x.reset(n);
+							var a = x.sibling(n, 2), o = (e) => {
+								var t = Ee(), n = x.sibling(x.child(t), 2), r = x.child(n, !0);
+								x.reset(n), v(x.sibling(n, 2), {
+									type: "button",
+									size: "sm",
+									variant: "outline",
+									class: "mt-2",
+									onclick: () => navigator.clipboard.writeText(x.get(G)),
+									children: (e, t) => {
+										x.next();
+										var n = x.text("Copy key");
+										x.append(e, n);
+									},
+									$$slots: { default: !0 }
+								}), x.reset(t), x.template_effect(() => x.set_text(r, x.get(G))), x.append(e, t);
+							};
+							x.if(a, (e) => {
+								x.get(G) && e(o);
+							});
+							var s = x.sibling(a, 2);
+							x.each(s, 21, () => x.get(R), (e) => e.id, (e, t) => {
+								var n = De(), r = x.child(n), i = x.child(r);
+								x.reset(r);
+								var a = x.sibling(r, 2), o = x.child(a);
+								{
+									let e = x.derived(() => !x.get(t).recoverable && !x.get(z)[x.get(t).id]);
+									v(o, {
+										type: "button",
+										size: "sm",
+										variant: "outline",
+										onclick: () => Ne(x.get(t)),
+										get disabled() {
+											return x.get(e);
+										},
+										children: (e, n) => {
+											x.next();
+											var r = x.text();
+											x.template_effect(() => x.set_text(r, x.get(t).recoverable || x.get(z)[x.get(t).id] ? "Copy key" : "Rotate to enable copy")), x.append(e, r);
+										},
+										$$slots: { default: !0 }
+									});
+								}
+								v(x.sibling(o, 2), {
+									type: "button",
+									size: "sm",
+									variant: "destructive",
+									onclick: () => Me(x.get(t).id),
+									get disabled() {
+										return x.get(V);
+									},
+									children: (e, t) => {
+										x.next();
+										var n = x.text("Revoke");
+										x.append(e, n);
+									},
+									$$slots: { default: !0 }
+								}), x.reset(a), x.reset(n), x.template_effect(() => x.set_text(i, `${x.get(t).name ?? ""} · ${x.get(t).prefix ?? ""}…`)), x.append(e, n);
+							}), x.reset(s), x.reset(t), x.append(e, t);
+						};
+						x.if(f, (e) => {
+							D.mode === "edit" && x.get(P) === "category" && D.category?.id && e(p);
+						}), x.reset(t), x.event("submit", t, Q), x.append(e, t);
+					}, g = (e) => {
+						var t = w(), n = x.child(t, !0);
+						x.reset(t), x.template_effect(() => x.set_text(n, x.get(M))), x.append(e, t);
+					};
+					x.if(s, (e) => {
+						x.get(W) ? e(u) : x.get(H) ? e(f, 1) : x.get(J) ? x.get(M) && e(g, 3) : e(m, 2);
+					}), ie(x.sibling(s, 2), {
+						class: "gap-2 max-sm:flex-col max-sm:items-stretch",
+						children: (e, t) => {
+							var r = C(), i = x.first_child(r), a = (e) => {
+								v(e, {
+									variant: "outline",
+									type: "button",
+									onclick: $,
+									get disabled() {
+										return x.get(N);
+									},
+									children: (e, t) => {
+										x.next();
+										var n = x.text();
+										x.template_effect((e) => x.set_text(n, e), [() => p()]), x.append(e, n);
+									},
+									$$slots: { default: !0 }
+								});
+							};
+							x.if(i, (e) => {
+								!x.get(H) && !x.get(W) && e(a);
+							});
+							var o = x.sibling(i, 2);
+							{
+								let e = x.derived(() => x.get(J) ? "button" : "submit"), t = x.derived(() => x.get(J) ? "destructive" : "default"), r = x.derived(() => x.get(H) || x.get(W) ? $ : Q), i = x.derived(() => x.get(N) || !x.get(J) && !x.get(H) && !x.get(W) && x.get(q).length === 0);
+								v(o, {
+									get type() {
+										return x.get(e);
+									},
+									get variant() {
+										return x.get(t);
+									},
+									get onclick() {
+										return x.get(r);
+									},
+									get disabled() {
+										return x.get(i);
+									},
+									children: (e, t) => {
+										var r = Ae(), i = x.first_child(r), a = (e) => {
+											n(e, { class: "mr-1 size-4 animate-spin" });
+										};
+										x.if(i, (e) => {
+											x.get(N) && e(a);
+										});
+										var o = x.sibling(i);
+										x.template_effect(() => x.set_text(o, ` ${(x.get(H) || x.get(W) ? "Done" : x.get(Fe)) ?? ""}`)), x.append(e, r);
+									},
+									$$slots: { default: !0 }
+								});
+							}
+							x.append(e, r);
+						},
+						$$slots: { default: !0 }
+					}), x.append(r, a);
+				},
+				$$slots: { default: !0 }
+			});
+		},
+		$$slots: { default: !0 }
+	}), x.pop();
+}
+//#endregion
+export { E as t };