@hiai-gg/docsmint 0.7.1 → 0.7.3

package/dist/frontend-ssr/assets/{ShareDialog-B1-30sRR.js → ShareDialog-BwW_wF4G.js}

@@ -1,6 +1,6 @@
 import { Bn as share_expires_7d, Gn as share_toggle_password, Hn as share_expires_1h, Jn as share_create_title, Kn as share_password_protection, Un as share_expires_never, Vn as share_expires_1d, Wn as share_expires, pn as action_close, qn as share_create_link, zn as share_expires_30d } from "./messages-B1TjVIH8.js";
 import { a as getDocsmintRequestAdapter } from "./route-context-BPRerEtZ.js";
-import "./select-value-CXEDWrZg.js";
+import "./select-value-CaDktvDW.js";
 import "./keyboard.svelte-BgF47N3L.js";
 import * as $ from "svelte/internal/server";
 //#region src/lib/components/share-configuration.ts

package/dist/frontend-ssr/assets/{Sidebar-CGp45ngo.js → Sidebar-Dy-5gXOf.js}

@@ -1,20 +1,20 @@
 import { $n as search_title, Ar as doc_delete_success, C as categories_new, D as sidebar_powered_by, Dr as doc_share, Er as doc_delete, Ir as dashboard_new_document, Nr as doc_title_label, Or as doc_tags, Qn as search_placeholder, Rn as settings_title, Rr as dashboard_title, _n as action_cancel, _r as folders_rename, an as sidebar_folders, ar as tags_new, bn as error_generic, br as folders_new, bt as editor_more_options, dn as action_go_to, dr as folders_name_placeholder, er as tags_add, f as sidebar_uncategorized, fr as folders_delete_success_description, gn as action_delete, hn as action_edit, hr as folders_delete_title, jr as doc_delete_confirm, kr as doc_delete_success_description, nr as tags_delete_title, on as sidebar_recent, pr as folders_delete_success, tr as tags_delete_description, un as action_loading, vn as action_save, vt as tags_load_error, yt as action_copy_content } from "./messages-B1TjVIH8.js";
 import { t as Icon } from "./Icon-QwirKi9Y.js";
-import { i as Check, n as Plus, r as File_text, t as FolderDialog } from "./confirm-dialog-B-oV5wYk.js";
+import { a as File_text, i as Plus, o as Check, r as FolderDialog, t as getDocsmintShareAdapter } from "./confirm-dialog-wYC07DPx.js";
 import { t as Chevron_down } from "./chevron-down-CvqKATjM.js";
 import { t as Chevron_right } from "./chevron-right-DKD7WXjz.js";
 import { t as Clock } from "./clock-CzsE58TH.js";
 import { t as Copy } from "./copy-DkkCPkBL.js";
 import { t as Folder } from "./folder-DYIE-XPP.js";
-import { t as SettingsDialog } from "./SettingsDialog-Dkp79L1B.js";
+import { t as SettingsDialog } from "./SettingsDialog-DDy0hN8x.js";
 import { n as Search, t as Tag } from "./tag-BmiVU_Ej.js";
-import { a as Dropdown_menu, i as Dropdown_menu_content, o as Ellipsis_vertical, r as Dropdown_menu_item, t as Dropdown_menu_trigger } from "./dropdown-menu-DqoOkdqB.js";
+import { a as Dropdown_menu, i as Dropdown_menu_content, o as Ellipsis_vertical, r as Dropdown_menu_item, t as Dropdown_menu_trigger } from "./dropdown-menu-BKMGVNLL.js";
 import { t as Loader_circle } from "./loader-circle-CIEWGyfP.js";
 import { a as getDocsmintRequestAdapter, i as resolveDocsmintRoute, n as navigateDocsmintRoute, t as getDocsmintRouteAdapter } from "./route-context-BPRerEtZ.js";
 import { t as cn } from "./utils-DvZnctjz.js";
-import { a as Dialog, i as Dialog_description, n as Dialog_header, o as Button, r as Dialog_footer, t as Dialog_title } from "./dialog-1SB5neow.js";
-import { t as Input } from "./input-Df-QP3Km.js";
-import { t as Label } from "./label-CbUOUz6L.js";
+import { a as Dialog_content, i as Dialog_description, n as Dialog_header, o as Dialog, r as Dialog_footer, s as Button, t as Dialog_title } from "./dialog-ClcuF7nD.js";
+import { t as Input } from "./input-DcDR8L8M.js";
+import { t as Label } from "./label-Cz0_svJx.js";
 import { n as apiFetch } from "./client-DZMkDkDn.js";
 import { i as listCategories, r as deleteCategory } from "./categories-av9xjeg5.js";
 import { t as getFrontendExtensions } from "./context-Bi_mO-NS.js";
@@ -22,16 +22,16 @@ import { t as resolveExtensions } from "./resolve-BqHozBXl.js";
 import { n as SHADOW_ITEM_MARKER_PROPERTY_NAME } from "./dndzone-DMvTO_Jz.js";
 import { c as updateDocument, r as deleteDocument, s as listDocuments, t as clearDocumentsCache } from "./documents-CZ-wQohy.js";
 import { c as updateFolder, r as deleteFolder, s as listFolders, t as createFolder } from "./folders-BX30gHv6.js";
-import { t as DeleteDialog } from "./DeleteDialog-oHT_p_vG.js";
-import { t as ShareDialog } from "./ShareDialog-B1-30sRR.js";
-import { t as CategoryDialog } from "./CategoryDialog-B3MrZUho.js";
+import { t as DeleteDialog } from "./DeleteDialog-DxtMrS1O.js";
+import { t as ShareDialog } from "./ShareDialog-BwW_wF4G.js";
+import { t as CategoryDialog } from "./CategoryDialog-DsXe54EF.js";
 import { n as createDocumentPlacementWriter, t as createDocumentDropCoordinator } from "./document-drop-coordinator-CEaYACsC.js";
 import { a as getFolderFromRegistry, c as getPendingDocumentPlacement, d as refreshFolders, f as registerDocument, n as bumpSubfoldersRefresh, p as registerFolder, r as getDocumentFromRegistry, t as acknowledgeDocumentPlacement, u as publishDocumentPlacement } from "./subfolders-refresh-store.svelte-CXHxQWKh.js";
-import { t as FolderNode } from "./FolderNode-B84NL8Rg.js";
+import { t as FolderNode } from "./FolderNode-ChD10Elp.js";
 import { i as setSelectedTag, n as refreshDocs, r as refreshTags, t as getSelectedTag } from "./tag-store.svelte-BM1lUI_P.js";
-import { t as ConfirmDialog } from "./ConfirmDialog-D1BDXXll.js";
+import { t as ConfirmDialog } from "./ConfirmDialog-DrH653ua.js";
 import { i as deleteTag, o as listTags } from "./tags-BQsI_6OW.js";
-import { t as TagCreateDialog } from "./TagCreateDialog-CGGtYSso.js";
+import { t as TagCreateDialog } from "./TagCreateDialog-BPzgOaX8.js";
 import * as $ from "svelte/internal/server";
 import { onDestroy, onMount } from "svelte";
 import { page } from "$app/state";
@@ -303,6 +303,7 @@ function FolderTree($$renderer, $$props) {
 	$$renderer.component(($$renderer) => {
 		const route = getDocsmintRouteAdapter();
 		const request = getDocsmintRequestAdapter();
+		const share = getDocsmintShareAdapter();
 		/**
 		* Identifies where a doc dndzone lives in the tree. Every doc zone
 		* (folder content, category root-doc bucket, Uncategorized root)
@@ -1240,77 +1241,83 @@ function FolderTree($$renderer, $$props) {
 					$$settled = false;
 				},
 				children: ($$renderer) => {
-					Dialog_header($$renderer, {
+					Dialog_content($$renderer, {
 						children: ($$renderer) => {
-							Dialog_title($$renderer, {
+							Dialog_header($$renderer, {
 								children: ($$renderer) => {
-									$$renderer.push(`<!---->${$.escape(folders_rename())}`);
+									Dialog_title($$renderer, {
+										children: ($$renderer) => {
+											$$renderer.push(`<!---->${$.escape(folders_rename())}`);
+										},
+										$$slots: { default: true }
+									});
+									$$renderer.push(`<!----> `);
+									Dialog_description($$renderer, {
+										children: ($$renderer) => {
+											$$renderer.push(`<!---->${$.escape(renameTarget?.kind === "folder" ? folders_name_placeholder() : doc_title_label())}`);
+										},
+										$$slots: { default: true }
+									});
+									$$renderer.push(`<!---->`);
 								},
 								$$slots: { default: true }
 							});
-							$$renderer.push(`<!----> `);
-							Dialog_description($$renderer, {
+							$$renderer.push(`<!----> <form class="space-y-4"><div class="space-y-2">`);
+							Label($$renderer, {
+								for: "rename-input",
 								children: ($$renderer) => {
 									$$renderer.push(`<!---->${$.escape(renameTarget?.kind === "folder" ? folders_name_placeholder() : doc_title_label())}`);
 								},
 								$$slots: { default: true }
 							});
-							$$renderer.push(`<!---->`);
-						},
-						$$slots: { default: true }
-					});
-					$$renderer.push(`<!----> <form class="space-y-4"><div class="space-y-2">`);
-					Label($$renderer, {
-						for: "rename-input",
-						children: ($$renderer) => {
-							$$renderer.push(`<!---->${$.escape(renameTarget?.kind === "folder" ? folders_name_placeholder() : doc_title_label())}`);
-						},
-						$$slots: { default: true }
-					});
-					$$renderer.push(`<!----> `);
-					Input($$renderer, {
-						id: "rename-input",
-						name: "name",
-						type: "text",
-						maxlength: 255,
-						required: true,
-						disabled: renameSubmitting,
-						"aria-invalid": renameError ? "true" : void 0,
-						"aria-describedby": renameError ? "rename-input-error" : void 0,
-						autocomplete: "off",
-						get value() {
-							return renameValue;
-						},
-						set value($$value) {
-							renameValue = $$value;
-							$$settled = false;
-						}
-					});
-					$$renderer.push(`<!----> `);
-					if (renameError) {
-						$$renderer.push("<!--[0-->");
-						$$renderer.push(`<p id="rename-input-error" class="text-xs text-destructive" role="alert">${$.escape(renameError)}</p>`);
-					} else $$renderer.push("<!--[-1-->");
-					$$renderer.push(`<!--]--></div></form> `);
-					Dialog_footer($$renderer, {
-						children: ($$renderer) => {
-							Button($$renderer, {
-								variant: "outline",
-								type: "button",
-								onclick: closeRenameDialog,
+							$$renderer.push(`<!----> `);
+							Input($$renderer, {
+								id: "rename-input",
+								name: "name",
+								type: "text",
+								maxlength: 255,
+								required: true,
 								disabled: renameSubmitting,
-								children: ($$renderer) => {
-									$$renderer.push(`<!---->${$.escape(action_cancel())}`);
+								"aria-invalid": renameError ? "true" : void 0,
+								"aria-describedby": renameError ? "rename-input-error" : void 0,
+								autocomplete: "off",
+								get value() {
+									return renameValue;
 								},
-								$$slots: { default: true }
+								set value($$value) {
+									renameValue = $$value;
+									$$settled = false;
+								}
 							});
 							$$renderer.push(`<!----> `);
-							Button($$renderer, {
-								type: "submit",
-								onclick: submitRename,
-								disabled: renameSubmitting || renameValue.trim().length === 0,
+							if (renameError) {
+								$$renderer.push("<!--[0-->");
+								$$renderer.push(`<p id="rename-input-error" class="text-xs text-destructive" role="alert">${$.escape(renameError)}</p>`);
+							} else $$renderer.push("<!--[-1-->");
+							$$renderer.push(`<!--]--></div></form> `);
+							Dialog_footer($$renderer, {
 								children: ($$renderer) => {
-									$$renderer.push(`<!---->${$.escape(renameSubmitting ? action_loading() : action_save())}`);
+									Button($$renderer, {
+										variant: "outline",
+										type: "button",
+										onclick: closeRenameDialog,
+										disabled: renameSubmitting,
+										children: ($$renderer) => {
+											$$renderer.push(`<!---->${$.escape(action_cancel())}`);
+										},
+										$$slots: { default: true }
+									});
+									$$renderer.push(`<!----> `);
+									Button($$renderer, {
+										type: "submit",
+										onclick: submitRename,
+										disabled: renameSubmitting || renameValue.trim().length === 0,
+										children: ($$renderer) => {
+											$$renderer.push(`<!---->${$.escape(renameSubmitting ? action_loading() : action_save())}`);
+										},
+										$$slots: { default: true }
+									});
+									$$renderer.push(`<!---->`);
 								},
 								$$slots: { default: true }
 							});
@@ -1318,7 +1325,6 @@ function FolderTree($$renderer, $$props) {
 						},
 						$$slots: { default: true }
 					});
-					$$renderer.push(`<!---->`);
 				},
 				$$slots: { default: true }
 			});
@@ -1358,7 +1364,7 @@ function FolderTree($$renderer, $$props) {
 			});
 			$$renderer.push(`<!----> `);
 			ShareDialog($$renderer, {
-				displayMode: "standalone",
+				displayMode: share.displayMode,
 				documentId: shareDocumentId,
 				documentTitle: shareDocumentTitle,
 				folderId: shareFolderId,
@@ -1389,6 +1395,7 @@ function FolderTree($$renderer, $$props) {
 function RecentDocs($$renderer, $$props) {
 	$$renderer.component(($$renderer) => {
 		const request = getDocsmintRequestAdapter();
+		const share = getDocsmintShareAdapter();
 		let recentDocs = [];
 		let activeId = null;
 		let loadError = null;
@@ -1403,6 +1410,14 @@ function RecentDocs($$renderer, $$props) {
 		let showDeleteDialog = false;
 		let deleteTarget = null;
 		let deleteBusy = false;
+		let showShareDialog = false;
+		let shareDocumentId = "";
+		let shareDocumentTitle = "";
+		function openShareDialogForDocument(id, title) {
+			shareDocumentId = id;
+			shareDocumentTitle = title;
+			showShareDialog = true;
+		}
 		async function fetchRecentDocs() {
 			try {
 				const tag = getSelectedTag();
@@ -1556,6 +1571,14 @@ function RecentDocs($$renderer, $$props) {
 									$$slots: { default: true }
 								});
 								$$renderer.push(`<!----> `);
+								Dropdown_menu_item($$renderer, {
+									onSelect: () => openShareDialogForDocument(doc.id, doc.title),
+									children: ($$renderer) => {
+										$$renderer.push(`<!---->${$.escape(doc_share())}`);
+									},
+									$$slots: { default: true }
+								});
+								$$renderer.push(`<!----> `);
 								Dropdown_menu_item($$renderer, {
 									class: "text-destructive focus:text-destructive",
 									onSelect: () => startDelete(doc.id, doc.title),
@@ -1587,77 +1610,83 @@ function RecentDocs($$renderer, $$props) {
 					$$settled = false;
 				},
 				children: ($$renderer) => {
-					Dialog_header($$renderer, {
+					Dialog_content($$renderer, {
 						children: ($$renderer) => {
-							Dialog_title($$renderer, {
+							Dialog_header($$renderer, {
 								children: ($$renderer) => {
-									$$renderer.push(`<!---->${$.escape(folders_rename())}`);
+									Dialog_title($$renderer, {
+										children: ($$renderer) => {
+											$$renderer.push(`<!---->${$.escape(folders_rename())}`);
+										},
+										$$slots: { default: true }
+									});
+									$$renderer.push(`<!----> `);
+									Dialog_description($$renderer, {
+										children: ($$renderer) => {
+											$$renderer.push(`<!---->${$.escape(doc_title_label())}`);
+										},
+										$$slots: { default: true }
+									});
+									$$renderer.push(`<!---->`);
 								},
 								$$slots: { default: true }
 							});
-							$$renderer.push(`<!----> `);
-							Dialog_description($$renderer, {
+							$$renderer.push(`<!----> <form class="space-y-4"><div class="space-y-2">`);
+							Label($$renderer, {
+								for: "recent-rename-input",
 								children: ($$renderer) => {
 									$$renderer.push(`<!---->${$.escape(doc_title_label())}`);
 								},
 								$$slots: { default: true }
 							});
-							$$renderer.push(`<!---->`);
-						},
-						$$slots: { default: true }
-					});
-					$$renderer.push(`<!----> <form class="space-y-4"><div class="space-y-2">`);
-					Label($$renderer, {
-						for: "recent-rename-input",
-						children: ($$renderer) => {
-							$$renderer.push(`<!---->${$.escape(doc_title_label())}`);
-						},
-						$$slots: { default: true }
-					});
-					$$renderer.push(`<!----> `);
-					Input($$renderer, {
-						id: "recent-rename-input",
-						name: "name",
-						type: "text",
-						maxlength: 255,
-						required: true,
-						disabled: renameSubmitting,
-						"aria-invalid": renameError ? "true" : void 0,
-						"aria-describedby": renameError ? "recent-rename-input-error" : void 0,
-						autocomplete: "off",
-						get value() {
-							return renameValue;
-						},
-						set value($$value) {
-							renameValue = $$value;
-							$$settled = false;
-						}
-					});
-					$$renderer.push(`<!----> `);
-					if (renameError) {
-						$$renderer.push("<!--[0-->");
-						$$renderer.push(`<p id="recent-rename-input-error" class="text-xs text-destructive" role="alert">${$.escape(renameError)}</p>`);
-					} else $$renderer.push("<!--[-1-->");
-					$$renderer.push(`<!--]--></div></form> `);
-					Dialog_footer($$renderer, {
-						children: ($$renderer) => {
-							Button($$renderer, {
-								variant: "outline",
-								type: "button",
-								onclick: closeRenameDialog,
+							$$renderer.push(`<!----> `);
+							Input($$renderer, {
+								id: "recent-rename-input",
+								name: "name",
+								type: "text",
+								maxlength: 255,
+								required: true,
 								disabled: renameSubmitting,
-								children: ($$renderer) => {
-									$$renderer.push(`<!---->${$.escape(action_cancel())}`);
+								"aria-invalid": renameError ? "true" : void 0,
+								"aria-describedby": renameError ? "recent-rename-input-error" : void 0,
+								autocomplete: "off",
+								get value() {
+									return renameValue;
 								},
-								$$slots: { default: true }
+								set value($$value) {
+									renameValue = $$value;
+									$$settled = false;
+								}
 							});
 							$$renderer.push(`<!----> `);
-							Button($$renderer, {
-								type: "submit",
-								onclick: submitRename,
-								disabled: renameSubmitting || renameValue.trim().length === 0,
+							if (renameError) {
+								$$renderer.push("<!--[0-->");
+								$$renderer.push(`<p id="recent-rename-input-error" class="text-xs text-destructive" role="alert">${$.escape(renameError)}</p>`);
+							} else $$renderer.push("<!--[-1-->");
+							$$renderer.push(`<!--]--></div></form> `);
+							Dialog_footer($$renderer, {
 								children: ($$renderer) => {
-									$$renderer.push(`<!---->${$.escape(renameSubmitting ? action_loading() : action_save())}`);
+									Button($$renderer, {
+										variant: "outline",
+										type: "button",
+										onclick: closeRenameDialog,
+										disabled: renameSubmitting,
+										children: ($$renderer) => {
+											$$renderer.push(`<!---->${$.escape(action_cancel())}`);
+										},
+										$$slots: { default: true }
+									});
+									$$renderer.push(`<!----> `);
+									Button($$renderer, {
+										type: "submit",
+										onclick: submitRename,
+										disabled: renameSubmitting || renameValue.trim().length === 0,
+										children: ($$renderer) => {
+											$$renderer.push(`<!---->${$.escape(renameSubmitting ? action_loading() : action_save())}`);
+										},
+										$$slots: { default: true }
+									});
+									$$renderer.push(`<!---->`);
 								},
 								$$slots: { default: true }
 							});
@@ -1665,7 +1694,6 @@ function RecentDocs($$renderer, $$props) {
 						},
 						$$slots: { default: true }
 					});
-					$$renderer.push(`<!---->`);
 				},
 				$$slots: { default: true }
 			});
@@ -1687,6 +1715,19 @@ function RecentDocs($$renderer, $$props) {
 					$$settled = false;
 				}
 			});
+			$$renderer.push(`<!----> `);
+			ShareDialog($$renderer, {
+				displayMode: share.displayMode,
+				documentId: shareDocumentId,
+				documentTitle: shareDocumentTitle,
+				get open() {
+					return showShareDialog;
+				},
+				set open($$value) {
+					showShareDialog = $$value;
+					$$settled = false;
+				}
+			});
 			$$renderer.push(`<!---->`);
 		}
 		do {
@@ -1903,7 +1944,7 @@ function Sidebar($$renderer, $$props) {
 		let $$settled = true;
 		let $$inner_renderer;
 		function $$render_inner($$renderer) {
-			$$renderer.push(`<aside${$.attr("id", mobile ? "mobile-navigation" : void 0)}${$.attr("role", mobile && mobileOpen ? "dialog" : void 0)}${$.attr("aria-modal", mobile && mobileOpen ? "true" : void 0)}${$.attr("aria-label", mobile ? "Navigation" : void 0)}${$.attr("aria-hidden", mobile && !mobileOpen ? "true" : void 0)} tabindex="-1"${$.attr("inert", mobile && !mobileOpen, true)}${$.attr_class($.clsx(cn("flex flex-col border-r border-border bg-card", mobile && "fixed inset-y-0 left-0 z-50 h-full w-[80%] max-w-[320px] shadow-xl transition-transform duration-300 ease-out", mobile && (mobileOpen ? "translate-x-0" : "-translate-x-full"), !mobile && "relative h-screen", !mobile && "transition-[width] duration-200")))}${$.attr_style(mobile ? "padding-top: env(safe-area-inset-top);" : isCollapsed() ? "width: 48px;" : `width: ${width}px;`)}>`);
+			$$renderer.push(`<aside${$.attr("id", mobile ? "mobile-navigation" : void 0)}${$.attr("role", mobile && mobileOpen ? "dialog" : void 0)}${$.attr("aria-modal", mobile && mobileOpen ? "true" : void 0)}${$.attr("aria-label", mobile ? "Navigation" : void 0)}${$.attr("aria-hidden", mobile && !mobileOpen ? "true" : void 0)} tabindex="-1"${$.attr("inert", mobile && !mobileOpen, true)}${$.attr_class($.clsx(cn("flex flex-col border-r border-border bg-card font-sans", mobile && "fixed inset-y-0 left-0 z-50 h-full w-[80%] max-w-[320px] shadow-xl transition-transform duration-300 ease-out", mobile && (mobileOpen ? "translate-x-0" : "-translate-x-full"), !mobile && "relative h-screen", !mobile && "transition-[width] duration-200")))}${$.attr_style(mobile ? "padding-top: env(safe-area-inset-top);" : isCollapsed() ? "width: 48px;" : `width: ${width}px;`)}>`);
 			if (!mobile && !isCollapsed()) {
 				$$renderer.push("<!--[0-->");
 				$$renderer.push(`<div role="separator" tabindex="-1"${$.attr_class($.clsx(cn("absolute right-0 top-0 z-40 h-full w-1 cursor-col-resize hover:bg-primary/50 transition-colors", isResizing)))}></div>`);

package/dist/frontend-ssr/assets/{TagCreateDialog-CGGtYSso.js → TagCreateDialog-BPzgOaX8.js}

@@ -2,9 +2,9 @@ import { _n as action_cancel, ar as tags_new, bn as error_generic, ir as tags_ed
 import { t as Loader_circle } from "./loader-circle-CIEWGyfP.js";
 import { a as getDocsmintRequestAdapter } from "./route-context-BPRerEtZ.js";
 import { t as cn } from "./utils-DvZnctjz.js";
-import { a as Dialog, i as Dialog_description, n as Dialog_header, o as Button, r as Dialog_footer, t as Dialog_title } from "./dialog-1SB5neow.js";
-import { t as Input } from "./input-Df-QP3Km.js";
-import { t as Label } from "./label-CbUOUz6L.js";
+import { a as Dialog_content, i as Dialog_description, n as Dialog_header, o as Dialog, r as Dialog_footer, s as Button, t as Dialog_title } from "./dialog-ClcuF7nD.js";
+import { t as Input } from "./input-DcDR8L8M.js";
+import { t as Label } from "./label-Cz0_svJx.js";
 import { c as updateTag, l as updateTagInputSchema, n as createTag, r as createTagInputSchema } from "./tags-BQsI_6OW.js";
 import * as $ from "svelte/internal/server";
 //#region src/lib/components/TagCreateDialog.svelte
@@ -141,106 +141,112 @@ function TagCreateDialog($$renderer, $$props) {
 					$$settled = false;
 				},
 				children: ($$renderer) => {
-					Dialog_header($$renderer, {
+					Dialog_content($$renderer, {
 						children: ($$renderer) => {
-							Dialog_title($$renderer, {
+							Dialog_header($$renderer, {
 								children: ($$renderer) => {
-									$$renderer.push(`<!---->${$.escape(dialogTitle())}`);
+									Dialog_title($$renderer, {
+										children: ($$renderer) => {
+											$$renderer.push(`<!---->${$.escape(dialogTitle())}`);
+										},
+										$$slots: { default: true }
+									});
+									$$renderer.push(`<!----> `);
+									Dialog_description($$renderer, {
+										children: ($$renderer) => {
+											$$renderer.push(`<!---->${$.escape(tags_name_placeholder())}`);
+										},
+										$$slots: { default: true }
+									});
+									$$renderer.push(`<!---->`);
 								},
 								$$slots: { default: true }
 							});
-							$$renderer.push(`<!----> `);
-							Dialog_description($$renderer, {
+							$$renderer.push(`<!----> <form class="space-y-4"><div class="space-y-2">`);
+							Label($$renderer, {
+								for: "tag-name",
+								class: "sr-only",
 								children: ($$renderer) => {
 									$$renderer.push(`<!---->${$.escape(tags_name_placeholder())}`);
 								},
 								$$slots: { default: true }
 							});
-							$$renderer.push(`<!---->`);
-						},
-						$$slots: { default: true }
-					});
-					$$renderer.push(`<!----> <form class="space-y-4"><div class="space-y-2">`);
-					Label($$renderer, {
-						for: "tag-name",
-						class: "sr-only",
-						children: ($$renderer) => {
-							$$renderer.push(`<!---->${$.escape(tags_name_placeholder())}`);
-						},
-						$$slots: { default: true }
-					});
-					$$renderer.push(`<!----> `);
-					Input($$renderer, {
-						id: "tag-name",
-						name: "name",
-						type: "text",
-						placeholder: tags_name_placeholder(),
-						maxlength: 50,
-						required: true,
-						disabled: submitting,
-						"aria-invalid": nameError ? "true" : void 0,
-						"aria-describedby": nameError ? "tag-name-error" : void 0,
-						autocomplete: "off",
-						onkeydown: handleInputKeydown,
-						get value() {
-							return name;
-						},
-						set value($$value) {
-							name = $$value;
-							$$settled = false;
-						}
-					});
-					$$renderer.push(`<!----> `);
-					if (nameError) {
-						$$renderer.push("<!--[0-->");
-						$$renderer.push(`<p id="tag-name-error" class="text-xs text-destructive">${$.escape(nameError)}</p>`);
-					} else $$renderer.push("<!--[-1-->");
-					$$renderer.push(`<!--]--></div> <div class="space-y-2">`);
-					Label($$renderer, {
-						for: "tag-color",
-						class: "text-xs text-muted-foreground",
-						children: ($$renderer) => {
-							$$renderer.push(`<!---->Color`);
-						},
-						$$slots: { default: true }
-					});
-					$$renderer.push(`<!----> <div id="tag-color" class="flex flex-wrap gap-2"><!--[-->`);
-					const each_array = $.ensure_array_like(PRESET_COLORS);
-					for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
-						let preset = each_array[$$index];
-						const selected = color === preset;
-						$$renderer.push(`<button type="button"${$.attr_class($.clsx(cn("size-6 shrink-0 rounded-full border-2 transition-all", selected ? "scale-110 border-foreground" : "border-transparent hover:scale-105")))}${$.attr_style(`background-color: ${$.stringify(preset)};`)}${$.attr("aria-label", `Color ${$.stringify(preset)}`)}${$.attr("aria-pressed", selected)}${$.attr("disabled", submitting, true)}></button>`);
-					}
-					$$renderer.push(`<!--]--> <label${$.attr_class($.clsx(cn("relative inline-flex size-6 shrink-0 cursor-pointer items-center justify-center overflow-hidden rounded-full border-2 transition-all", !PRESET_COLORS.includes(color) ? "scale-110 border-foreground" : "border-transparent hover:scale-105")))}${$.attr_style(`background-color: ${$.stringify(color)};`)} title="Custom color"><input type="color"${$.attr("value", color)}${$.attr("disabled", submitting, true)} class="absolute inset-0 h-full w-full cursor-pointer opacity-0" aria-label="Custom color"/></label></div></div> `);
-					if (submitError) {
-						$$renderer.push("<!--[0-->");
-						$$renderer.push(`<p class="text-xs text-destructive" role="alert">${$.escape(submitError)}</p>`);
-					} else $$renderer.push("<!--[-1-->");
-					$$renderer.push(`<!--]--></form> `);
-					Dialog_footer($$renderer, {
-						class: "gap-2 max-sm:flex-col max-sm:items-stretch",
-						children: ($$renderer) => {
-							Button($$renderer, {
-								variant: "outline",
-								type: "button",
-								onclick: close,
+							$$renderer.push(`<!----> `);
+							Input($$renderer, {
+								id: "tag-name",
+								name: "name",
+								type: "text",
+								placeholder: tags_name_placeholder(),
+								maxlength: 50,
+								required: true,
 								disabled: submitting,
+								"aria-invalid": nameError ? "true" : void 0,
+								"aria-describedby": nameError ? "tag-name-error" : void 0,
+								autocomplete: "off",
+								onkeydown: handleInputKeydown,
+								get value() {
+									return name;
+								},
+								set value($$value) {
+									name = $$value;
+									$$settled = false;
+								}
+							});
+							$$renderer.push(`<!----> `);
+							if (nameError) {
+								$$renderer.push("<!--[0-->");
+								$$renderer.push(`<p id="tag-name-error" class="text-xs text-destructive">${$.escape(nameError)}</p>`);
+							} else $$renderer.push("<!--[-1-->");
+							$$renderer.push(`<!--]--></div> <div class="space-y-2">`);
+							Label($$renderer, {
+								for: "tag-color",
+								class: "text-xs text-muted-foreground",
 								children: ($$renderer) => {
-									$$renderer.push(`<!---->${$.escape(action_cancel())}`);
+									$$renderer.push(`<!---->Color`);
 								},
 								$$slots: { default: true }
 							});
-							$$renderer.push(`<!----> `);
-							Button($$renderer, {
-								type: "submit",
-								onclick: handleSubmit,
-								disabled: submitting || name.trim().length === 0,
+							$$renderer.push(`<!----> <div id="tag-color" class="flex flex-wrap gap-2"><!--[-->`);
+							const each_array = $.ensure_array_like(PRESET_COLORS);
+							for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+								let preset = each_array[$$index];
+								const selected = color === preset;
+								$$renderer.push(`<button type="button"${$.attr_class($.clsx(cn("size-6 shrink-0 rounded-full border-2 transition-all", selected ? "scale-110 border-foreground" : "border-transparent hover:scale-105")))}${$.attr_style(`background-color: ${$.stringify(preset)};`)}${$.attr("aria-label", `Color ${$.stringify(preset)}`)}${$.attr("aria-pressed", selected)}${$.attr("disabled", submitting, true)}></button>`);
+							}
+							$$renderer.push(`<!--]--> <label${$.attr_class($.clsx(cn("relative inline-flex size-6 shrink-0 cursor-pointer items-center justify-center overflow-hidden rounded-full border-2 transition-all", !PRESET_COLORS.includes(color) ? "scale-110 border-foreground" : "border-transparent hover:scale-105")))}${$.attr_style(`background-color: ${$.stringify(color)};`)} title="Custom color"><input type="color"${$.attr("value", color)}${$.attr("disabled", submitting, true)} class="absolute inset-0 h-full w-full cursor-pointer opacity-0" aria-label="Custom color"/></label></div></div> `);
+							if (submitError) {
+								$$renderer.push("<!--[0-->");
+								$$renderer.push(`<p class="text-xs text-destructive" role="alert">${$.escape(submitError)}</p>`);
+							} else $$renderer.push("<!--[-1-->");
+							$$renderer.push(`<!--]--></form> `);
+							Dialog_footer($$renderer, {
+								class: "gap-2 max-sm:flex-col max-sm:items-stretch",
 								children: ($$renderer) => {
-									if (submitting) {
-										$$renderer.push("<!--[0-->");
-										Loader_circle($$renderer, { class: "mr-1 size-4 animate-spin" });
-									} else $$renderer.push("<!--[-1-->");
-									$$renderer.push(`<!--]--> ${$.escape(submitLabel())}`);
+									Button($$renderer, {
+										variant: "outline",
+										type: "button",
+										onclick: close,
+										disabled: submitting,
+										children: ($$renderer) => {
+											$$renderer.push(`<!---->${$.escape(action_cancel())}`);
+										},
+										$$slots: { default: true }
+									});
+									$$renderer.push(`<!----> `);
+									Button($$renderer, {
+										type: "submit",
+										onclick: handleSubmit,
+										disabled: submitting || name.trim().length === 0,
+										children: ($$renderer) => {
+											if (submitting) {
+												$$renderer.push("<!--[0-->");
+												Loader_circle($$renderer, { class: "mr-1 size-4 animate-spin" });
+											} else $$renderer.push("<!--[-1-->");
+											$$renderer.push(`<!--]--> ${$.escape(submitLabel())}`);
+										},
+										$$slots: { default: true }
+									});
+									$$renderer.push(`<!---->`);
 								},
 								$$slots: { default: true }
 							});
@@ -248,7 +254,6 @@ function TagCreateDialog($$renderer, $$props) {
 						},
 						$$slots: { default: true }
 					});
-					$$renderer.push(`<!---->`);
 				},
 				$$slots: { default: true }
 			});