@dragonmastery/dragoncore-vue 0.0.21 → 0.0.23

package/dist/src-DVe_0RO9.js

@@ -0,0 +1,4654 @@
+import { d as useEnv, i as setRouter, o as useUserSessionStore, r as executeWithAuth } from "./useRpcAuth-CJtq1dqM.js";
+import { i as setRefreshTokenHandler, r as getRefreshTokenHandler } from "./EnhancedRefreshTokenHandler-C6tZCcfX.js";
+import { t as useMutation } from "./useMutation-BLNuJoYl.js";
+import { t as useQuery } from "./useQuery-BzUGEOj0.js";
+import { t as AppLink_default } from "./AppLink-FcNGKgvG.js";
+import { a as useSavedFilters, c as buildQueryWithFilters, f as PINNED_PRESETS_KEY, m as usePinnedPresets, p as useInjectedPinnedPresets, t as SavedFilterPresets_default, u as extractFiltersFromQuery } from "./saved_filter-CfzH0BzK.js";
+import { t as ConfirmDialog_default } from "./ConfirmDialog-DjthOYU6.js";
+import { n as export_helper_default } from "./TeamMembersTab-BigqpBDH.js";
+import { n as getBackLinkFromRoute, o as withReturnUrl, r as getValidReturnUrl } from "./useReturnUrl-B5V3SJf5.js";
+import { t as BREADCRUMB_KEY } from "./useBreadcrumbs-DIqU5AAp.js";
+import { t as ZiniaContainer_default } from "./ZiniaContainer-CjVhCnGB.js";
+import { i as formatUserDate, t as formatSystemTimestamp } from "./convertToLocalDateTime-BF25N4xd.js";
+import { t as extractRpcErrorMessage } from "./extractRpcErrorMessage-diUBl6Ij.js";
+import { c as userAuthenticated, l as userIsSuperAdmin, o as leadOrStaffOnly } from "./userAuthorized-C09FHWGL.js";
+import { t as staffSupportPaths } from "./staffSupportTicketRoutes-CWutoQWp.js";
+import { a as SupportTicketTypeBadge_default, c as formatStaffCreditValue, i as SupportTicketApprovalBadge_default, o as SupportTicketPriorityBadge_default, s as formatCustomerCreditValue } from "./TimelineSystemEvent-zCMUx5Zz.js";
+import { t as formatTicketDisplayId } from "./displayIdFormatter-B-_WQHOr.js";
+import { t as SupportTicketDevLifecycleBadge_default } from "./SupportTicketDevLifecycleBadge-BoAjMb08.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, isRef, nextTick, normalizeClass, onMounted, openBlock, provide, readonly, ref, renderList, renderSlot, resolveComponent, toDisplayString, unref, vModelCheckbox, vModelText, watch, withCtx, withDirectives, withKeys, withModifiers } from "vue";
+import { RouterView, useRoute, useRouter } from "vue-router";
+import { toast } from "vue3-toastify";
+import { CompleteSupportTicketSchema, CustomerSupportTicketReadSchema, OPERATORS, SUPPORT_TICKET_APPROVAL_FILTER_OPTIONS, SUPPORT_TICKET_DEV_LIFECYCLE_FILTER_OPTIONS, SUPPORT_TICKET_PRIORITY_FILTER_OPTIONS, SUPPORT_TICKET_STATUS_FILTER_OPTIONS, SUPPORT_TICKET_TYPE_FILTER_OPTIONS, StaffSupportTicketFiltersSchema, StaffSupportTicketReadSchema, SupportTicketDevLifecycleUpdateEnum, TeamFiltersSchema, TeamMemberFiltersSchema, supportTicketPriorityToNumber } from "@dragonmastery/dragoncore-shared";
+import { ActionIcons, useCursorDataTable, useDataTableUrlSync, useForm, withMetadata } from "@dragonmastery/zinia-forms-core";
+
+//#region src/plugin.ts
+/**
+* Dragoncore Vue Plugin
+*
+* Provides RPC authentication and data fetching capabilities to your Vue app.
+*
+* @example
+* ```typescript
+* import { createApp } from 'vue';
+* import { DragoncoreVue } from '@dragonmastery/dragoncore-vue';
+* import router from './router';
+* import { createRefreshTokenHandler } from '@dragonmastery/dragoncore-vue';
+* import type { AppApi } from '@follow-zap/shared';
+*
+* const app = createApp(App);
+* const refreshTokenHandler = createRefreshTokenHandler<AppApi>();
+*
+* app.use(DragoncoreVue, {
+*   router,
+*   refreshTokenHandler,
+* });
+* ```
+*/
+const DragoncoreVue = { install(_app, options) {
+	if (!options.router) throw new Error("DragoncoreVue plugin: router is required");
+	if (!options.refreshTokenHandler) throw new Error("DragoncoreVue plugin: refreshTokenHandler is required");
+	setRouter(options.router);
+	setRefreshTokenHandler(options.refreshTokenHandler);
+} };
+
+//#endregion
+//#region src/components/AppTabNavigation.vue
+const _hoisted_1$29 = { class: "w-full" };
+const _hoisted_2$26 = { class: "md:hidden relative" };
+const _hoisted_3$26 = { class: "font-medium" };
+const _hoisted_4$21 = {
+	key: 0,
+	class: "absolute z-20 w-full bg-base-100 shadow-lg"
+};
+const _hoisted_5$17 = ["onClick"];
+const _hoisted_6$15 = { class: "hidden md:flex items-center overflow-x-auto" };
+const _hoisted_7$13 = { class: "flex-1 flex" };
+const _hoisted_8$13 = ["onClick"];
+const _hoisted_9$12 = { class: "ml-auto shrink-0" };
+const _sfc_main$34 = /* @__PURE__ */ defineComponent({
+	__name: "AppTabNavigation",
+	props: {
+		tabs: {},
+		activeTab: { default: "" }
+	},
+	emits: ["tab-click"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const route = useRoute();
+		const isMenuOpen = ref(false);
+		const handleTabClick = (tabId) => {
+			emit("tab-click", tabId);
+			isMenuOpen.value = false;
+		};
+		const activeTabLabel = computed(() => {
+			return props.tabs.find((tab) => {
+				if (tab.to && isActiveTab(tab)) return true;
+				return tab.id === props.activeTab;
+			})?.label || "Navigation";
+		});
+		const isActiveTab = (tab) => {
+			if (props.activeTab && tab.id === props.activeTab) return true;
+			if (tab.to) {
+				if (route.meta.currentTab && tab.id === route.meta.currentTab) return true;
+				if (tab.to.name && route.name === tab.to.name) {
+					if (tab.to.params) {
+						const toParams = tab.to.params;
+						const routeParams = route.params;
+						for (const key in toParams) if (routeParams[key] !== toParams[key]) return false;
+						return Object.keys(toParams).length > 0;
+					}
+					return true;
+				}
+				if (tab.to.path && route.path === tab.to.path) return true;
+			}
+			return false;
+		};
+		return (_ctx, _cache) => {
+			const _component_router_link = resolveComponent("router-link");
+			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" Mobile-first tab navigation with responsive grid layout "), createElementVNode("div", _hoisted_1$29, [
+				createCommentVNode(" Mobile view: Show dropdown on small screens "),
+				createElementVNode("div", _hoisted_2$26, [
+					createElementVNode("button", {
+						onClick: _cache[0] || (_cache[0] = ($event) => isMenuOpen.value = !isMenuOpen.value),
+						class: "w-full flex items-center justify-between px-4 py-3 bg-base-100"
+					}, [createElementVNode("span", _hoisted_3$26, toDisplayString(activeTabLabel.value), 1), _cache[2] || (_cache[2] = createElementVNode("svg", {
+						xmlns: "http://www.w3.org/2000/svg",
+						class: "h-5 w-5",
+						fill: "none",
+						viewBox: "0 0 24 24",
+						stroke: "currentColor"
+					}, [createElementVNode("path", {
+						"stroke-linecap": "round",
+						"stroke-linejoin": "round",
+						"stroke-width": "2",
+						d: "M19 9l-7 7-7-7"
+					})], -1))]),
+					createCommentVNode(" Dropdown menu "),
+					isMenuOpen.value ? (openBlock(), createElementBlock("div", _hoisted_4$21, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.tabs, (tab, index) => {
+						return openBlock(), createElementBlock(Fragment, { key: index }, [tab.to ? (openBlock(), createBlock(_component_router_link, {
+							key: 0,
+							to: tab.to,
+							class: normalizeClass(["block px-4 py-3 hover:bg-base-200", [isActiveTab(tab) ? "text-primary font-medium" : "text-base-content/70"]]),
+							onClick: _cache[1] || (_cache[1] = ($event) => isMenuOpen.value = false)
+						}, {
+							default: withCtx(() => [createTextVNode(toDisplayString(tab.label), 1)]),
+							_: 2
+						}, 1032, ["to", "class"])) : (openBlock(), createElementBlock("button", {
+							key: 1,
+							onClick: ($event) => handleTabClick(tab.id),
+							class: normalizeClass(["block w-full text-left px-4 py-3 hover:bg-base-200", [__props.activeTab === tab.id ? "text-primary font-medium" : "text-base-content/70"]])
+						}, toDisplayString(tab.label), 11, _hoisted_5$17))], 64);
+					}), 128))])) : createCommentVNode("v-if", true)
+				]),
+				createCommentVNode(" Desktop view: Show horizontal tabs on medium screens and up "),
+				createElementVNode("div", _hoisted_6$15, [
+					createElementVNode("div", _hoisted_7$13, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.tabs, (tab, index) => {
+						return openBlock(), createElementBlock(Fragment, { key: index }, [tab.to ? (openBlock(), createBlock(_component_router_link, {
+							key: 0,
+							to: tab.to,
+							class: normalizeClass(["px-4 py-3 border-b-2 whitespace-nowrap flex items-center", [isActiveTab(tab) ? "font-medium text-primary border-primary" : "border-transparent hover:border-base-300 text-base-content/70 hover:text-base-content"]])
+						}, {
+							default: withCtx(() => [renderSlot(_ctx.$slots, `icon-${tab.id}`), createElementVNode("span", null, toDisplayString(tab.label), 1)]),
+							_: 2
+						}, 1032, ["to", "class"])) : (openBlock(), createElementBlock("button", {
+							key: 1,
+							onClick: ($event) => handleTabClick(tab.id),
+							class: normalizeClass(["px-4 py-3 border-b-2 whitespace-nowrap flex items-center", [__props.activeTab === tab.id ? "font-medium text-primary border-primary" : "border-transparent hover:border-base-300 text-base-content/70 hover:text-base-content"]])
+						}, [renderSlot(_ctx.$slots, `icon-${tab.id}`), createElementVNode("span", null, toDisplayString(tab.label), 1)], 10, _hoisted_8$13))], 64);
+					}), 128))]),
+					createCommentVNode(" Optional slot for additional content "),
+					createElementVNode("div", _hoisted_9$12, [renderSlot(_ctx.$slots, "actions")])
+				])
+			])], 2112);
+		};
+	}
+});
+var AppTabNavigation_default = _sfc_main$34;
+
+//#endregion
+//#region src/components/AppHeader.vue
+const _hoisted_1$28 = { class: "bg-base-100 border-b border-base-300 z-10 w-full" };
+const _hoisted_2$25 = {
+	key: 0,
+	class: "w-full"
+};
+const _hoisted_3$25 = { class: "max-w-7xl mx-auto px-3 sm:px-4 md:px-6" };
+const _sfc_main$33 = /* @__PURE__ */ defineComponent({
+	__name: "AppHeader",
+	props: {
+		tabs: {},
+		activeTab: { default: "" }
+	},
+	emits: ["tab-click"],
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" Full-width background with constrained content "), createElementVNode("div", _hoisted_1$28, [
+				createCommentVNode(" Tab navigation - only shown when tabs are provided "),
+				__props.tabs.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_2$25, [createElementVNode("div", _hoisted_3$25, [createVNode(AppTabNavigation_default, {
+					tabs: __props.tabs,
+					"active-tab": __props.activeTab,
+					onTabClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("tab-click", $event))
+				}, createSlots({
+					actions: withCtx(() => [renderSlot(_ctx.$slots, "actions")]),
+					_: 2
+				}, [renderList(__props.tabs, (tab) => {
+					return {
+						name: `icon-${tab.id}`,
+						fn: withCtx(() => [renderSlot(_ctx.$slots, `icon-${tab.id}`)])
+					};
+				})]), 1032, ["tabs", "active-tab"])])])) : createCommentVNode("v-if", true),
+				createCommentVNode(" Status badge slot (moved from breadcrumbs) "),
+				renderSlot(_ctx.$slots, "status")
+			])], 2112);
+		};
+	}
+});
+var AppHeader_default = _sfc_main$33;
+
+//#endregion
+//#region src/components/InputModal.vue
+const _hoisted_1$27 = { class: "modal-box" };
+const _hoisted_2$24 = { class: "font-bold text-lg" };
+const _hoisted_3$24 = { class: "py-4" };
+const _hoisted_4$20 = { class: "form-control w-full" };
+const _hoisted_5$16 = { class: "label" };
+const _hoisted_6$14 = { class: "label-text" };
+const _hoisted_7$12 = ["placeholder"];
+const _hoisted_8$12 = {
+	key: 0,
+	class: "label"
+};
+const _hoisted_9$11 = { class: "label-text-alt text-error" };
+const _hoisted_10$8 = { class: "modal-action" };
+const _hoisted_11$8 = ["disabled"];
+const _hoisted_12$7 = ["disabled"];
+const _sfc_main$32 = /* @__PURE__ */ defineComponent({
+	__name: "InputModal",
+	props: {
+		modelValue: { type: Boolean },
+		title: { default: "Input" },
+		label: { default: "Value" },
+		placeholder: { default: "Enter value" },
+		confirmText: { default: "Confirm" },
+		cancelText: { default: "Cancel" },
+		processingText: { default: "Processing..." },
+		confirmButtonClass: { default: "btn-primary" },
+		isProcessing: {
+			type: Boolean,
+			default: false
+		},
+		error: { default: "" },
+		initialValue: { default: "" }
+	},
+	emits: [
+		"update:modelValue",
+		"confirm",
+		"cancel"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const inputValue = ref(props.initialValue);
+		const inputRef = ref(null);
+		watch(() => props.modelValue, (newValue) => {
+			if (newValue) {
+				inputValue.value = props.initialValue || "";
+				nextTick(() => {
+					inputRef.value?.focus();
+					inputRef.value?.select();
+				});
+			}
+		});
+		watch(() => props.initialValue, (newValue) => {
+			if (props.modelValue) inputValue.value = newValue || "";
+		});
+		const handleConfirm = () => {
+			const value = inputValue.value.trim();
+			if (value) emit("confirm", value);
+		};
+		const handleCancel = () => {
+			emit("update:modelValue", false);
+			emit("cancel");
+			inputValue.value = "";
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["modal", { "modal-open": __props.modelValue }]) }, [createElementVNode("div", _hoisted_1$27, [
+				createElementVNode("h3", _hoisted_2$24, toDisplayString(__props.title), 1),
+				createElementVNode("div", _hoisted_3$24, [createElementVNode("label", _hoisted_4$20, [
+					createElementVNode("div", _hoisted_5$16, [createElementVNode("span", _hoisted_6$14, toDisplayString(__props.label), 1)]),
+					withDirectives(createElementVNode("input", {
+						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event),
+						type: "text",
+						placeholder: __props.placeholder,
+						class: "input input-bordered w-full",
+						onKeyup: [withKeys(handleConfirm, ["enter"]), withKeys(handleCancel, ["escape"])],
+						ref_key: "inputRef",
+						ref: inputRef
+					}, null, 40, _hoisted_7$12), [[vModelText, inputValue.value]]),
+					__props.error ? (openBlock(), createElementBlock("div", _hoisted_8$12, [createElementVNode("span", _hoisted_9$11, toDisplayString(__props.error), 1)])) : createCommentVNode("v-if", true)
+				])]),
+				createElementVNode("div", _hoisted_10$8, [createElementVNode("button", {
+					class: "btn",
+					onClick: handleCancel,
+					disabled: __props.isProcessing
+				}, toDisplayString(__props.cancelText), 9, _hoisted_11$8), createElementVNode("button", {
+					class: normalizeClass(["btn", __props.confirmButtonClass]),
+					onClick: handleConfirm,
+					disabled: !inputValue.value || inputValue.value.trim() === "" || __props.isProcessing
+				}, toDisplayString(__props.isProcessing ? __props.processingText : __props.confirmText), 11, _hoisted_12$7)])
+			]), createElementVNode("div", {
+				class: "modal-backdrop",
+				onClick: handleCancel
+			})], 2);
+		};
+	}
+});
+var InputModal_default = _sfc_main$32;
+
+//#endregion
+//#region src/components/LoginButton.vue
+const _sfc_main$31 = {};
+function _sfc_render(_ctx, _cache) {
+	const _component_router_link = resolveComponent("router-link");
+	return openBlock(), createBlock(_component_router_link, { to: "/auth/login" }, {
+		default: withCtx(() => [..._cache[0] || (_cache[0] = [createElementVNode("button", { class: "btn-primary btn" }, "Login", -1)])]),
+		_: 1
+	});
+}
+var LoginButton_default = /* @__PURE__ */ export_helper_default(_sfc_main$31, [["render", _sfc_render]]);
+
+//#endregion
+//#region src/components/ui/LogoPlaceholder.vue
+const _sfc_main$30 = /* @__PURE__ */ defineComponent({
+	__name: "LogoPlaceholder",
+	props: { size: { default: "md" } },
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["flex items-center justify-center rounded-lg bg-base-300 text-base-content/50", __props.size === "xs" ? "h-10 w-10 md:h-12 md:w-12 text-xs" : __props.size === "sm" ? "h-12 w-24 text-xs" : "h-24 w-32 text-sm"]) }, [..._cache[0] || (_cache[0] = [createElementVNode("span", { class: "font-medium" }, "Logo", -1)])], 2);
+		};
+	}
+});
+var LogoPlaceholder_default = _sfc_main$30;
+
+//#endregion
+//#region src/components/Navbar.vue
+const _hoisted_1$26 = { class: "sticky top-0 flex h-16 w-full justify-center border-b-2 border-solid border-b-base-300 bg-base-200 bg-opacity-90 text-base-content shadow-xs z-10" };
+const _hoisted_2$23 = { class: "navbar w-full" };
+const _hoisted_3$23 = { class: "flex flex-1 md:gap-1 lg:gap-2" };
+const _hoisted_4$19 = { class: "items-center gap-2 flex" };
+const _hoisted_5$15 = { class: "font-title inline-flex text-lg text-primary transition-all duration-200 md:text-3xl" };
+const _hoisted_6$13 = ["src"];
+const _hoisted_7$11 = {
+	key: 0,
+	class: "hidden md:flex items-center ml-4"
+};
+const _hoisted_8$11 = { class: "text-sm text-base-content/70 flex items-center gap-2" };
+const _hoisted_9$10 = {
+	key: 0,
+	class: "loading loading-spinner loading-xs"
+};
+const _hoisted_10$7 = { class: "font-medium" };
+const _hoisted_11$7 = {
+	key: 2,
+	class: "text-base-content/50"
+};
+const _hoisted_12$6 = {
+	key: 1,
+	class: "flex md:hidden flex-col justify-center ml-2 leading-tight"
+};
+const _hoisted_13$5 = { class: "font-medium text-sm truncate max-w-[150px]" };
+const _hoisted_14$4 = {
+	key: 0,
+	class: "loading loading-spinner loading-xs"
+};
+const _hoisted_15$3 = { class: "flex-none gap-2" };
+const _hoisted_16$3 = {
+	key: 0,
+	class: "loading btn-primary btn"
+};
+const _hoisted_17$2 = {
+	key: 1,
+	for: "my-drawer-4",
+	tabindex: "0",
+	class: "btn-ghost btn-circle avatar btn placeholder",
+	id: "right-nav-label"
+};
+const _sfc_main$29 = /* @__PURE__ */ defineComponent({
+	__name: "Navbar",
+	props: {
+		breadcrumbs: {},
+		logoSrc: {}
+	},
+	setup(__props) {
+		const imageLoadFailed = ref(false);
+		const loading = ref(true);
+		loading.value = true;
+		const user = useUserSessionStore();
+		loading.value = false;
+		return (_ctx, _cache) => {
+			const _component_router_link = resolveComponent("router-link");
+			return openBlock(), createElementBlock("header", _hoisted_1$26, [createElementVNode("nav", _hoisted_2$23, [createElementVNode("div", _hoisted_3$23, [_cache[3] || (_cache[3] = createElementVNode("label", {
+				for: "drawer",
+				class: "btn-ghost drawer-button btn-square btn"
+			}, [createElementVNode("svg", {
+				xmlns: "http://www.w3.org/2000/svg",
+				fill: "none",
+				viewBox: "0 0 24 24",
+				"stroke-width": "1.5",
+				stroke: "currentColor",
+				class: "h-6 w-6"
+			}, [createElementVNode("path", {
+				"stroke-linecap": "round",
+				"stroke-linejoin": "round",
+				d: "M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"
+			})])], -1)), createElementVNode("div", _hoisted_4$19, [
+				createVNode(AppLink_default, {
+					to: "/",
+					"aria-current": "page",
+					"aria-label": "Homepage"
+				}, {
+					default: withCtx(() => [createElementVNode("div", _hoisted_5$15, [!__props.logoSrc || imageLoadFailed.value ? (openBlock(), createBlock(LogoPlaceholder_default, {
+						key: 0,
+						size: "xs"
+					})) : (openBlock(), createElementBlock("img", {
+						key: 1,
+						src: __props.logoSrc,
+						alt: "logo",
+						class: "h-10 w-10 md:h-12 md:w-12",
+						onError: _cache[0] || (_cache[0] = ($event) => imageLoadFailed.value = true)
+					}, null, 40, _hoisted_6$13))])]),
+					_: 1
+				}),
+				createCommentVNode(" Breadcrumbs in navbar - Desktop view "),
+				__props.breadcrumbs && __props.breadcrumbs.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_7$11, [createElementVNode("div", _hoisted_8$11, [
+					(openBlock(true), createElementBlock(Fragment, null, renderList(__props.breadcrumbs, (crumb, index) => {
+						return openBlock(), createElementBlock(Fragment, { key: index }, [
+							createCommentVNode(" Link for all but the last item "),
+							index < __props.breadcrumbs.length - 1 ? (openBlock(), createBlock(_component_router_link, {
+								key: 0,
+								to: crumb.to,
+								class: "hover:text-primary"
+							}, {
+								default: withCtx(() => [createTextVNode(toDisplayString(crumb.label), 1)]),
+								_: 2
+							}, 1032, ["to"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+								createCommentVNode(" Current page (not a link) "),
+								createCommentVNode(" Show loading spinner if explicitly loading "),
+								crumb.loading ? (openBlock(), createElementBlock("span", _hoisted_9$10)) : crumb.label ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createCommentVNode(" Show label if provided "), createElementVNode("span", _hoisted_10$7, toDisplayString(crumb.label), 1)], 2112)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [createCommentVNode(" Fallback if neither loading nor label "), _cache[1] || (_cache[1] = createElementVNode("span", { class: "font-medium text-base-content/50" }, "...", -1))], 2112))
+							], 64)),
+							createCommentVNode(" Separator between items "),
+							index < __props.breadcrumbs.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_11$7, "/")) : createCommentVNode("v-if", true)
+						], 64);
+					}), 128)),
+					createCommentVNode(" Optional status badge "),
+					renderSlot(_ctx.$slots, "status")
+				])])) : createCommentVNode("v-if", true),
+				createCommentVNode(" Breadcrumbs in navbar - Mobile view (GitHub style) "),
+				__props.breadcrumbs && __props.breadcrumbs.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_12$6, [
+					createCommentVNode(" Parent/previous breadcrumb (if exists) "),
+					__props.breadcrumbs.length > 1 && __props.breadcrumbs[__props.breadcrumbs.length - 2] ? (openBlock(), createBlock(_component_router_link, {
+						key: 0,
+						to: __props.breadcrumbs[__props.breadcrumbs.length - 2].to,
+						class: "text-xs text-base-content/70 hover:text-primary truncate max-w-[120px]"
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(__props.breadcrumbs[__props.breadcrumbs.length - 2].label), 1)]),
+						_: 1
+					}, 8, ["to"])) : createCommentVNode("v-if", true),
+					createCommentVNode(" Current page (last breadcrumb) "),
+					createElementVNode("div", _hoisted_13$5, [createCommentVNode(" Show loading spinner if explicitly loading "), __props.breadcrumbs[__props.breadcrumbs.length - 1]?.loading ? (openBlock(), createElementBlock("span", _hoisted_14$4)) : __props.breadcrumbs[__props.breadcrumbs.length - 1]?.label ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createCommentVNode(" Show label if provided "), createTextVNode(toDisplayString(__props.breadcrumbs[__props.breadcrumbs.length - 1].label), 1)], 64)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [createCommentVNode(" Fallback "), _cache[2] || (_cache[2] = createElementVNode("span", { class: "text-base-content/50" }, "...", -1))], 2112))]),
+					createCommentVNode(" Optional status badge "),
+					renderSlot(_ctx.$slots, "mobile-status")
+				])) : createCommentVNode("v-if", true)
+			])]), createElementVNode("div", _hoisted_15$3, [_cache[5] || (_cache[5] = createElementVNode("div", { class: "form-control hidden sm:flex" }, [createCommentVNode(" <input\n            type=\"text\"\n            placeholder=\"Search\"\n            class=\"input-bordered input input-sm\"\n          /> ")], -1)), loading.value ? (openBlock(), createElementBlock("button", _hoisted_16$3)) : unref(user).currentSession ? (openBlock(), createElementBlock("label", _hoisted_17$2, [..._cache[4] || (_cache[4] = [createElementVNode("div", { class: "bg-neutral-focus text-neutral-content w-10 rounded-full" }, [createElementVNode("span", null, "U")], -1)])])) : (openBlock(), createBlock(LoginButton_default, { key: 2 }))])])]);
+		};
+	}
+});
+var Navbar_default = _sfc_main$29;
+
+//#endregion
+//#region src/components/NotFound.vue
+const _hoisted_1$25 = { class: "flex items-center justify-center bg-base-100 mt-4" };
+const _hoisted_2$22 = { class: "max-w-md mx-auto text-center px-4" };
+const _hoisted_3$22 = { class: "flex flex-col sm:flex-row gap-4 justify-center" };
+const _sfc_main$28 = /* @__PURE__ */ defineComponent({
+	__name: "NotFound",
+	setup(__props) {
+		const router = useRouter();
+		const goBack = () => {
+			if (window.history.length > 1) router.go(-1);
+			else router.push({ name: "Home" });
+		};
+		return (_ctx, _cache) => {
+			const _component_router_link = resolveComponent("router-link");
+			return openBlock(), createElementBlock("div", _hoisted_1$25, [createElementVNode("div", _hoisted_2$22, [_cache[1] || (_cache[1] = createElementVNode("div", { class: "mb-8" }, [
+				createElementVNode("h1", { class: "text-9xl font-bold text-primary mb-4" }, "404"),
+				createElementVNode("h2", { class: "text-3xl font-bold mb-4" }, "Page Not Found"),
+				createElementVNode("p", { class: "text-base-content/70 mb-8" }, " Sorry, we couldn't find the page you're looking for. The page may have been moved, deleted, or the URL might be incorrect. ")
+			], -1)), createElementVNode("div", _hoisted_3$22, [createVNode(_component_router_link, {
+				to: { name: "Home" },
+				class: "btn btn-primary"
+			}, {
+				default: withCtx(() => [..._cache[0] || (_cache[0] = [createTextVNode(" Go to Home ", -1)])]),
+				_: 1
+			}), createElementVNode("button", {
+				onClick: goBack,
+				class: "btn btn-outline"
+			}, "Go Back")])])]);
+		};
+	}
+});
+var NotFound_default = _sfc_main$28;
+
+//#endregion
+//#region src/components/RightSidebar.vue
+const _hoisted_1$24 = { class: "drawer-side z-50" };
+const _hoisted_2$21 = { class: "menu p-3 w-80 h-full bg-base-200 text-base-content" };
+const _hoisted_3$21 = { class: "flex pb-2" };
+const _hoisted_4$18 = { class: "pl-3" };
+const _sfc_main$27 = /* @__PURE__ */ defineComponent({
+	__name: "RightSidebar",
+	props: { logoutReturnUrl: { default: "/" } },
+	setup(__props) {
+		const userSession = useUserSessionStore();
+		/**
+		* Where to redirect after logout. Default '/' (homepage) so user can browse anonymously.
+		* Apps can pass a different path via the logoutReturnUrl prop if needed.
+		*/
+		const props = __props;
+		const logoutLink = computed(() => withReturnUrl("/auth/logout", props.logoutReturnUrl));
+		let checked = ref(false);
+		function closeDrawer(_) {
+			checked.value = false;
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [withDirectives(createElementVNode("input", {
+				id: "my-drawer-4",
+				type: "checkbox",
+				class: "drawer-toggle",
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(checked) ? checked.value = $event : checked = $event)
+			}, null, 512), [[vModelCheckbox, unref(checked)]]), createElementVNode("div", _hoisted_1$24, [_cache[7] || (_cache[7] = createElementVNode("label", {
+				for: "my-drawer-4",
+				class: "drawer-overlay"
+			}, null, -1)), createElementVNode("ul", _hoisted_2$21, [
+				createElementVNode("div", _hoisted_3$21, [
+					_cache[1] || (_cache[1] = createElementVNode("div", { class: "avatar placeholder" }, [createElementVNode("div", { class: "bg-neutral-focus text-neutral-content w-10 h-10 rounded-full" }, [createElementVNode("span", null, "U")])], -1)),
+					createElementVNode("label", _hoisted_4$18, toDisplayString(unref(userSession).currentSession?.user?.username), 1),
+					_cache[2] || (_cache[2] = createElementVNode("div", { class: "grow" }, null, -1)),
+					_cache[3] || (_cache[3] = createElementVNode("label", {
+						for: "my-drawer-4",
+						class: "btn-square btn btn-outline btn-sm"
+					}, " X ", -1))
+				]),
+				createElementVNode("li", { onClick: closeDrawer }, [createVNode(AppLink_default, { to: "/user/profile" }, {
+					default: withCtx(() => [..._cache[4] || (_cache[4] = [createTextVNode("My User Profile", -1)])]),
+					_: 1
+				})]),
+				_cache[6] || (_cache[6] = createElementVNode("div", { class: "divider" }, null, -1)),
+				createElementVNode("li", { onClick: closeDrawer }, [createVNode(AppLink_default, { to: logoutLink.value }, {
+					default: withCtx(() => [..._cache[5] || (_cache[5] = [createTextVNode("Logout", -1)])]),
+					_: 1
+				}, 8, ["to"])])
+			])])], 64);
+		};
+	}
+});
+var RightSidebar_default = _sfc_main$27;
+
+//#endregion
+//#region src/composables/useBuildTag.ts
+function useBuildTag() {
+	return readonly({ build_tag: import.meta.env.VITE_BUILD_TAG });
+}
+
+//#endregion
+//#region src/components/Sidebar.vue
+const _hoisted_1$23 = {
+	class: "drawer-side z-50",
+	style: {
+		"scroll-behavior": "smooth",
+		"scroll-padding-top": "5rem"
+	},
+	ref: "drawersidebar"
+};
+const _hoisted_2$20 = { class: "w-80 bg-base-200 h-full flex flex-col" };
+const _hoisted_3$20 = { class: "flex-1 overflow-y-auto overflow-x-hidden min-h-0" };
+const _hoisted_4$17 = { class: "menu p-3 w-full text-base-content" };
+const _hoisted_5$14 = { class: "flex" };
+const _hoisted_6$12 = { class: "font-title inline-flex text-2xl text-primary transition-all duration-200" };
+const _hoisted_7$10 = ["src"];
+const _hoisted_8$10 = {
+	key: 0,
+	class: "w-full"
+};
+const _hoisted_9$9 = { class: "menu-title" };
+const _hoisted_10$6 = { class: "flex flex-col items-center justify-center w-full h-16" };
+const _hoisted_11$6 = { class: "text-xs text-neutral-500" };
+const _sfc_main$26 = /* @__PURE__ */ defineComponent({
+	__name: "Sidebar",
+	props: { logoSrc: {} },
+	setup(__props) {
+		const user = useUserSessionStore();
+		const pinnedPresets = useInjectedPinnedPresets();
+		const router = useRouter();
+		const tag = useBuildTag();
+		const close_button = ref(null);
+		const imageLoadFailed = ref(false);
+		const sidebarSections = computed(() => {
+			const allRoutes = router.getRoutes();
+			let sections = {};
+			allRoutes.forEach((route) => {
+				const meta = route.meta;
+				if (meta.side_bar?.section) {
+					const side_bar = meta.side_bar;
+					const section = meta.side_bar.section;
+					const userType = user.currentSession?.user.user_type;
+					if (!userType || !side_bar.visible_to?.includes(userType)) return;
+					if (!sections[section]) sections[section] = [];
+					sections[section].push(route);
+				}
+			});
+			sections = Object.keys(sections).sort().reduce((obj, key) => {
+				obj[key] = sections[key] || [];
+				return obj;
+			}, {});
+			return sections;
+		});
+		function capitalizeSection(section) {
+			return section.trim().toUpperCase();
+		}
+		function closeDrawer(_) {
+			close_button.value?.click();
+		}
+		function getRouteLink(route) {
+			return route.path;
+		}
+		return (_ctx, _cache) => {
+			const _component_router_link = resolveComponent("router-link");
+			return openBlock(), createElementBlock("div", _hoisted_1$23, [_cache[3] || (_cache[3] = createElementVNode("label", {
+				for: "drawer",
+				class: "drawer-overlay"
+			}, null, -1)), createElementVNode("aside", _hoisted_2$20, [createElementVNode("div", _hoisted_3$20, [createElementVNode("ul", _hoisted_4$17, [
+				createElementVNode("div", _hoisted_5$14, [
+					createElementVNode("div", _hoisted_6$12, [renderSlot(_ctx.$slots, "logo", {}, () => [!__props.logoSrc || imageLoadFailed.value ? (openBlock(), createBlock(LogoPlaceholder_default, {
+						key: 0,
+						size: "sm"
+					})) : (openBlock(), createElementBlock("img", {
+						key: 1,
+						src: __props.logoSrc,
+						alt: "logo",
+						class: "h-12",
+						onError: _cache[0] || (_cache[0] = ($event) => imageLoadFailed.value = true)
+					}, null, 40, _hoisted_7$10))])]),
+					_cache[1] || (_cache[1] = createElementVNode("div", { class: "grow" }, null, -1)),
+					createElementVNode("label", {
+						for: "drawer",
+						class: "btn-square btn btn-outline btn-sm",
+						ref_key: "close_button",
+						ref: close_button
+					}, " X ", 512)
+				]),
+				createCommentVNode(" Favorites section (pinned presets) at top "),
+				unref(pinnedPresets).pinned.value.length > 0 ? (openBlock(), createElementBlock("li", _hoisted_8$10, [_cache[2] || (_cache[2] = createElementVNode("div", { class: "menu-title" }, [createElementVNode("span", null, "FAVORITES")], -1)), (openBlock(true), createElementBlock(Fragment, null, renderList(unref(pinnedPresets).pinned.value, (preset) => {
+					return openBlock(), createBlock(_component_router_link, {
+						key: preset.id,
+						to: unref(pinnedPresets).getPresetLink(preset),
+						class: "whitespace-nowrap block w-full pl-6",
+						onClick: closeDrawer
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(preset.name), 1)]),
+						_: 2
+					}, 1032, ["to"]);
+				}), 128))])) : createCommentVNode("v-if", true),
+				(openBlock(true), createElementBlock(Fragment, null, renderList(sidebarSections.value, (routes, section) => {
+					return openBlock(), createElementBlock("li", {
+						key: section,
+						class: "w-full"
+					}, [createElementVNode("div", _hoisted_9$9, [createElementVNode("span", null, toDisplayString(capitalizeSection(section)), 1)]), (openBlock(true), createElementBlock(Fragment, null, renderList(routes, (route) => {
+						return openBlock(), createBlock(AppLink_default, {
+							key: route.path,
+							to: getRouteLink(route),
+							class: "whitespace-nowrap block w-full pl-6",
+							onClick: closeDrawer
+						}, {
+							default: withCtx(() => [createTextVNode(toDisplayString(route.meta?.title || route.name), 1)]),
+							_: 2
+						}, 1032, ["to"]);
+					}), 128))]);
+				}), 128))
+			])]), createElementVNode("div", _hoisted_10$6, [createElementVNode("div", _hoisted_11$6, "Version: " + toDisplayString(unref(tag).build_tag), 1)])])], 512);
+		};
+	}
+});
+var Sidebar_default = _sfc_main$26;
+
+//#endregion
+//#region src/composables/useEmailVerificationGuard.ts
+/**
+* Composable for email verification checks in soft/strict mode.
+* Use to restrict features or show UI based on verification status.
+*/
+function useEmailVerificationGuard() {
+	const { emailVerificationMode } = useEnv();
+	const session = useUserSessionStore();
+	const requiresVerification = computed(() => emailVerificationMode === "soft" || emailVerificationMode === "strict");
+	const isVerified = computed(() => session.userSession?.user.email_verified ?? true);
+	return {
+		requiresVerification,
+		isVerified,
+		showVerificationPrompt: computed(() => requiresVerification.value && !isVerified.value && !!session.userSession),
+		emailVerificationMode
+	};
+}
+
+//#endregion
+//#region src/components/UnverifiedEmailBanner.vue
+const _hoisted_1$22 = {
+	key: 0,
+	class: "bg-warning border border-warning text-warning-content px-4 py-2 flex items-center justify-between gap-4"
+};
+const _hoisted_2$19 = { class: "text-sm" };
+const _hoisted_3$19 = ["disabled"];
+const _sfc_main$25 = /* @__PURE__ */ defineComponent({
+	__name: "UnverifiedEmailBanner",
+	setup(__props) {
+		const { showVerificationPrompt } = useEmailVerificationGuard();
+		const session = useUserSessionStore();
+		const resendLoading = ref(false);
+		const { mutate: resendMutate } = useMutation((api, _input) => {
+			const verifyEmail = api.verifyEmail;
+			if (!verifyEmail) throw new Error("Email verification is not configured");
+			return verifyEmail.resendVerificationEmail();
+		}, { skipAuthCheck: false });
+		const resendVerification = async () => {
+			try {
+				resendLoading.value = true;
+				if ((await resendMutate(void 0))?.ok) {
+					toast.success("Verification email sent. Please check your inbox.");
+					await session.refreshToken();
+				} else toast.error("Failed to resend verification email.");
+			} catch (error) {
+				toast.error(error instanceof Error ? error.message : "Failed to resend");
+			} finally {
+				resendLoading.value = false;
+			}
+		};
+		return (_ctx, _cache) => {
+			return unref(showVerificationPrompt) ? (openBlock(), createElementBlock("div", _hoisted_1$22, [createElementVNode("p", _hoisted_2$19, [
+				_cache[0] || (_cache[0] = createTextVNode(" Please verify your email. Check your inbox or ", -1)),
+				createElementVNode("button", {
+					type: "button",
+					class: "link link-hover font-medium underline",
+					disabled: resendLoading.value,
+					onClick: resendVerification
+				}, toDisplayString(resendLoading.value ? "Sending..." : "resend verification email"), 9, _hoisted_3$19),
+				_cache[1] || (_cache[1] = createTextVNode(". ", -1))
+			])])) : createCommentVNode("v-if", true);
+		};
+	}
+});
+var UnverifiedEmailBanner_default = _sfc_main$25;
+
+//#endregion
+//#region src/layouts/Admin.vue
+const _hoisted_1$21 = { class: "drawer drawer-end" };
+const _hoisted_2$18 = { class: "drawer h-[calc(100vh_-_64px_-_64px)] bg-base-100" };
+const _hoisted_3$18 = { class: "drawer-content" };
+const _hoisted_4$16 = { class: "pr-1 pl-1 md:pr-4 md:pl-4" };
+const _sfc_main$24 = /* @__PURE__ */ defineComponent({
+	__name: "Admin",
+	props: {
+		logoSrc: {},
+		navbarLogoSrc: {}
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createElementVNode("div", _hoisted_1$21, [createVNode(RightSidebar_default)]), createElementVNode("div", _hoisted_2$18, [
+				_cache[0] || (_cache[0] = createElementVNode("input", {
+					id: "my-drawer-4",
+					type: "checkbox",
+					class: "drawer-toggle"
+				}, null, -1)),
+				createElementVNode("div", _hoisted_3$18, [createVNode(Navbar_default, { logoSrc: __props.navbarLogoSrc }, null, 8, ["logoSrc"]), createElementVNode("div", _hoisted_4$16, [createVNode(unref(RouterView))])]),
+				createVNode(Sidebar_default, { logoSrc: __props.logoSrc }, createSlots({ _: 2 }, [_ctx.$slots.sidebarLogo ? {
+					name: "logo",
+					fn: withCtx(() => [renderSlot(_ctx.$slots, "sidebarLogo")]),
+					key: "0"
+				} : void 0]), 1032, ["logoSrc"])
+			])], 64);
+		};
+	}
+});
+var Admin_default = _sfc_main$24;
+
+//#endregion
+//#region src/layouts/Auth.vue
+const _hoisted_1$20 = { class: "m-2 sm:m-4" };
+const _hoisted_2$17 = {
+	key: 0,
+	class: "flex justify-center mb-2"
+};
+const _hoisted_3$17 = { class: "flex flex-wrap gap-4 text-sm" };
+const _hoisted_4$15 = { class: "flex justify-center mb-6" };
+const _hoisted_5$13 = ["src"];
+const _hoisted_6$11 = { class: "min-h-screen bg-base-100 flex flex-col" };
+const DEFAULT_SIGNUP_CONSENT_BEFORE = "By signing up you agree to these terms:";
+const DEFAULT_SIGNUP_CONSENT_AFTER = "After you click Sign Up, we'll show you each document to review and accept.";
+const _sfc_main$23 = /* @__PURE__ */ defineComponent({
+	__name: "Auth",
+	props: {
+		logoSrc: {},
+		backLinks: {},
+		signupConsentBeforeText: {},
+		signupConsentAfterText: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const route = useRoute();
+		const imageLoadFailed = ref(false);
+		const backLinks = computed(() => {
+			const fromQuery = getBackLinkFromRoute(route);
+			if (fromQuery) return [fromQuery];
+			const fromProps = props.backLinks;
+			return !fromProps ? [] : Array.isArray(fromProps) ? fromProps : [fromProps];
+		});
+		const hasBackLinks = computed(() => backLinks.value.length > 0);
+		provide("signupConsentBeforeText", props.signupConsentBeforeText ?? DEFAULT_SIGNUP_CONSENT_BEFORE);
+		provide("signupConsentAfterText", props.signupConsentAfterText ?? DEFAULT_SIGNUP_CONSENT_AFTER);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$20, [
+				hasBackLinks.value ? (openBlock(), createElementBlock("div", _hoisted_2$17, [createElementVNode("nav", _hoisted_3$17, [(openBlock(true), createElementBlock(Fragment, null, renderList(backLinks.value, (link, i) => {
+					return openBlock(), createBlock(AppLink_default, {
+						key: i,
+						to: link.to,
+						class: "link link-hover"
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(link.label ?? "Back to site"), 1)]),
+						_: 2
+					}, 1032, ["to"]);
+				}), 128))])])) : createCommentVNode("v-if", true),
+				createElementVNode("div", _hoisted_4$15, [renderSlot(_ctx.$slots, "logo", {}, () => [!__props.logoSrc || imageLoadFailed.value ? (openBlock(), createBlock(LogoPlaceholder_default, {
+					key: 0,
+					size: "md"
+				})) : (openBlock(), createElementBlock("img", {
+					key: 1,
+					src: __props.logoSrc,
+					alt: "logo",
+					class: "h-24",
+					onError: _cache[0] || (_cache[0] = ($event) => imageLoadFailed.value = true)
+				}, null, 40, _hoisted_5$13))])]),
+				createElementVNode("div", _hoisted_6$11, [createVNode(unref(RouterView))])
+			]);
+		};
+	}
+});
+var Auth_default = _sfc_main$23;
+
+//#endregion
+//#region src/layouts/Default.vue
+const _hoisted_1$19 = { class: "m-4" };
+const _sfc_main$22 = /* @__PURE__ */ defineComponent({
+	__name: "Default",
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$19, [createVNode(AppLink_default, {
+				to: "/auth/login",
+				"aria-current": "page",
+				"aria-label": "Homepage",
+				class: "flex-0 btn px-2 btn-accent"
+			}, {
+				default: withCtx(() => [..._cache[0] || (_cache[0] = [createElementVNode("div", { class: "text-lg md:text-3xl" }, [createElementVNode("span", null, "Login")], -1)])]),
+				_: 1
+			}), createVNode(unref(RouterView))]);
+		};
+	}
+});
+var Default_default = _sfc_main$22;
+
+//#endregion
+//#region src/layouts/InApp.vue
+const _hoisted_1$18 = { class: "drawer drawer-end" };
+const _hoisted_2$16 = { class: "drawer h-[calc(100vh_)]" };
+const _hoisted_3$16 = { class: "drawer-content flex flex-col" };
+const _hoisted_4$14 = {
+	key: 0,
+	class: "z-20"
+};
+const _hoisted_5$12 = { class: "flex-1 px-3 sm:px-4 md:px-6 pb-4" };
+const _sfc_main$21 = /* @__PURE__ */ defineComponent({
+	__name: "InApp",
+	props: {
+		logoSrc: {},
+		navbarLogoSrc: {}
+	},
+	setup(__props) {
+		const route = useRoute();
+		const user = useUserSessionStore();
+		provide(PINNED_PRESETS_KEY, usePinnedPresets());
+		const componentBreadcrumbs = ref(null);
+		const breadcrumbSegments = ref(/* @__PURE__ */ new Map());
+		provide(BREADCRUMB_KEY, {
+			setBreadcrumbs: (breadcrumbs) => {
+				componentBreadcrumbs.value = breadcrumbs;
+			},
+			setBreadcrumbSegment: (componentId, breadcrumbs) => {
+				if (breadcrumbs === null) breadcrumbSegments.value.delete(componentId);
+				else breadcrumbSegments.value.set(componentId, breadcrumbs);
+			}
+		});
+		const shouldShowAppHeader = computed(() => {
+			return currentSectionTabs.value.length > 0;
+		});
+		const currentBreadcrumbs = computed(() => {
+			if (breadcrumbSegments.value.size > 0) {
+				const merged = [];
+				for (const segment of breadcrumbSegments.value.values()) merged.push(...segment);
+				return merged;
+			}
+			if (componentBreadcrumbs.value !== null) return componentBreadcrumbs.value;
+			if (typeof route.meta.getBreadcrumbs === "function") return route.meta.getBreadcrumbs(route);
+			if (route.meta.breadcrumbs) return route.meta.breadcrumbs;
+			const breadcrumbs = [];
+			breadcrumbs.push({
+				label: "Home",
+				to: { name: "Home" }
+			});
+			if (route.meta.section) breadcrumbs.push({
+				label: route.meta.section,
+				to: { name: route.meta.sectionRoute }
+			});
+			if (route.meta.title && route.name !== "Home") breadcrumbs.push({
+				label: route.meta.title,
+				to: route
+			});
+			return breadcrumbs;
+		});
+		const currentSectionTabs = computed(() => {
+			if (route.meta.sectionTabs) {
+				const allTabs = route.meta.sectionTabs;
+				const userType = user.currentSession?.user.user_type;
+				return allTabs.filter((tab) => {
+					if (tab.visible_to && userType) return tab.visible_to.includes(userType);
+					return true;
+				});
+			}
+			return [];
+		});
+		const currentActiveTab = computed(() => {
+			return route.meta.currentTab || "";
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" Right sidebar drawer "), createElementVNode("div", _hoisted_1$18, [
+				createVNode(RightSidebar_default),
+				createCommentVNode(" Left sidebar drawer "),
+				createElementVNode("div", _hoisted_2$16, [
+					_cache[0] || (_cache[0] = createElementVNode("input", {
+						id: "drawer",
+						type: "checkbox",
+						class: "drawer-toggle"
+					}, null, -1)),
+					createElementVNode("div", _hoisted_3$16, [
+						createCommentVNode(" Fixed navbar at top with breadcrumbs "),
+						createVNode(Navbar_default, {
+							class: "sticky top-0 z-30",
+							breadcrumbs: currentBreadcrumbs.value,
+							logoSrc: __props.navbarLogoSrc
+						}, null, 8, ["breadcrumbs", "logoSrc"]),
+						createVNode(UnverifiedEmailBanner_default),
+						createCommentVNode(" Unified navigation with AppHeader (only shown when needed) "),
+						shouldShowAppHeader.value ? (openBlock(), createElementBlock("div", _hoisted_4$14, [createVNode(AppHeader_default, {
+							tabs: currentSectionTabs.value,
+							"active-tab": currentActiveTab.value
+						}, null, 8, ["tabs", "active-tab"])])) : createCommentVNode("v-if", true),
+						createCommentVNode(" Main content "),
+						createElementVNode("div", _hoisted_5$12, [createVNode(unref(RouterView))])
+					]),
+					createCommentVNode(" Left sidebar "),
+					createVNode(Sidebar_default, { logoSrc: __props.logoSrc }, createSlots({ _: 2 }, [_ctx.$slots.sidebarLogo ? {
+						name: "logo",
+						fn: withCtx(() => [renderSlot(_ctx.$slots, "sidebarLogo")]),
+						key: "0"
+					} : void 0]), 1032, ["logoSrc"])
+				])
+			])], 2112);
+		};
+	}
+});
+var InApp_default = _sfc_main$21;
+
+//#endregion
+//#region src/components/ui/FieldDisplay.vue
+const _hoisted_1$17 = { class: "label" };
+const _hoisted_2$15 = { class: "label-text font-medium" };
+const _hoisted_3$15 = { class: "text-base-content" };
+const _sfc_main$20 = /* @__PURE__ */ defineComponent({
+	__name: "FieldDisplay",
+	props: {
+		label: {},
+		value: {},
+		fullWidth: { type: Boolean }
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["form-control", { "md:col-span-2": __props.fullWidth }]) }, [createElementVNode("label", _hoisted_1$17, [createElementVNode("span", _hoisted_2$15, toDisplayString(__props.label), 1)]), createElementVNode("div", _hoisted_3$15, toDisplayString(__props.value ?? "-"), 1)], 2);
+		};
+	}
+});
+var FieldDisplay_default = _sfc_main$20;
+
+//#endregion
+//#region src/components/ui/FieldGroup.vue
+const _hoisted_1$16 = { class: "card bg-base-100 shadow-sm" };
+const _hoisted_2$14 = { class: "card-body" };
+const _hoisted_3$14 = { class: "card-title text-lg mb-4" };
+const _hoisted_4$13 = { class: "grid grid-cols-1 md:grid-cols-2 gap-4" };
+const _sfc_main$19 = /* @__PURE__ */ defineComponent({
+	__name: "FieldGroup",
+	props: { title: {} },
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$16, [createElementVNode("div", _hoisted_2$14, [createElementVNode("h2", _hoisted_3$14, toDisplayString(__props.title), 1), createElementVNode("div", _hoisted_4$13, [renderSlot(_ctx.$slots, "default")])])]);
+		};
+	}
+});
+var FieldGroup_default = _sfc_main$19;
+
+//#endregion
+//#region src/components/ui/FileManager.vue
+const _hoisted_1$15 = { class: "w-full px-2 sm:px-0" };
+const _hoisted_2$13 = { class: "mb-4" };
+const _hoisted_3$13 = { class: "flex flex-col sm:flex-row sm:justify-between sm:items-center gap-3 mb-3" };
+const _hoisted_4$12 = { class: "text-lg font-medium" };
+const _hoisted_5$11 = { class: "flex gap-2 sm:hidden" };
+const _hoisted_6$10 = ["disabled"];
+const _hoisted_7$9 = { class: "breadcrumbs text-xs sm:text-sm overflow-x-auto -mx-2 px-2" };
+const _hoisted_8$9 = { class: "min-w-max" };
+const _hoisted_9$8 = ["onClick", "title"];
+const _hoisted_10$5 = ["accept"];
+const _hoisted_11$5 = { class: "flex flex-col items-center justify-center py-4" };
+const _hoisted_12$5 = { class: "text-lg font-medium" };
+const _hoisted_13$4 = { class: "text-sm text-base-content/70 mt-1" };
+const _hoisted_14$3 = {
+	key: 0,
+	class: "text-xs text-base-content/50 mt-3"
+};
+const _hoisted_15$2 = {
+	key: 0,
+	class: "mb-4"
+};
+const _hoisted_16$2 = { class: "space-y-3" };
+const _hoisted_17$1 = { class: "flex justify-between items-start mb-2" };
+const _hoisted_18$1 = { class: "flex-1" };
+const _hoisted_19$1 = { class: "flex items-center gap-2" };
+const _hoisted_20$1 = {
+	key: 0,
+	class: "loading loading-spinner loading-xs text-primary"
+};
+const _hoisted_21$1 = {
+	key: 1,
+	xmlns: "http://www.w3.org/2000/svg",
+	class: "h-4 w-4 text-success",
+	fill: "none",
+	viewBox: "0 0 24 24",
+	stroke: "currentColor"
+};
+const _hoisted_22$1 = {
+	key: 2,
+	xmlns: "http://www.w3.org/2000/svg",
+	class: "h-4 w-4 text-error",
+	fill: "none",
+	viewBox: "0 0 24 24",
+	stroke: "currentColor"
+};
+const _hoisted_23$1 = {
+	key: 3,
+	class: "h-4 w-4 rounded-full bg-base-300"
+};
+const _hoisted_24$1 = { class: "min-w-0 flex-1" };
+const _hoisted_25$1 = { class: "font-medium text-sm break-all" };
+const _hoisted_26$1 = { class: "text-xs text-base-content/70 mt-1 ml-6" };
+const _hoisted_27$1 = {
+	key: 0,
+	class: "text-xs text-error mt-1 ml-6"
+};
+const _hoisted_28$1 = ["onClick"];
+const _hoisted_29$1 = { key: 0 };
+const _hoisted_30$1 = { class: "flex justify-between text-xs mb-1" };
+const _hoisted_31$1 = { key: 0 };
+const _hoisted_32$1 = ["value"];
+const _hoisted_33$1 = {
+	key: 1,
+	class: "text-xs text-success mt-1"
+};
+const _hoisted_34$1 = {
+	key: 2,
+	class: "text-xs text-error mt-1"
+};
+const _hoisted_35$1 = {
+	key: 1,
+	class: "block sm:hidden mb-4"
+};
+const _hoisted_36 = ["onClick"];
+const _hoisted_37 = { class: "card-body py-4" };
+const _hoisted_38 = { class: "flex items-center gap-3" };
+const _hoisted_39 = { class: "card-title text-base break-words flex-1" };
+const _hoisted_40 = {
+	key: 2,
+	class: "block sm:hidden"
+};
+const _hoisted_41 = { class: "card-body" };
+const _hoisted_42 = { class: "flex items-center gap-2 mb-2" };
+const _hoisted_43 = { class: "card-title text-base break-all" };
+const _hoisted_44 = { class: "grid grid-cols-2 text-sm mb-3" };
+const _hoisted_45 = { class: "card-actions justify-between mt-3 gap-2" };
+const _hoisted_46 = ["onClick"];
+const _hoisted_47 = ["onClick"];
+const _hoisted_48 = {
+	key: 3,
+	class: "hidden sm:block overflow-x-auto"
+};
+const _hoisted_49 = { class: "table table-zebra w-full" };
+const _hoisted_50 = ["onClick"];
+const _hoisted_51 = { class: "flex items-center gap-3" };
+const _hoisted_52 = { class: "font-medium break-all max-w-[200px] md:max-w-[500px]" };
+const _hoisted_53 = {
+	key: 0,
+	class: "text-xs text-base-content/60 ml-2"
+};
+const _hoisted_54 = { class: "flex items-center gap-3" };
+const _hoisted_55 = { class: "font-medium break-all max-w-[200px] md:max-w-[500px]" };
+const _hoisted_56 = { class: "flex gap-2" };
+const _hoisted_57 = ["onClick"];
+const _hoisted_58 = ["onClick"];
+const _hoisted_59 = { class: "text-center py-8" };
+const _hoisted_60 = { class: "text-base-content/70 mt-2" };
+const _hoisted_61 = { class: "text-center py-8" };
+const _hoisted_62 = { class: "text-base-content/70" };
+const _hoisted_63 = { class: "hidden sm:block text-sm text-base-content/70 mt-2" };
+const _hoisted_64 = { class: "text-center py-8" };
+const _hoisted_65 = { class: "text-error" };
+const _hoisted_66 = { class: "mb-4" };
+const _hoisted_67 = {
+	key: 0,
+	class: "bg-base-200 rounded-lg p-3 space-y-1 text-sm"
+};
+const _hoisted_68 = { class: "flex items-center gap-2" };
+const _hoisted_69 = { class: "font-medium" };
+const _hoisted_70 = { class: "text-base-content/70" };
+const DEFAULT_MAX_FILE_SIZE = 50 * 1024 * 1024;
+const _sfc_main$18 = /* @__PURE__ */ defineComponent({
+	__name: "FileManager",
+	props: {
+		recordId: {},
+		recordType: {},
+		config: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const config = computed(() => props.config || {});
+		const envConfig = useEnv();
+		const maxFileSize = computed(() => config.value.maxFileSize ?? envConfig.maxAttachmentFileSize ?? DEFAULT_MAX_FILE_SIZE);
+		const route = useRoute();
+		const router = useRouter();
+		const fileInput = ref(null);
+		const isDragging = ref(false);
+		const isUploading = ref(false);
+		const uploadQueue = ref([]);
+		const currentUploadId = ref(null);
+		const attachments = ref([]);
+		const folders = ref([]);
+		const currentFolderId = ref(null);
+		const folderPath = ref([]);
+		const showDeleteModal = ref(false);
+		const showCreateFolderModal = ref(false);
+		const fileToDelete = ref(null);
+		const { mutate: deleteAttachment } = useMutation((api, input) => api.attachments.deleteAttachment(input.id), { invalidate: /^attachments?:/ });
+		const { mutate: createFolderMutation } = useMutation((api, input) => api.attachments.createFolder(input), { invalidate: /^attachments?:/ });
+		const { data: attachmentsData, loading: fetchingAttachments, error: attachmentsError, refetch: refetchAttachments } = useQuery(async (api) => {
+			const filters = {
+				limit: 50,
+				include_folders: true
+			};
+			if (currentFolderId.value === null) filters.folder_id = null;
+			else if (currentFolderId.value) filters.folder_id = currentFolderId.value;
+			return await api.attachments.listAttachments({
+				record_id: props.recordId,
+				record_type: props.recordType,
+				filters
+			});
+		}, { staleTime: 120 * 1e3 });
+		const { data: allFoldersData, refetch: refetchAllFolders } = useQuery(async (api) => {
+			return await api.attachments.listAttachments({
+				record_id: props.recordId,
+				record_type: props.recordType,
+				filters: {
+					limit: 1e3,
+					include_folders: true
+				}
+			});
+		}, {
+			enabled: computed(() => !!currentFolderId.value && folderPath.value.length === 0),
+			watch: [currentFolderId, folderPath],
+			staleTime: 300 * 1e3
+		});
+		const transformAttachments = computed(() => {
+			if (!attachmentsData.value) return [];
+			const files = [];
+			const folderList = [];
+			const folderItems = attachmentsData.value.folders || [];
+			for (const item of folderItems) folderList.push({
+				id: item.id,
+				name: item.original_name,
+				parent_folder_id: item.parent_folder_id ?? null,
+				file_count: item.file_count ?? 0
+			});
+			const fileItems = attachmentsData.value.files || [];
+			for (const item of fileItems) files.push({
+				id: item.id,
+				name: item.original_name,
+				size: parseInt(item.file_size || "0"),
+				type: item.content_type || "",
+				uploadedAt: new Date(item.created_at)
+			});
+			folders.value = folderList;
+			return files;
+		});
+		onMounted(() => {
+			const folderIdFromUrl = route.query.folder_id;
+			if (folderIdFromUrl) {
+				currentFolderId.value = folderIdFromUrl;
+				refetchAllFolders();
+			}
+		});
+		watch(() => route.query.folder_id, (newFolderId) => {
+			const folderId = newFolderId || null;
+			if (folderId !== currentFolderId.value) {
+				currentFolderId.value = folderId;
+				folderPath.value = [];
+				if (folderId) refetchAllFolders();
+				refreshAttachments();
+			}
+		});
+		watch(() => allFoldersData.value?.folders, (allFoldersList) => {
+			if (currentFolderId.value && folderPath.value.length === 0 && allFoldersList) {
+				const allFoldersMap = new Map(allFoldersList.map((f) => [f.id, {
+					id: f.id,
+					name: f.original_name,
+					parent_folder_id: f.parent_folder_id
+				}]));
+				const path = [];
+				let currentFolderIdToFind = currentFolderId.value;
+				const visited = /* @__PURE__ */ new Set();
+				while (currentFolderIdToFind) {
+					if (visited.has(currentFolderIdToFind)) break;
+					visited.add(currentFolderIdToFind);
+					const folder = allFoldersMap.get(currentFolderIdToFind);
+					if (!folder) break;
+					path.unshift({
+						id: folder.id,
+						name: folder.name
+					});
+					if (!folder.parent_folder_id) break;
+					currentFolderIdToFind = folder.parent_folder_id;
+				}
+				folderPath.value = path;
+			}
+		});
+		watch(transformAttachments, (newAttachments) => {
+			attachments.value = newAttachments;
+		}, { immediate: true });
+		const updateUrlFolder = (folderId) => {
+			const query = { ...route.query };
+			if (folderId) query.folder_id = folderId;
+			else delete query.folder_id;
+			router.replace({ query });
+		};
+		const enterFolder = (folderId) => {
+			const folder = folders.value.find((f) => f.id === folderId);
+			if (folder) {
+				folderPath.value.push({
+					id: folder.id,
+					name: folder.name
+				});
+				currentFolderId.value = folderId;
+				updateUrlFolder(folderId);
+				refreshAttachments();
+			}
+		};
+		const navigateToFolder = (folderId) => {
+			if (folderId === null) {
+				folderPath.value = [];
+				currentFolderId.value = null;
+			} else {
+				const index = folderPath.value.findIndex((f) => f.id === folderId);
+				if (index !== -1) {
+					folderPath.value = folderPath.value.slice(0, index + 1);
+					currentFolderId.value = folderId;
+				} else {
+					const folder = folders.value.find((f) => f.id === folderId);
+					if (folder) {
+						folderPath.value = [{
+							id: folder.id,
+							name: folder.name
+						}];
+						currentFolderId.value = folderId;
+					}
+				}
+			}
+			updateUrlFolder(folderId);
+			refreshAttachments();
+		};
+		const refreshAttachments = () => {
+			refetchAttachments();
+		};
+		const openFileSelector = () => {
+			fileInput.value?.click();
+		};
+		const handleFileChange = async (event) => {
+			const target = event.target;
+			const files = target.files;
+			if (files && files.length > 0) {
+				for (let i = 0; i < files.length; i++) {
+					const file = files[i];
+					if (file) {
+						if (file.size > maxFileSize.value) {
+							uploadQueue.value.push({
+								id: crypto.randomUUID(),
+								file,
+								status: "error",
+								progress: 0,
+								errorMessage: `File size (${formatFileSize(file.size)}) exceeds maximum allowed size (${formatFileSize(maxFileSize.value)})`
+							});
+							continue;
+						}
+						uploadQueue.value.push({
+							id: crypto.randomUUID(),
+							file,
+							status: "pending",
+							progress: 0
+						});
+					}
+				}
+				if (!isUploading.value) processUploadQueue();
+				target.value = "";
+			}
+		};
+		const handleFileDrop = async (event) => {
+			isDragging.value = false;
+			const files = event.dataTransfer?.files;
+			if (files && files.length > 0) {
+				for (let i = 0; i < files.length; i++) {
+					const file = files[i];
+					if (file) {
+						if (file.size > maxFileSize.value) {
+							uploadQueue.value.push({
+								id: crypto.randomUUID(),
+								file,
+								status: "error",
+								progress: 0,
+								errorMessage: `File size (${formatFileSize(file.size)}) exceeds maximum allowed size (${formatFileSize(maxFileSize.value)})`
+							});
+							continue;
+						}
+						uploadQueue.value.push({
+							id: crypto.randomUUID(),
+							file,
+							status: "pending",
+							progress: 0
+						});
+					}
+				}
+				if (!isUploading.value) processUploadQueue();
+			}
+		};
+		const removeFromQueue = (id) => {
+			const index = uploadQueue.value.findIndex((item) => item.id === id);
+			if (index !== -1) uploadQueue.value.splice(index, 1);
+		};
+		const processUploadQueue = async () => {
+			const nextItem = uploadQueue.value.find((item) => item.status === "pending");
+			if (!nextItem) {
+				isUploading.value = false;
+				return;
+			}
+			isUploading.value = true;
+			currentUploadId.value = nextItem.id;
+			nextItem.status = "uploading";
+			await uploadFile(nextItem);
+			if (uploadQueue.value.some((item) => item.status === "pending")) processUploadQueue();
+			else {
+				isUploading.value = false;
+				currentUploadId.value = null;
+			}
+		};
+		const uploadFile = async (item) => {
+			const progressInterval = setInterval(() => {
+				item.progress += Math.random() * 10;
+				item.progress = Math.round(item.progress * 100) / 100;
+				if (item.progress >= 99) item.progress = 99;
+			}, 200);
+			try {
+				const env$1 = useEnv();
+				const userStore = useUserSessionStore();
+				const formData = new FormData();
+				formData.append("file", item.file);
+				formData.append("file_name", item.file.name);
+				formData.append("record_id", props.recordId);
+				formData.append("record_type", props.recordType);
+				if (currentFolderId.value) formData.append("folder_id", currentFolderId.value);
+				const response = await fetch(`${env$1.restApiClient.apiUrl}/attachments/${props.recordType}/${props.recordId}`, {
+					method: "POST",
+					headers: { Authorization: `Bearer ${userStore.accessToken}` },
+					body: formData
+				});
+				if (!response.ok) throw new Error(`Upload failed: ${response.statusText}`);
+				const result = await response.json();
+				if (result && result.id) {
+					clearInterval(progressInterval);
+					item.progress = 100;
+					item.status = "success";
+					refreshAttachments();
+				} else {
+					clearInterval(progressInterval);
+					item.status = "error";
+					item.errorMessage = "Upload failed: Invalid response";
+				}
+			} catch (error) {
+				console.error("Upload failed:", error);
+				clearInterval(progressInterval);
+				item.status = "error";
+				item.errorMessage = error instanceof Error ? error.message : "Upload failed";
+			}
+		};
+		const createFolder = () => {
+			showCreateFolderModal.value = true;
+		};
+		const handleCreateFolder = async (folderName) => {
+			try {
+				await createFolderMutation({
+					record_id: props.recordId,
+					record_type: props.recordType,
+					folder_name: folderName,
+					parent_folder_id: currentFolderId.value || null
+				});
+				showCreateFolderModal.value = false;
+				refreshAttachments();
+			} catch (error) {
+				console.error("Create folder failed:", error);
+			}
+		};
+		const env = useEnv();
+		const useSession = useUserSessionStore();
+		const downloadFile = async (file) => {
+			if (!file) return;
+			const res = await fetch(`${env.restApiClient.apiUrl}/attachments/${props.recordType}/${file.id}`, {
+				method: "GET",
+				headers: {
+					"Content-Type": "application/json",
+					Authorization: `Bearer ${useSession.accessToken}`
+				}
+			});
+			if (!res.ok) throw new Error("Failed to download file");
+			const blob = await res.blob();
+			const url = URL.createObjectURL(blob);
+			const a = document.createElement("a");
+			a.href = url;
+			a.download = file.name;
+			document.body.appendChild(a);
+			a.click();
+			a.remove();
+			URL.revokeObjectURL(url);
+		};
+		const confirmDeleteFile = (file) => {
+			fileToDelete.value = file;
+			showDeleteModal.value = true;
+		};
+		const deleteFile = async () => {
+			if (!fileToDelete.value) return;
+			try {
+				await deleteAttachment({ id: fileToDelete.value.id });
+				refreshAttachments();
+				showDeleteModal.value = false;
+				fileToDelete.value = null;
+			} catch (error) {
+				console.error("Delete failed:", error);
+			}
+		};
+		const formatFileSize = (bytes) => {
+			if (bytes === 0) return "0 Bytes";
+			const k = 1024;
+			const sizes = [
+				"Bytes",
+				"KB",
+				"MB",
+				"GB"
+			];
+			const i = Math.floor(Math.log(bytes) / Math.log(k));
+			return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + " " + sizes[i];
+		};
+		const formatDate = (date) => {
+			return new Intl.DateTimeFormat("en-US", {
+				year: "numeric",
+				month: "short",
+				day: "numeric"
+			}).format(date);
+		};
+		const getFileTypeLabel = (type) => {
+			if (type.includes("pdf")) return "PDF";
+			if (type.includes("word") || type.includes("doc")) return "DOC";
+			if (type.includes("sheet") || type.includes("excel") || type.includes("xls")) return "XLS";
+			if (type.includes("image")) return "IMG";
+			return "FILE";
+		};
+		const getFileTypeBadgeClass = (type) => {
+			if (type.includes("pdf")) return "badge-error";
+			if (type.includes("word") || type.includes("doc")) return "badge-primary";
+			if (type.includes("sheet") || type.includes("excel") || type.includes("xls")) return "badge-success";
+			if (type.includes("image")) return "badge-warning";
+			return "badge-neutral";
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$15, [
+				createCommentVNode(" File Manager Header "),
+				createElementVNode("div", _hoisted_2$13, [
+					createCommentVNode(" Mobile: Stacked layout "),
+					createElementVNode("div", _hoisted_3$13, [
+						createElementVNode("h3", _hoisted_4$12, toDisplayString(config.value.title || "Attachments"), 1),
+						createCommentVNode(" Mobile: Action buttons "),
+						createElementVNode("div", _hoisted_5$11, [createElementVNode("button", {
+							class: "btn btn-sm btn-primary flex-1",
+							onClick: openFileSelector,
+							disabled: isUploading.value
+						}, [_cache[5] || (_cache[5] = createElementVNode("svg", {
+							xmlns: "http://www.w3.org/2000/svg",
+							class: "h-4 w-4 mr-1",
+							fill: "none",
+							viewBox: "0 0 24 24",
+							stroke: "currentColor"
+						}, [createElementVNode("path", {
+							"stroke-linecap": "round",
+							"stroke-linejoin": "round",
+							"stroke-width": "2",
+							d: "M12 4v16m8-8H4"
+						})], -1)), createTextVNode(" " + toDisplayString(config.value.addButtonText || "Add Files"), 1)], 8, _hoisted_6$10), createElementVNode("button", {
+							class: "btn btn-sm btn-info flex-1",
+							onClick: createFolder
+						}, [..._cache[6] || (_cache[6] = [createElementVNode("svg", {
+							xmlns: "http://www.w3.org/2000/svg",
+							class: "h-4 w-4 mr-1",
+							fill: "none",
+							viewBox: "0 0 24 24",
+							stroke: "currentColor"
+						}, [createElementVNode("path", {
+							"stroke-linecap": "round",
+							"stroke-linejoin": "round",
+							"stroke-width": "2",
+							d: "M12 4v16m8-8H4"
+						})], -1), createTextVNode(" New Folder ", -1)])])]),
+						createCommentVNode(" Desktop: Action buttons "),
+						createElementVNode("div", { class: "hidden sm:flex gap-2" }, [createElementVNode("button", {
+							class: "btn btn-sm btn-info",
+							onClick: createFolder
+						}, "New Folder")])
+					]),
+					createCommentVNode(" Breadcrumb Navigation - Mobile optimized "),
+					createElementVNode("div", _hoisted_7$9, [createElementVNode("ul", _hoisted_8$9, [createElementVNode("li", null, [createElementVNode("button", {
+						class: normalizeClass(["btn btn-sm sm:btn-xs btn-ghost min-h-[2.5rem] sm:min-h-0 py-2 sm:py-1", { "btn-active": !currentFolderId.value }]),
+						onClick: _cache[0] || (_cache[0] = ($event) => navigateToFolder(null))
+					}, [..._cache[7] || (_cache[7] = [createElementVNode("svg", {
+						xmlns: "http://www.w3.org/2000/svg",
+						class: "h-4 w-4 sm:mr-1",
+						fill: "none",
+						viewBox: "0 0 24 24",
+						stroke: "currentColor"
+					}, [createElementVNode("path", {
+						"stroke-linecap": "round",
+						"stroke-linejoin": "round",
+						"stroke-width": "2",
+						d: "M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"
+					})], -1), createElementVNode("span", { class: "hidden sm:inline" }, "Root", -1)])], 2)]), (openBlock(true), createElementBlock(Fragment, null, renderList(folderPath.value, (folder, index) => {
+						return openBlock(), createElementBlock("li", { key: folder.id }, [createElementVNode("button", {
+							class: normalizeClass(["btn btn-sm sm:btn-xs btn-ghost min-h-[2.5rem] sm:min-h-0 py-2 sm:py-1 max-w-[8rem] sm:max-w-none truncate", { "btn-active": index === folderPath.value.length - 1 }]),
+							onClick: ($event) => navigateToFolder(folder.id),
+							title: folder.name
+						}, toDisplayString(folder.name), 11, _hoisted_9$8)]);
+					}), 128))])])
+				]),
+				createElementVNode("input", {
+					ref_key: "fileInput",
+					ref: fileInput,
+					type: "file",
+					class: "hidden",
+					onChange: handleFileChange,
+					multiple: "",
+					accept: config.value.acceptedTypes
+				}, null, 40, _hoisted_10$5),
+				createCommentVNode(" Drag & Drop Zone (hidden on mobile) "),
+				createElementVNode("div", {
+					class: normalizeClass(["hidden sm:block border-2 border-dashed rounded-lg p-6 text-center mb-4 transition-colors", {
+						"border-primary bg-primary/5 cursor-pointer": isDragging.value,
+						"border-base-300 hover:border-primary/50": !isDragging.value
+					}]),
+					onDragover: _cache[1] || (_cache[1] = withModifiers(($event) => isDragging.value = true, ["prevent"])),
+					onDragleave: _cache[2] || (_cache[2] = withModifiers(($event) => isDragging.value = false, ["prevent"])),
+					onDrop: withModifiers(handleFileDrop, ["prevent"]),
+					onClick: openFileSelector
+				}, [createElementVNode("div", _hoisted_11$5, [
+					_cache[8] || (_cache[8] = createElementVNode("svg", {
+						xmlns: "http://www.w3.org/2000/svg",
+						class: "h-12 w-12 mb-2 text-primary",
+						fill: "none",
+						viewBox: "0 0 24 24",
+						stroke: "currentColor"
+					}, [createElementVNode("path", {
+						"stroke-linecap": "round",
+						"stroke-linejoin": "round",
+						"stroke-width": "2",
+						d: "M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12"
+					})], -1)),
+					createElementVNode("p", _hoisted_12$5, toDisplayString(config.value.dropText || "Drag and drop files here"), 1),
+					createElementVNode("p", _hoisted_13$4, toDisplayString(config.value.browseText || "or click to browse files"), 1),
+					config.value.acceptText ? (openBlock(), createElementBlock("p", _hoisted_14$3, toDisplayString(config.value.acceptText), 1)) : createCommentVNode("v-if", true)
+				])], 34),
+				createCommentVNode(" Upload Queue "),
+				uploadQueue.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_15$2, [_cache[12] || (_cache[12] = createElementVNode("div", { class: "text-sm font-medium mb-2" }, "File uploads", -1)), createElementVNode("div", _hoisted_16$2, [(openBlock(true), createElementBlock(Fragment, null, renderList(uploadQueue.value, (item) => {
+					return openBlock(), createElementBlock("div", {
+						key: item.id,
+						class: normalizeClass(["border border-base-200 rounded-lg p-3", {
+							"bg-success/5 border-success/30": item.status === "success",
+							"bg-error/5 border-error/30": item.status === "error"
+						}])
+					}, [
+						createElementVNode("div", _hoisted_17$1, [
+							createElementVNode("div", _hoisted_18$1, [
+								createElementVNode("div", _hoisted_19$1, [
+									createCommentVNode(" Status Icon "),
+									item.status === "uploading" ? (openBlock(), createElementBlock("div", _hoisted_20$1)) : item.status === "success" ? (openBlock(), createElementBlock("svg", _hoisted_21$1, [..._cache[9] || (_cache[9] = [createElementVNode("path", {
+										"stroke-linecap": "round",
+										"stroke-linejoin": "round",
+										"stroke-width": "2",
+										d: "M5 13l4 4L19 7"
+									}, null, -1)])])) : item.status === "error" ? (openBlock(), createElementBlock("svg", _hoisted_22$1, [..._cache[10] || (_cache[10] = [createElementVNode("path", {
+										"stroke-linecap": "round",
+										"stroke-linejoin": "round",
+										"stroke-width": "2",
+										d: "M6 18L18 6M6 6l12 12"
+									}, null, -1)])])) : (openBlock(), createElementBlock("div", _hoisted_23$1)),
+									createCommentVNode(" Filename "),
+									createElementVNode("div", _hoisted_24$1, [createElementVNode("div", _hoisted_25$1, toDisplayString(item.file.name), 1)])
+								]),
+								createElementVNode("div", _hoisted_26$1, toDisplayString(formatFileSize(item.file.size)), 1),
+								item.status === "error" && item.errorMessage ? (openBlock(), createElementBlock("div", _hoisted_27$1, toDisplayString(item.errorMessage), 1)) : createCommentVNode("v-if", true)
+							]),
+							createCommentVNode(" Dismiss Button (X) "),
+							item.status === "success" || item.status === "error" ? (openBlock(), createElementBlock("button", {
+								key: 0,
+								class: "btn btn-xs btn-ghost btn-circle",
+								onClick: ($event) => removeFromQueue(item.id),
+								"aria-label": "Dismiss notification"
+							}, [..._cache[11] || (_cache[11] = [createElementVNode("svg", {
+								xmlns: "http://www.w3.org/2000/svg",
+								class: "h-4 w-4",
+								fill: "none",
+								viewBox: "0 0 24 24",
+								stroke: "currentColor"
+							}, [createElementVNode("path", {
+								"stroke-linecap": "round",
+								"stroke-linejoin": "round",
+								"stroke-width": "2",
+								d: "M6 18L18 6M6 6l12 12"
+							})], -1)])], 8, _hoisted_28$1)) : createCommentVNode("v-if", true)
+						]),
+						createCommentVNode(" Progress Bar "),
+						item.status === "uploading" || item.status === "pending" ? (openBlock(), createElementBlock("div", _hoisted_29$1, [createElementVNode("div", _hoisted_30$1, [createElementVNode("span", null, toDisplayString(item.status === "uploading" ? "Uploading..." : "Waiting..."), 1), item.status === "uploading" ? (openBlock(), createElementBlock("span", _hoisted_31$1, toDisplayString(item.progress.toFixed(2)) + "%", 1)) : createCommentVNode("v-if", true)]), createElementVNode("progress", {
+							class: normalizeClass(["progress w-full", {
+								"progress-primary": item.status === "uploading",
+								"progress-secondary opacity-50": item.status === "pending"
+							}]),
+							value: item.status === "uploading" ? item.progress : 0,
+							max: "100"
+						}, null, 10, _hoisted_32$1)])) : createCommentVNode("v-if", true),
+						createCommentVNode(" Success/Error Message "),
+						item.status === "success" ? (openBlock(), createElementBlock("div", _hoisted_33$1, " Upload complete ")) : createCommentVNode("v-if", true),
+						item.status === "error" ? (openBlock(), createElementBlock("div", _hoisted_34$1, " Upload failed - dismiss and try again ")) : createCommentVNode("v-if", true)
+					], 2);
+				}), 128))])])) : createCommentVNode("v-if", true),
+				createCommentVNode(" Folder list (mobile) "),
+				folders.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_35$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(folders.value, (folder) => {
+					return openBlock(), createElementBlock("div", {
+						key: folder.id,
+						class: "card card-compact bg-base-100 shadow-sm mb-3 border border-base-200 active:scale-[0.98] transition-transform",
+						onClick: ($event) => enterFolder(folder.id)
+					}, [createElementVNode("div", _hoisted_37, [createElementVNode("div", _hoisted_38, [
+						_cache[13] || (_cache[13] = createElementVNode("div", { class: "badge badge-secondary badge-lg" }, "FOLDER", -1)),
+						createElementVNode("h3", _hoisted_39, toDisplayString(folder.name), 1),
+						_cache[14] || (_cache[14] = createElementVNode("svg", {
+							xmlns: "http://www.w3.org/2000/svg",
+							class: "h-5 w-5 text-base-content/50",
+							fill: "none",
+							viewBox: "0 0 24 24",
+							stroke: "currentColor"
+						}, [createElementVNode("path", {
+							"stroke-linecap": "round",
+							"stroke-linejoin": "round",
+							"stroke-width": "2",
+							d: "M9 5l7 7-7 7"
+						})], -1))
+					])])], 8, _hoisted_36);
+				}), 128))])) : createCommentVNode("v-if", true),
+				createCommentVNode(" File List for Mobile "),
+				attachments.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_40, [(openBlock(true), createElementBlock(Fragment, null, renderList(attachments.value, (file, index) => {
+					return openBlock(), createElementBlock("div", {
+						key: index,
+						class: "card card-compact bg-base-100 shadow-sm mb-3 border border-base-200"
+					}, [createElementVNode("div", _hoisted_41, [
+						createElementVNode("div", _hoisted_42, [createElementVNode("div", { class: normalizeClass(["badge", getFileTypeBadgeClass(file.type)]) }, toDisplayString(getFileTypeLabel(file.type)), 3), createElementVNode("h3", _hoisted_43, toDisplayString(file.name), 1)]),
+						createElementVNode("div", _hoisted_44, [createElementVNode("div", null, [_cache[15] || (_cache[15] = createElementVNode("span", { class: "text-base-content/70" }, "Size:", -1)), createTextVNode(" " + toDisplayString(formatFileSize(file.size)), 1)]), createElementVNode("div", null, [_cache[16] || (_cache[16] = createElementVNode("span", { class: "text-base-content/70" }, "Uploaded:", -1)), createTextVNode(" " + toDisplayString(formatDate(file.uploadedAt)), 1)])]),
+						createElementVNode("div", _hoisted_45, [createElementVNode("button", {
+							class: "btn btn-sm flex-1 min-h-[2.75rem]",
+							onClick: ($event) => downloadFile(file)
+						}, [..._cache[17] || (_cache[17] = [createElementVNode("svg", {
+							xmlns: "http://www.w3.org/2000/svg",
+							class: "h-4 w-4 mr-1",
+							fill: "none",
+							viewBox: "0 0 24 24",
+							stroke: "currentColor"
+						}, [createElementVNode("path", {
+							"stroke-linecap": "round",
+							"stroke-linejoin": "round",
+							"stroke-width": "2",
+							d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"
+						})], -1), createTextVNode(" Download ", -1)])], 8, _hoisted_46), createElementVNode("button", {
+							class: "btn btn-sm btn-outline btn-error flex-1 min-h-[2.75rem]",
+							onClick: ($event) => confirmDeleteFile(file)
+						}, [..._cache[18] || (_cache[18] = [createElementVNode("svg", {
+							xmlns: "http://www.w3.org/2000/svg",
+							class: "h-4 w-4 mr-1",
+							fill: "none",
+							viewBox: "0 0 24 24",
+							stroke: "currentColor"
+						}, [createElementVNode("path", {
+							"stroke-linecap": "round",
+							"stroke-linejoin": "round",
+							"stroke-width": "2",
+							d: "M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"
+						})], -1), createTextVNode(" Delete ", -1)])], 8, _hoisted_47)])
+					])]);
+				}), 128))])) : createCommentVNode("v-if", true),
+				createCommentVNode(" Folder and File List for Tablet/Desktop "),
+				folders.value.length > 0 || attachments.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_48, [createElementVNode("table", _hoisted_49, [_cache[25] || (_cache[25] = createElementVNode("thead", null, [createElementVNode("tr", null, [
+					createElementVNode("th", null, "Name"),
+					createElementVNode("th", null, "Size"),
+					createElementVNode("th", null, "Uploaded"),
+					createElementVNode("th", null, "Actions")
+				])], -1)), createElementVNode("tbody", null, [
+					createCommentVNode(" Folders "),
+					(openBlock(true), createElementBlock(Fragment, null, renderList(folders.value, (folder) => {
+						return openBlock(), createElementBlock("tr", {
+							key: folder.id,
+							class: "cursor-pointer",
+							onClick: ($event) => enterFolder(folder.id)
+						}, [
+							createElementVNode("td", null, [createElementVNode("div", _hoisted_51, [_cache[19] || (_cache[19] = createElementVNode("div", { class: "badge badge-secondary badge-sm" }, "FOLDER", -1)), createElementVNode("div", _hoisted_52, [createTextVNode(toDisplayString(folder.name) + " ", 1), folder.file_count !== void 0 ? (openBlock(), createElementBlock("span", _hoisted_53, " (" + toDisplayString(folder.file_count) + ") ", 1)) : createCommentVNode("v-if", true)])])]),
+							_cache[20] || (_cache[20] = createElementVNode("td", null, "—", -1)),
+							_cache[21] || (_cache[21] = createElementVNode("td", null, "—", -1)),
+							_cache[22] || (_cache[22] = createElementVNode("td", null, "—", -1))
+						], 8, _hoisted_50);
+					}), 128)),
+					createCommentVNode(" Files "),
+					(openBlock(true), createElementBlock(Fragment, null, renderList(attachments.value, (file, index) => {
+						return openBlock(), createElementBlock("tr", { key: index }, [
+							createElementVNode("td", null, [createElementVNode("div", _hoisted_54, [createElementVNode("div", { class: normalizeClass(["badge badge-sm", getFileTypeBadgeClass(file.type)]) }, toDisplayString(getFileTypeLabel(file.type)), 3), createElementVNode("div", _hoisted_55, toDisplayString(file.name), 1)])]),
+							createElementVNode("td", null, toDisplayString(formatFileSize(file.size)), 1),
+							createElementVNode("td", null, toDisplayString(formatDate(file.uploadedAt)), 1),
+							createElementVNode("td", null, [createElementVNode("div", _hoisted_56, [createElementVNode("button", {
+								class: "btn btn-sm btn-ghost btn-circle",
+								onClick: ($event) => downloadFile(file)
+							}, [..._cache[23] || (_cache[23] = [createElementVNode("svg", {
+								xmlns: "http://www.w3.org/2000/svg",
+								class: "h-4 w-4",
+								fill: "none",
+								viewBox: "0 0 24 24",
+								stroke: "currentColor"
+							}, [createElementVNode("path", {
+								"stroke-linecap": "round",
+								"stroke-linejoin": "round",
+								"stroke-width": "2",
+								d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"
+							})], -1)])], 8, _hoisted_57), createElementVNode("button", {
+								class: "btn btn-sm btn-ghost btn-circle text-error",
+								onClick: ($event) => confirmDeleteFile(file)
+							}, [..._cache[24] || (_cache[24] = [createElementVNode("svg", {
+								xmlns: "http://www.w3.org/2000/svg",
+								class: "h-4 w-4",
+								fill: "none",
+								viewBox: "0 0 24 24",
+								stroke: "currentColor"
+							}, [createElementVNode("path", {
+								"stroke-linecap": "round",
+								"stroke-linejoin": "round",
+								"stroke-width": "2",
+								d: "M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"
+							})], -1)])], 8, _hoisted_58)])])
+						]);
+					}), 128))
+				])])])) : unref(fetchingAttachments) ? (openBlock(), createElementBlock(Fragment, { key: 4 }, [createCommentVNode(" Loading State "), createElementVNode("div", _hoisted_59, [_cache[26] || (_cache[26] = createElementVNode("div", { class: "flex justify-center" }, [createElementVNode("span", { class: "loading loading-spinner loading-md" })], -1)), createElementVNode("p", _hoisted_60, toDisplayString(config.value.loadingText || "Loading attachments..."), 1)])], 2112)) : !isUploading.value ? (openBlock(), createElementBlock(Fragment, { key: 5 }, [createCommentVNode(" Empty State "), createElementVNode("div", _hoisted_61, [
+					_cache[27] || (_cache[27] = createElementVNode("svg", {
+						xmlns: "http://www.w3.org/2000/svg",
+						class: "h-12 w-12 mx-auto mb-3 text-base-content/30",
+						fill: "none",
+						viewBox: "0 0 24 24",
+						stroke: "currentColor"
+					}, [createElementVNode("path", {
+						"stroke-linecap": "round",
+						"stroke-linejoin": "round",
+						"stroke-width": "2",
+						d: "M9 13h6m-3-3v6m5 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
+					})], -1)),
+					createElementVNode("p", _hoisted_62, toDisplayString(config.value.emptyText || "No attachments yet"), 1),
+					createCommentVNode(" Desktop instruction "),
+					createElementVNode("p", _hoisted_63, toDisplayString(config.value.instructionText || "Use the drag and drop area above to add files"), 1)
+				])], 2112)) : unref(attachmentsError) ? (openBlock(), createElementBlock(Fragment, { key: 6 }, [createCommentVNode(" Error State "), createElementVNode("div", _hoisted_64, [createElementVNode("p", _hoisted_65, toDisplayString(config.value.errorText || "Failed to load attachments"), 1), createElementVNode("button", {
+					class: "btn btn-sm btn-outline mt-2",
+					onClick: refreshAttachments
+				}, toDisplayString(config.value.retryText || "Try Again"), 1)])], 2112)) : createCommentVNode("v-if", true),
+				createCommentVNode(" Create Folder Modal "),
+				createVNode(InputModal_default, {
+					modelValue: showCreateFolderModal.value,
+					"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => showCreateFolderModal.value = $event),
+					title: config.value.createFolderTitle || "Create New Folder",
+					label: config.value.folderNameLabel || "Folder Name",
+					placeholder: "Enter folder name",
+					"confirm-text": config.value.createFolderButtonText || "Create",
+					"cancel-text": config.value.cancelText || "Cancel",
+					onConfirm: handleCreateFolder
+				}, null, 8, [
+					"modelValue",
+					"title",
+					"label",
+					"confirm-text",
+					"cancel-text"
+				]),
+				createCommentVNode(" Delete Confirmation Modal "),
+				createVNode(ConfirmDialog_default, {
+					modelValue: showDeleteModal.value,
+					"onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => showDeleteModal.value = $event),
+					title: config.value.deleteTitle || "Confirm Deletion",
+					"confirm-text": config.value.confirmDeleteText || "Delete",
+					"cancel-text": config.value.cancelText || "Cancel",
+					"confirm-button-class": "btn-error",
+					onConfirm: deleteFile
+				}, {
+					message: withCtx(() => [createElementVNode("p", _hoisted_66, toDisplayString(config.value.deleteMessage || "Are you sure you want to delete this file? This action cannot be undone."), 1), fileToDelete.value ? (openBlock(), createElementBlock("div", _hoisted_67, [createElementVNode("div", _hoisted_68, [createElementVNode("div", { class: normalizeClass(["badge badge-sm", getFileTypeBadgeClass(fileToDelete.value.type)]) }, toDisplayString(getFileTypeLabel(fileToDelete.value.type)), 3), createElementVNode("span", _hoisted_69, toDisplayString(fileToDelete.value.name), 1)]), createElementVNode("div", _hoisted_70, [createElementVNode("div", null, [_cache[28] || (_cache[28] = createElementVNode("span", { class: "font-medium" }, "Size:", -1)), createTextVNode(" " + toDisplayString(formatFileSize(fileToDelete.value.size)), 1)]), createElementVNode("div", null, [_cache[29] || (_cache[29] = createElementVNode("span", { class: "font-medium" }, "Uploaded:", -1)), createTextVNode(" " + toDisplayString(formatDate(fileToDelete.value.uploadedAt)), 1)])])])) : createCommentVNode("v-if", true)]),
+					_: 1
+				}, 8, [
+					"modelValue",
+					"title",
+					"confirm-text",
+					"cancel-text"
+				])
+			]);
+		};
+	}
+});
+var FileManager_default = _sfc_main$18;
+
+//#endregion
+//#region src/components/ui/KeyValueEditor.vue
+const _hoisted_1$14 = { class: "key-value-editor col-span-full" };
+const _hoisted_2$12 = {
+	key: 0,
+	class: "mb-2"
+};
+const _hoisted_3$12 = {
+	key: 0,
+	class: "label p-0"
+};
+const _hoisted_4$11 = { class: "label-text" };
+const _hoisted_5$10 = {
+	key: 1,
+	class: "text-xs text-base-content/60 mt-1"
+};
+const _hoisted_6$9 = {
+	key: 1,
+	class: "text-error text-sm mb-2"
+};
+const _hoisted_7$8 = { class: "space-y-3" };
+const _hoisted_8$8 = { class: "flex-1" };
+const _hoisted_9$7 = [
+	"onUpdate:modelValue",
+	"placeholder",
+	"onInput"
+];
+const _hoisted_10$4 = { class: "flex-1" };
+const _hoisted_11$4 = [
+	"onUpdate:modelValue",
+	"placeholder",
+	"onInput"
+];
+const _hoisted_12$4 = ["onClick", "disabled"];
+const _hoisted_13$3 = {
+	key: 2,
+	class: "text-center py-4 text-base-content/60"
+};
+const _sfc_main$17 = /* @__PURE__ */ defineComponent({
+	__name: "KeyValueEditor",
+	props: {
+		modelValue: { default: null },
+		label: { default: "Key-Value Pairs" },
+		helpText: { default: "Add custom metadata as key-value pairs" },
+		keyPlaceholder: { default: "Key" },
+		valuePlaceholder: { default: "Value" },
+		error: { default: void 0 }
+	},
+	emits: ["update:modelValue"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const parseJsonToPairs = (jsonString) => {
+			if (!jsonString || jsonString.trim() === "") return [{
+				key: "",
+				value: ""
+			}];
+			try {
+				const parsed = JSON.parse(jsonString);
+				if (typeof parsed !== "object" || parsed === null || Array.isArray(parsed)) return [{
+					key: "",
+					value: ""
+				}];
+				const pairs$1 = Object.entries(parsed).map(([key, value]) => ({
+					key,
+					value: String(value)
+				}));
+				return pairs$1.length > 0 ? pairs$1 : [{
+					key: "",
+					value: ""
+				}];
+			} catch {
+				return [{
+					key: "",
+					value: ""
+				}];
+			}
+		};
+		const pairsToJson = (pairs$1) => {
+			const validPairs = pairs$1.filter((pair) => pair.key.trim() !== "" || pair.value.trim() !== "");
+			if (validPairs.length === 0) return null;
+			const obj = {};
+			for (const pair of validPairs) if (pair.key.trim() !== "") obj[pair.key.trim()] = pair.value.trim();
+			return Object.keys(obj).length === 0 ? null : JSON.stringify(obj);
+		};
+		const pairs = ref(parseJsonToPairs(props.modelValue));
+		const isInternalUpdate = ref(false);
+		watch(() => props.modelValue, (newValue) => {
+			if (isInternalUpdate.value) return;
+			const newPairs = parseJsonToPairs(newValue);
+			if (pairsToJson(pairs.value) !== newValue) pairs.value = newPairs;
+		}, { immediate: true });
+		watch(pairs, async (newPairs) => {
+			isInternalUpdate.value = true;
+			emit("update:modelValue", pairsToJson(newPairs));
+			await nextTick();
+			isInternalUpdate.value = false;
+		}, { deep: true });
+		const addPair = () => {
+			pairs.value.push({
+				key: "",
+				value: ""
+			});
+		};
+		const removePair = (index) => {
+			if (pairs.value.length > 1) pairs.value.splice(index, 1);
+			else pairs.value[0] = {
+				key: "",
+				value: ""
+			};
+		};
+		const updatePair = (index, field, value) => {
+			const pair = pairs.value[index];
+			if (!pair) return;
+			pair[field] = value;
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$14, [
+				__props.label || __props.helpText ? (openBlock(), createElementBlock("div", _hoisted_2$12, [__props.label ? (openBlock(), createElementBlock("label", _hoisted_3$12, [createElementVNode("span", _hoisted_4$11, toDisplayString(__props.label), 1)])) : createCommentVNode("v-if", true), __props.helpText ? (openBlock(), createElementBlock("p", _hoisted_5$10, toDisplayString(__props.helpText), 1)) : createCommentVNode("v-if", true)])) : createCommentVNode("v-if", true),
+				__props.error ? (openBlock(), createElementBlock("div", _hoisted_6$9, toDisplayString(__props.error), 1)) : createCommentVNode("v-if", true),
+				createElementVNode("div", _hoisted_7$8, [
+					createCommentVNode(" Key-Value Pairs List "),
+					(openBlock(true), createElementBlock(Fragment, null, renderList(pairs.value, (pair, index) => {
+						return openBlock(), createElementBlock("div", {
+							key: index,
+							class: "flex gap-2 items-start"
+						}, [
+							createElementVNode("div", _hoisted_8$8, [withDirectives(createElementVNode("input", {
+								"onUpdate:modelValue": ($event) => pair.key = $event,
+								type: "text",
+								placeholder: __props.keyPlaceholder,
+								class: "input input-bordered w-full",
+								onInput: ($event) => updatePair(index, "key", $event.target.value)
+							}, null, 40, _hoisted_9$7), [[vModelText, pair.key]])]),
+							createElementVNode("div", _hoisted_10$4, [withDirectives(createElementVNode("input", {
+								"onUpdate:modelValue": ($event) => pair.value = $event,
+								type: "text",
+								placeholder: __props.valuePlaceholder,
+								class: "input input-bordered w-full",
+								onInput: ($event) => updatePair(index, "value", $event.target.value)
+							}, null, 40, _hoisted_11$4), [[vModelText, pair.value]])]),
+							createElementVNode("button", {
+								type: "button",
+								class: "btn btn-error btn-sm",
+								onClick: ($event) => removePair(index),
+								disabled: pairs.value.length === 1 && !pair.key && !pair.value
+							}, [..._cache[0] || (_cache[0] = [createElementVNode("svg", {
+								xmlns: "http://www.w3.org/2000/svg",
+								class: "h-4 w-4",
+								fill: "none",
+								viewBox: "0 0 24 24",
+								stroke: "currentColor"
+							}, [createElementVNode("path", {
+								"stroke-linecap": "round",
+								"stroke-linejoin": "round",
+								"stroke-width": "2",
+								d: "M6 18L18 6M6 6l12 12"
+							})], -1)])], 8, _hoisted_12$4)
+						]);
+					}), 128)),
+					createCommentVNode(" Add New Pair Button "),
+					createElementVNode("button", {
+						type: "button",
+						class: "btn btn-outline btn-sm w-full",
+						onClick: addPair
+					}, [..._cache[1] || (_cache[1] = [createElementVNode("svg", {
+						xmlns: "http://www.w3.org/2000/svg",
+						class: "h-4 w-4 mr-1",
+						fill: "none",
+						viewBox: "0 0 24 24",
+						stroke: "currentColor"
+					}, [createElementVNode("path", {
+						"stroke-linecap": "round",
+						"stroke-linejoin": "round",
+						"stroke-width": "2",
+						d: "M12 4v16m8-8H4"
+					})], -1), createTextVNode(" Add Key-Value Pair ", -1)])])
+				]),
+				createCommentVNode(" Empty State "),
+				pairs.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_13$3, " No key-value pairs. Click \"Add Key-Value Pair\" to get started. ")) : createCommentVNode("v-if", true)
+			]);
+		};
+	}
+});
+var KeyValueEditor_default = /* @__PURE__ */ export_helper_default(_sfc_main$17, [["__scopeId", "data-v-010818ef"]]);
+
+//#endregion
+//#region src/components/ui/SummarySection.vue
+const _hoisted_1$13 = { class: "bg-base-100 p-2 md:p-4 rounded-box overflow-hidden" };
+const _hoisted_2$11 = { class: "text-lg font-bold mb-2" };
+const _hoisted_3$11 = { class: "grid grid-auto-rows auto-rows-auto gap-x-4 gap-y-1" };
+const _sfc_main$16 = /* @__PURE__ */ defineComponent({
+	__name: "SummarySection",
+	props: { title: {} },
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$13, [createElementVNode("h2", _hoisted_2$11, toDisplayString(__props.title), 1), createElementVNode("div", _hoisted_3$11, [renderSlot(_ctx.$slots, "default")])]);
+		};
+	}
+});
+var SummarySection_default = _sfc_main$16;
+
+//#endregion
+//#region src/utils/timezones.ts
+const timezones = [
+	{
+		label: "",
+		value: ""
+	},
+	{
+		label: "US/Eastern (-04:00)",
+		value: "US/Eastern (-04:00)"
+	},
+	{
+		label: "US/East-Indiana (-04:00)",
+		value: "US/East-Indiana (-04:00)"
+	},
+	{
+		label: "US/Central (-05:00)",
+		value: "US/Central (-05:00)"
+	},
+	{
+		label: "US/Indiana-Starke (-05:00)",
+		value: "US/Indiana-Starke (-05:00)"
+	},
+	{
+		label: "US/Mountain (-06:00)",
+		value: "US/Mountain (-06:00)"
+	},
+	{
+		label: "US/Arizona (-07:00)",
+		value: "US/Arizona (-07:00)"
+	},
+	{
+		label: "US/Pacific (-07:00)",
+		value: "US/Pacific (-07:00)"
+	},
+	{
+		label: "US/Alaska (-08:00)",
+		value: "US/Alaska (-08:00)"
+	},
+	{
+		label: "US/Aleutian (-09:00)",
+		value: "US/Aleutian (-09:00)"
+	},
+	{
+		label: "US/Hawaii (-10:00)",
+		value: "US/Hawaii (-10:00)"
+	},
+	{
+		label: "US/Samoa (-11:00)",
+		value: "US/Samoa (-11:00)"
+	}
+];
+
+//#endregion
+//#region src/middleware/userAlreadyLoggedIn.ts
+const userAlreadyLoggedIn = (_to, _from, next) => {
+	if (useUserSessionStore().currentSession) next("/");
+	else next();
+};
+
+//#endregion
+//#region src/slices/user/userRoutes.ts
+const userRoutes = [{
+	path: "/user",
+	name: "User",
+	beforeEnter: [userAuthenticated],
+	meta: { sectionTabs: [
+		{
+			id: "profile",
+			label: "Profile",
+			to: { name: "Profile" }
+		},
+		{
+			id: "appearance",
+			label: "Appearance",
+			to: { name: "Appearance" }
+		},
+		{
+			id: "password",
+			label: "Password",
+			to: { name: "Password" }
+		}
+	] },
+	children: [
+		{
+			path: "appearance",
+			name: "Appearance",
+			component: () => import("./Appearance-Ch4zfWZ3.js"),
+			meta: {
+				title: "Appearance",
+				description: "Appearance page for Category 5 App"
+			}
+		},
+		{
+			path: "profile",
+			name: "Profile",
+			component: () => import("./UserProfilePage-DRbCAr9H.js"),
+			meta: {
+				title: "Profile",
+				description: "Profile page for Category 5 App"
+			}
+		},
+		{
+			path: "password",
+			name: "Password",
+			component: () => import("./ChangePasswordPage-CYuCCosx.js"),
+			meta: {
+				title: "Password",
+				description: "Password page for Category 5 App"
+			}
+		}
+	]
+}];
+
+//#endregion
+//#region src/slices/team/components/TeamAttachments.vue
+const _sfc_main$15 = /* @__PURE__ */ defineComponent({
+	__name: "TeamAttachments",
+	setup(__props) {
+		const teamId = useRoute().params.id;
+		const config = { title: "Team Attachments" };
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(FileManager_default, {
+				"record-id": unref(teamId),
+				"record-type": "team",
+				config
+			}, null, 8, ["record-id"]);
+		};
+	}
+});
+var TeamAttachments_default = _sfc_main$15;
+
+//#endregion
+//#region src/slices/team/TeamAttachmentsTab.vue
+const _sfc_main$14 = /* @__PURE__ */ defineComponent({
+	__name: "TeamAttachmentsTab",
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(TeamAttachments_default);
+		};
+	}
+});
+var TeamAttachmentsTab_default = _sfc_main$14;
+
+//#endregion
+//#region src/slices/team/teamFiltersMetadata.ts
+const teamFiltersSchemaWithMetadata = withMetadata(TeamFiltersSchema, "teamFilters", {
+	unique_name: {
+		label: "Unique Name",
+		inputType: "text"
+	},
+	display_name: {
+		label: "Display Name",
+		inputType: "text"
+	},
+	legal_name: {
+		label: "Legal Name",
+		inputType: "text"
+	},
+	contact_email: {
+		label: "Contact Email",
+		inputType: "text"
+	},
+	address_city: {
+		label: "City",
+		inputType: "text"
+	},
+	includeArchived: {
+		label: "Include Archived",
+		inputType: "checkbox"
+	}
+});
+
+//#endregion
+//#region src/slices/team/team_member/teamMemberFiltersMetadata.ts
+const teamMemberFiltersSchemaWithMetadata = withMetadata(TeamMemberFiltersSchema, "teamMemberFilters", {
+	display_name: {
+		label: "Display Name",
+		inputType: "text"
+	},
+	role: {
+		label: "Role",
+		inputType: "text"
+	},
+	email_address: {
+		label: "Email Address",
+		inputType: "text"
+	},
+	business_phone: {
+		label: "Business Phone",
+		inputType: "text"
+	},
+	mobile_phone: {
+		label: "Mobile Phone",
+		inputType: "text"
+	},
+	time_zone: {
+		label: "Time Zone",
+		inputType: "text"
+	}
+});
+
+//#endregion
+//#region src/slices/support_ticket/customer/components/SupportTicketTimeline.vue
+const _hoisted_1$12 = { class: "mt-8" };
+const _hoisted_2$10 = { class: "relative" };
+const _hoisted_3$10 = { class: "space-y-6 relative" };
+const _hoisted_4$10 = { class: "flex items-start group" };
+const _hoisted_5$9 = { class: "ml-4" };
+const _hoisted_6$8 = { class: "text-xs text-base-content/40 mt-1" };
+const _hoisted_7$7 = { class: "flex items-start group" };
+const _hoisted_8$7 = {
+	key: 0,
+	xmlns: "http://www.w3.org/2000/svg",
+	class: "h-4 w-4 animate-pulse",
+	fill: "none",
+	viewBox: "0 0 24 24",
+	stroke: "currentColor"
+};
+const _hoisted_9$6 = {
+	key: 1,
+	xmlns: "http://www.w3.org/2000/svg",
+	class: "h-4 w-4",
+	fill: "none",
+	viewBox: "0 0 24 24",
+	stroke: "currentColor"
+};
+const _hoisted_10$3 = {
+	key: 2,
+	xmlns: "http://www.w3.org/2000/svg",
+	class: "h-4 w-4",
+	fill: "none",
+	viewBox: "0 0 24 24",
+	stroke: "currentColor"
+};
+const _hoisted_11$3 = { class: "ml-4" };
+const _hoisted_12$3 = { class: "font-medium text-base-content" };
+const _hoisted_13$2 = { class: "text-sm text-base-content/60" };
+const _hoisted_14$2 = {
+	key: 0,
+	class: "text-xs text-base-content/40 mt-1"
+};
+const _hoisted_15$1 = {
+	key: 0,
+	class: "flex items-start group"
+};
+const _hoisted_16$1 = { class: "ml-4" };
+const _sfc_main$13 = /* @__PURE__ */ defineComponent({
+	__name: "SupportTicketTimeline",
+	props: { support_ticket: {} },
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$12, [_cache[8] || (_cache[8] = createElementVNode("h3", { class: "text-lg font-semibold text-base-content mb-4" }, "SupportTicket Progress", -1)), createElementVNode("div", _hoisted_2$10, [
+				createCommentVNode(" Timeline line "),
+				_cache[7] || (_cache[7] = createElementVNode("div", { class: "absolute left-4 top-0 bottom-0 w-0.5 bg-base-300" }, null, -1)),
+				createCommentVNode(" Timeline items "),
+				createElementVNode("div", _hoisted_3$10, [
+					createCommentVNode(" Submitted "),
+					createElementVNode("div", _hoisted_4$10, [createElementVNode("div", { class: normalizeClass(["flex-shrink-0 w-8 h-8 rounded-full flex items-center justify-center z-10", {
+						"bg-primary text-primary-content": [
+							"PENDING",
+							"FOLLOWUP",
+							"IN_PROGRESS",
+							"COMPLETED",
+							"CANCELLED"
+						].includes(__props.support_ticket.status),
+						"bg-base-300 text-base-content/40": ![
+							"PENDING",
+							"FOLLOWUP",
+							"IN_PROGRESS",
+							"COMPLETED",
+							"CANCELLED"
+						].includes(__props.support_ticket.status)
+					}]) }, [..._cache[0] || (_cache[0] = [createElementVNode("svg", {
+						xmlns: "http://www.w3.org/2000/svg",
+						class: "h-4 w-4",
+						fill: "none",
+						viewBox: "0 0 24 24",
+						stroke: "currentColor"
+					}, [createElementVNode("path", {
+						"stroke-linecap": "round",
+						"stroke-linejoin": "round",
+						"stroke-width": "2",
+						d: "M5 13l4 4L19 7"
+					})], -1)])], 2), createElementVNode("div", _hoisted_5$9, [
+						_cache[1] || (_cache[1] = createElementVNode("p", { class: "font-medium text-base-content" }, "Submitted", -1)),
+						_cache[2] || (_cache[2] = createElementVNode("p", { class: "text-sm text-base-content/60" }, "Your ticket has been received", -1)),
+						createElementVNode("p", _hoisted_6$8, toDisplayString(unref(formatSystemTimestamp)(__props.support_ticket.created_at)), 1)
+					])]),
+					createCommentVNode(" Under Review / In Progress / Completed "),
+					createElementVNode("div", _hoisted_7$7, [createElementVNode("div", { class: normalizeClass(["flex-shrink-0 w-8 h-8 rounded-full flex items-center justify-center z-10", {
+						"bg-primary text-primary-content": [
+							"FOLLOWUP",
+							"IN_PROGRESS",
+							"COMPLETED",
+							"CANCELLED"
+						].includes(__props.support_ticket.status),
+						"bg-base-300 text-base-content/40": ![
+							"FOLLOWUP",
+							"IN_PROGRESS",
+							"COMPLETED",
+							"CANCELLED"
+						].includes(__props.support_ticket.status)
+					}]) }, [__props.support_ticket.status === "PENDING" ? (openBlock(), createElementBlock("svg", _hoisted_8$7, [..._cache[3] || (_cache[3] = [createElementVNode("path", {
+						"stroke-linecap": "round",
+						"stroke-linejoin": "round",
+						"stroke-width": "2",
+						d: "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"
+					}, null, -1)])])) : __props.support_ticket.status === "CANCELLED" ? (openBlock(), createElementBlock("svg", _hoisted_9$6, [..._cache[4] || (_cache[4] = [createElementVNode("path", {
+						"stroke-linecap": "round",
+						"stroke-linejoin": "round",
+						"stroke-width": "2",
+						d: "M6 18L18 6M6 6l12 12"
+					}, null, -1)])])) : (openBlock(), createElementBlock("svg", _hoisted_10$3, [..._cache[5] || (_cache[5] = [createElementVNode("path", {
+						"stroke-linecap": "round",
+						"stroke-linejoin": "round",
+						"stroke-width": "2",
+						d: "M5 13l4 4L19 7"
+					}, null, -1)])]))], 2), createElementVNode("div", _hoisted_11$3, [
+						createElementVNode("p", _hoisted_12$3, [__props.support_ticket.status === "PENDING" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode("Under Review")], 64)) : __props.support_ticket.status === "FOLLOWUP" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode("Approved")], 64)) : __props.support_ticket.status === "IN_PROGRESS" ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [createTextVNode("In Development")], 64)) : __props.support_ticket.status === "COMPLETED" ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [createTextVNode("Completed")], 64)) : __props.support_ticket.status === "CANCELLED" ? (openBlock(), createElementBlock(Fragment, { key: 4 }, [createTextVNode("Not Approved")], 64)) : createCommentVNode("v-if", true)]),
+						createElementVNode("p", _hoisted_13$2, [__props.support_ticket.status === "PENDING" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode("Our team is reviewing your support_ticket")], 64)) : __props.support_ticket.status === "FOLLOWUP" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode("Your ticket has been approved and is in our backlog")], 64)) : __props.support_ticket.status === "IN_PROGRESS" ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [createTextVNode("We're currently working on implementing this")], 64)) : __props.support_ticket.status === "COMPLETED" ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [createTextVNode("This has been implemented and deployed")], 64)) : __props.support_ticket.status === "CANCELLED" ? (openBlock(), createElementBlock(Fragment, { key: 4 }, [createTextVNode("This ticket wasn't approved for implementation")], 64)) : createCommentVNode("v-if", true)]),
+						__props.support_ticket.updated_at && __props.support_ticket.updated_at !== __props.support_ticket.created_at ? (openBlock(), createElementBlock("p", _hoisted_14$2, toDisplayString(unref(formatSystemTimestamp)(__props.support_ticket.updated_at)), 1)) : createCommentVNode("v-if", true)
+					])]),
+					createCommentVNode(" Credit Information "),
+					unref(formatCustomerCreditValue)(__props.support_ticket.credit_value) !== "TBD" && unref(formatCustomerCreditValue)(__props.support_ticket.credit_value) !== "N/A" ? (openBlock(), createElementBlock("div", _hoisted_15$1, [createElementVNode("div", { class: normalizeClass(["flex-shrink-0 w-8 h-8 rounded-full flex items-center justify-center z-10", {
+						"bg-error text-error-content": [
+							"FOLLOWUP",
+							"IN_PROGRESS",
+							"COMPLETED",
+							"CANCELLED"
+						].includes(__props.support_ticket.status),
+						"bg-warning text-warning-content": ![
+							"FOLLOWUP",
+							"IN_PROGRESS",
+							"COMPLETED",
+							"CANCELLED"
+						].includes(__props.support_ticket.status)
+					}]) }, [..._cache[6] || (_cache[6] = [createElementVNode("svg", {
+						xmlns: "http://www.w3.org/2000/svg",
+						class: "h-4 w-4",
+						fill: "none",
+						viewBox: "0 0 24 24",
+						stroke: "currentColor"
+					}, [createElementVNode("path", {
+						"stroke-linecap": "round",
+						"stroke-linejoin": "round",
+						"stroke-width": "2",
+						d: "M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+					})], -1)])], 2), createElementVNode("div", _hoisted_16$1, [createElementVNode("p", { class: normalizeClass(["font-medium", {
+						"text-error": [
+							"FOLLOWUP",
+							"IN_PROGRESS",
+							"COMPLETED",
+							"CANCELLED"
+						].includes(__props.support_ticket.status),
+						"text-warning": ![
+							"FOLLOWUP",
+							"IN_PROGRESS",
+							"COMPLETED",
+							"CANCELLED"
+						].includes(__props.support_ticket.status)
+					}]) }, toDisplayString([
+						"FOLLOWUP",
+						"IN_PROGRESS",
+						"COMPLETED",
+						"CANCELLED"
+					].includes(__props.support_ticket.status) ? "Credit Deducted" : "Credit Will Be Deducted"), 3), createElementVNode("p", { class: normalizeClass(["text-sm", {
+						"text-error/70": [
+							"FOLLOWUP",
+							"IN_PROGRESS",
+							"COMPLETED",
+							"CANCELLED"
+						].includes(__props.support_ticket.status),
+						"text-warning/70": ![
+							"FOLLOWUP",
+							"IN_PROGRESS",
+							"COMPLETED",
+							"CANCELLED"
+						].includes(__props.support_ticket.status)
+					}]) }, [[
+						"FOLLOWUP",
+						"IN_PROGRESS",
+						"COMPLETED",
+						"CANCELLED"
+					].includes(__props.support_ticket.status) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(toDisplayString(unref(formatCustomerCreditValue)(__props.support_ticket.credit_value)) + " credit(s) have been deducted from your account for this ticket ", 1)], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(unref(formatCustomerCreditValue)(__props.support_ticket.credit_value)) + " credit(s) will be deducted from your account once this ticket is approved ", 1)], 64))], 2)])])) : createCommentVNode("v-if", true)
+				])
+			])]);
+		};
+	}
+});
+var SupportTicketTimeline_default = _sfc_main$13;
+
+//#endregion
+//#region src/slices/support_ticket/shared/SupportTicketStatusBadge.vue
+const _hoisted_1$11 = ["aria-label"];
+const _sfc_main$12 = /* @__PURE__ */ defineComponent({
+	__name: "SupportTicketStatusBadge",
+	props: {
+		status: {},
+		size: { default: "md" },
+		variant: { default: "default" }
+	},
+	setup(__props) {
+		/**
+		* SupportTicketStatusBadge - A reusable Vue component for displaying support ticket status
+		* as color-coded badges with consistent DaisyUI styling and accessibility features.
+		*
+		* @example
+		* <SupportTicketStatusBadge :status="'PENDING'" size="md" />
+		* <SupportTicketStatusBadge :status="'COMPLETED'" size="sm" variant="outline" />
+		*/
+		const props = __props;
+		/**
+		* Configuration for each status badge
+		*/
+		const statusConfig = {
+			PENDING: {
+				color: "badge-warning",
+				text: "Pending",
+				ariaLabel: "Status: Pending review by support team"
+			},
+			FOLLOWUP: {
+				color: "badge-info",
+				text: "To Do",
+				ariaLabel: "Status: Approved and ready to begin work"
+			},
+			IN_PROGRESS: {
+				color: "badge-secondary",
+				text: "Active",
+				ariaLabel: "Status: Currently being worked on"
+			},
+			VERIFICATION: {
+				color: "badge-warning",
+				text: "Verification",
+				ariaLabel: "Status: Please verify and leave a comment to confirm completion"
+			},
+			COMPLETED: {
+				color: "badge-success",
+				text: "Done",
+				ariaLabel: "Status: Successfully completed"
+			},
+			CANCELLED: {
+				color: "badge-error",
+				text: "Cancelled",
+				ariaLabel: "Status: Cancelled or rejected"
+			}
+		};
+		const getStatusConfig = (status) => {
+			const config$1 = statusConfig[status];
+			if (!config$1) return {
+				color: "badge-neutral",
+				text: status || "Unknown",
+				ariaLabel: `Status: ${status || "Unknown status"}`
+			};
+			return config$1;
+		};
+		const config = computed(() => getStatusConfig(props.status));
+		const badgeClasses = computed(() => {
+			const baseClasses = ["badge", "text-xs"];
+			baseClasses.push(config.value.color);
+			if (props.size === "sm") baseClasses.push("badge-sm", "text-xs");
+			else if (props.size === "lg") baseClasses.push("badge-lg", "text-sm");
+			else baseClasses.push("text-xs", "sm:text-sm");
+			if (props.variant === "outline") baseClasses.push("badge-outline");
+			return baseClasses.join(" ");
+		});
+		const displayText = computed(() => config.value.text);
+		const ariaLabel = computed(() => config.value.ariaLabel);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(badgeClasses.value),
+				"aria-label": ariaLabel.value,
+				role: "status"
+			}, toDisplayString(displayText.value), 11, _hoisted_1$11);
+		};
+	}
+});
+var SupportTicketStatusBadge_default = _sfc_main$12;
+
+//#endregion
+//#region src/slices/support_ticket/customer/customerSupportTicketRowSchema.ts
+/**
+* Reuse the existing CustomerSupportTicketReadSchema from the validation library
+* for the data table rows - don't recreate it!
+*/
+const customerSupportTicketRowSchemaWithMetadata = withMetadata(CustomerSupportTicketReadSchema, "customerSupportTicketRow", {});
+
+//#endregion
+//#region src/slices/support_ticket/customer/CustomerSupportTicketList.vue
+const _hoisted_1$10 = { class: "mt-2" };
+const _hoisted_2$9 = { class: "flex flex-col sm:flex-row sm:justify-between sm:items-center gap-4 mb-4" };
+const _hoisted_3$9 = { class: "flex items-center gap-2" };
+const _hoisted_4$9 = { class: "flex gap-2" };
+const _sfc_main$11 = /* @__PURE__ */ defineComponent({
+	__name: "CustomerSupportTicketList",
+	setup(__props) {
+		const route = useRoute();
+		const router = useRouter();
+		const savedFilters = useSavedFilters({
+			context: "support_ticket_customer",
+			routePath: "/support",
+			getFiltersFromTable: () => extractFiltersFromQuery(route.query),
+			applyFiltersToTable: (filters) => {
+				router.push({ query: buildQueryWithFilters(route.query, filters) });
+			}
+		});
+		const hasSupportFilters = computed(() => {
+			const filters = extractFiltersFromQuery(route.query);
+			return Object.keys(filters).length > 0;
+		});
+		const currentPaginationToken = ref();
+		const cursorTable = useCursorDataTable(customerSupportTicketRowSchemaWithMetadata, {
+			fetchData: async ({ cursor, pageSize, sort, filters, search }) => {
+				const variables = {
+					first: pageSize,
+					sortBy: sort?.field ? sort.field : "updated_at",
+					sortDirection: sort?.direction === "asc" ? "asc" : "desc",
+					...cursor ? { after: cursor } : {},
+					...currentPaginationToken.value ? { paginationToken: currentPaginationToken.value } : {},
+					...search ? { search: typeof search === "string" ? {
+						query: search,
+						searchableFields: [
+							"display_id",
+							"title",
+							"description"
+						]
+					} : search } : {},
+					...filters
+				};
+				if (!filters || !filters.status) variables.status = {
+					operator: OPERATORS.IS_NOT_ONE_OF,
+					values: ["COMPLETED", "CANCELLED"]
+				};
+				const result = await executeWithAuth(async (api) => {
+					return await api.supportTickets.listTickets(variables ?? {});
+				}, { refreshTokenHandler: getRefreshTokenHandler() });
+				currentPaginationToken.value = result?.pageInfo?.paginationToken;
+				return {
+					data: result.items || [],
+					hasNextPage: result.pageInfo?.hasNextPage ?? false,
+					hasPreviousPage: result.pageInfo?.hasPreviousPage ?? false,
+					prevPageCursor: result.pageInfo?.prevPageCursor ?? void 0,
+					nextPageCursor: result.pageInfo?.nextPageCursor ?? void 0
+				};
+			},
+			columns: {
+				display_id: {
+					label: "Ticket ID",
+					field: "display_id",
+					sortable: true
+				},
+				title: {
+					label: "Title",
+					field: "title",
+					sortable: true
+				},
+				type: {
+					label: "Type",
+					field: "type",
+					sortable: true,
+					filterable: true,
+					filterType: "select",
+					filterOptions: [...SUPPORT_TICKET_TYPE_FILTER_OPTIONS]
+				},
+				priority: {
+					label: "Priority",
+					field: "priority",
+					sortable: true,
+					filterable: true,
+					filterType: "select",
+					filterOptions: [...SUPPORT_TICKET_PRIORITY_FILTER_OPTIONS]
+				},
+				status: {
+					label: "Status",
+					field: "status",
+					filterable: true,
+					filterType: "select",
+					filterOptions: [...SUPPORT_TICKET_STATUS_FILTER_OPTIONS]
+				},
+				credit_value: {
+					label: "Credits",
+					field: "credit_value",
+					sortable: false
+				},
+				target_at: {
+					label: "Delivery Est.",
+					field: "target_at",
+					sortable: true
+				},
+				updated_at: {
+					label: "Last Updated",
+					field: "updated_at",
+					sortable: true
+				},
+				created_by: {
+					label: "Requester",
+					field: "created_by",
+					sortable: false,
+					filterable: true,
+					filterType: "select",
+					filterOptionsLoader: async () => {
+						return (await executeWithAuth((api) => api.supportTickets.getRequestorsForActiveTickets(), { refreshTokenHandler: getRefreshTokenHandler() }) || []).map((u) => ({
+							value: u.id,
+							label: u.email
+						}));
+					}
+				}
+			},
+			actions: { items: [{
+				key: "view",
+				icon: ActionIcons.eye,
+				size: "xs",
+				variant: "primary",
+				type: "link",
+				href: (row) => `/support/${row.id}`
+			}] },
+			search: { searchableFields: ["title"] },
+			pagination: { pageSize: 25 },
+			autoLoad: false
+		});
+		const { ZiniaDataTable } = cursorTable;
+		useDataTableUrlSync(cursorTable.table, router);
+		const previousFilters = ref({});
+		onMounted(() => {
+			previousFilters.value = extractFiltersFromQuery(route.query);
+		});
+		watch(() => route.query, (query) => {
+			const filters = extractFiltersFromQuery(query);
+			const hadPrevious = Object.keys(previousFilters.value).length > 0;
+			if (!(Object.keys(filters).length > 0) && hadPrevious) savedFilters.clearLastUsed();
+			previousFilters.value = filters;
+		});
+		return (_ctx, _cache) => {
+			const _component_router_link = resolveComponent("router-link");
+			return openBlock(), createElementBlock("div", _hoisted_1$10, [createElementVNode("div", _hoisted_2$9, [createElementVNode("div", _hoisted_3$9, [createVNode(unref(SavedFilterPresets_default), {
+				presets: unref(savedFilters).presets.value,
+				"presets-loading": unref(savedFilters).presetsLoading.value,
+				creating: unref(savedFilters).creating.value,
+				deleting: unref(savedFilters).deleting.value,
+				renaming: unref(savedFilters).updating.value,
+				"has-filters": hasSupportFilters.value,
+				"active-preset": unref(savedFilters).activePreset.value,
+				"apply-preset": unref(savedFilters).applyPreset,
+				"clear-preset": unref(savedFilters).clearPreset,
+				"save-current-filters": unref(savedFilters).saveCurrentFilters,
+				"rename-preset": unref(savedFilters).renamePreset,
+				"remove-preset": unref(savedFilters).removePreset
+			}, null, 8, [
+				"presets",
+				"presets-loading",
+				"creating",
+				"deleting",
+				"renaming",
+				"has-filters",
+				"active-preset",
+				"apply-preset",
+				"clear-preset",
+				"save-current-filters",
+				"rename-preset",
+				"remove-preset"
+			]), _cache[0] || (_cache[0] = createElementVNode("h1", { class: "text-xl sm:text-2xl font-bold" }, "Support Tickets", -1))]), createElementVNode("div", _hoisted_4$9, [createVNode(_component_router_link, {
+				to: { name: "CustomerCreateSupportTicket" },
+				class: "btn btn-primary btn-sm sm:btn-md"
+			}, {
+				default: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode(" Create ", -1)])]),
+				_: 1
+			})])]), createVNode(unref(ZiniaDataTable), null, {
+				"cell-displayId": withCtx(({ row }) => [createTextVNode(toDisplayString(unref(formatTicketDisplayId)(row.display_id, row.display_id_prefix, row.id)), 1)]),
+				"cell-type": withCtx(({ row }) => [createVNode(SupportTicketTypeBadge_default, {
+					type: row.type,
+					size: "sm"
+				}, null, 8, ["type"])]),
+				"cell-priority": withCtx(({ row }) => [createVNode(SupportTicketPriorityBadge_default, {
+					priority: row.priority,
+					size: "sm"
+				}, null, 8, ["priority"])]),
+				"cell-status": withCtx(({ row }) => [createVNode(SupportTicketStatusBadge_default, {
+					status: row.status,
+					size: "sm"
+				}, null, 8, ["status"])]),
+				"cell-credit_value": withCtx(({ row }) => [createTextVNode(toDisplayString(unref(formatCustomerCreditValue)(row.credit_value)), 1)]),
+				"cell-created_by": withCtx(({ row }) => [createTextVNode(toDisplayString(row.created_by_display_name), 1)]),
+				"cell-target_at": withCtx(({ row }) => [createTextVNode(toDisplayString(unref(formatUserDate)(row.target_at) || "TBD"), 1)]),
+				"cell-created_at": withCtx(({ row }) => [createTextVNode(toDisplayString(unref(formatSystemTimestamp)(row.created_at)), 1)]),
+				"cell-updated_at": withCtx(({ row }) => [createTextVNode(toDisplayString(unref(formatSystemTimestamp)(row.updated_at)), 1)]),
+				"cell-actions": withCtx(({ row }) => [createVNode(_component_router_link, {
+					to: {
+						name: "EditSupportTicket",
+						params: { id: row.id }
+					},
+					class: "btn btn-sm btn-primary"
+				}, {
+					default: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode(" View ", -1)])]),
+					_: 1
+				}, 8, ["to"])]),
+				_: 1
+			})]);
+		};
+	}
+});
+var CustomerSupportTicketList_default = _sfc_main$11;
+
+//#endregion
+//#region src/slices/support_ticket/staff/components/CustomerCreditBalance.vue
+const _hoisted_1$9 = {
+	key: 0,
+	class: "flex items-center gap-2"
+};
+const _hoisted_2$8 = { class: "space-y-2" };
+const _hoisted_3$8 = { class: "grid grid-cols-2 gap-2 text-sm" };
+const _hoisted_4$8 = { class: "font-bold ml-2" };
+const _hoisted_5$8 = { class: "font-bold ml-2" };
+const _hoisted_6$7 = {
+	key: 0,
+	class: "alert alert-warning alert-sm"
+};
+const _sfc_main$10 = /* @__PURE__ */ defineComponent({
+	__name: "CustomerCreditBalance",
+	setup(__props) {
+		const { data, loading, error } = useQuery((api) => api.customer.getCreditBalance(), { staleTime: 120 * 1e3 });
+		const creditBalance = computed(() => data.value ?? null);
+		const totalAvailable = computed(() => {
+			if (!creditBalance.value) return 0;
+			return (parseFloat(creditBalance.value.monthly) || 0) + (parseFloat(creditBalance.value.rollover) || 0);
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", null, [createCommentVNode(" Loading State "), unref(loading) ? (openBlock(), createElementBlock("div", _hoisted_1$9, [..._cache[0] || (_cache[0] = [createElementVNode("span", { class: "loading loading-spinner loading-sm" }, null, -1), createElementVNode("span", { class: "text-sm" }, "Loading customer balance...", -1)])])) : unref(error) ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createCommentVNode(" Error State "), _cache[1] || (_cache[1] = createElementVNode("div", { class: "alert alert-error alert-sm" }, [createElementVNode("span", { class: "text-xs" }, "Failed to load customer balance")], -1))], 2112)) : creditBalance.value ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [createCommentVNode(" Balance Display "), createElementVNode("div", _hoisted_2$8, [
+				createElementVNode("div", _hoisted_3$8, [createElementVNode("div", null, [_cache[2] || (_cache[2] = createElementVNode("span", { class: "text-base-content/60" }, "Monthly:", -1)), createElementVNode("span", _hoisted_4$8, toDisplayString(unref(formatStaffCreditValue)(creditBalance.value.monthly)), 1)]), createElementVNode("div", null, [_cache[3] || (_cache[3] = createElementVNode("span", { class: "text-base-content/60" }, "Rollover:", -1)), createElementVNode("span", _hoisted_5$8, toDisplayString(unref(formatStaffCreditValue)(creditBalance.value.rollover)), 1)])]),
+				createElementVNode("div", { class: normalizeClass(["flex items-center justify-between p-2 rounded", {
+					"bg-success/20": totalAvailable.value > 0,
+					"bg-error/20": totalAvailable.value === 0
+				}]) }, [_cache[4] || (_cache[4] = createElementVNode("span", { class: "text-sm font-medium" }, "Total Available:", -1)), createElementVNode("span", { class: normalizeClass(["font-bold", {
+					"text-success": totalAvailable.value > 0,
+					"text-error": totalAvailable.value === 0
+				}]) }, toDisplayString(unref(formatStaffCreditValue)(totalAvailable.value.toString())), 3)], 2),
+				createCommentVNode(" Warning if no balance "),
+				totalAvailable.value === 0 ? (openBlock(), createElementBlock("div", _hoisted_6$7, [..._cache[5] || (_cache[5] = [createElementVNode("svg", {
+					xmlns: "http://www.w3.org/2000/svg",
+					class: "stroke-current shrink-0 h-4 w-4",
+					fill: "none",
+					viewBox: "0 0 24 24"
+				}, [createElementVNode("path", {
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round",
+					"stroke-width": "2",
+					d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
+				})], -1), createElementVNode("span", { class: "text-xs" }, "Customer has insufficient credits", -1)])])) : createCommentVNode("v-if", true)
+			])], 2112)) : createCommentVNode("v-if", true)]);
+		};
+	}
+});
+var CustomerCreditBalance_default = _sfc_main$10;
+
+//#endregion
+//#region src/slices/support_ticket/staff/components/ApproveRejectActions.vue
+const _hoisted_1$8 = {
+	key: 0,
+	class: "alert alert-warning py-2"
+};
+const _hoisted_2$7 = {
+	key: 1,
+	class: "space-y-3"
+};
+const _hoisted_3$7 = { class: "alert alert-info py-2" };
+const _hoisted_4$7 = { class: "text-xs sm:text-sm" };
+const _hoisted_5$7 = { class: "bg-base-100 rounded-lg p-3" };
+const _hoisted_6$6 = { class: "flex flex-col sm:flex-row gap-2 sm:gap-3 justify-end mt-4" };
+const _hoisted_7$6 = ["disabled"];
+const _hoisted_8$6 = {
+	key: 0,
+	class: "loading loading-spinner loading-sm mr-2"
+};
+const _hoisted_9$5 = ["disabled"];
+const _hoisted_10$2 = {
+	key: 0,
+	class: "loading loading-spinner loading-sm mr-2"
+};
+const _hoisted_11$2 = {
+	key: 2,
+	class: "alert alert-error mt-2 py-2"
+};
+const _hoisted_12$2 = { class: "text-sm" };
+const _hoisted_13$1 = { class: "alert alert-warning py-2" };
+const _hoisted_14$1 = { class: "text-xs sm:text-sm" };
+const _hoisted_15 = { class: "font-semibold" };
+const _hoisted_16 = {
+	key: 0,
+	class: "alert alert-info py-2"
+};
+const _hoisted_17 = { class: "text-xs sm:text-sm" };
+const _hoisted_18 = { class: "flex mt-4" };
+const _hoisted_19 = ["disabled"];
+const _hoisted_20 = {
+	key: 0,
+	class: "loading loading-spinner loading-sm mr-2"
+};
+const _hoisted_21 = {
+	key: 1,
+	class: "alert alert-error mt-2 py-2"
+};
+const _hoisted_22 = { class: "text-sm" };
+const _hoisted_23 = { class: "modal-box" };
+const _hoisted_24 = { class: "font-bold text-lg" };
+const _hoisted_25 = { class: "py-4 whitespace-pre-line" };
+const _hoisted_26 = { class: "modal-action" };
+const _hoisted_27 = { class: "modal-box" };
+const _hoisted_28 = { class: "form-control py-4" };
+const _hoisted_29 = ["disabled"];
+const _hoisted_30 = {
+	key: 0,
+	class: "alert alert-error py-2 mb-4"
+};
+const _hoisted_31 = { class: "text-sm" };
+const _hoisted_32 = { class: "modal-action" };
+const _hoisted_33 = ["disabled"];
+const _hoisted_34 = ["disabled"];
+const _hoisted_35 = {
+	key: 0,
+	class: "loading loading-spinner loading-xs mr-2"
+};
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+	__name: "ApproveRejectActions",
+	props: { support_ticket: {} },
+	emits: ["update"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const error = ref(null);
+		const confirmModal = ref(null);
+		const modalTitle = ref("");
+		const modalMessage = ref("");
+		const modalButtonText = ref("");
+		const modalButtonClass = ref("");
+		const modalCallback = ref(null);
+		const rejectModal = ref(null);
+		const rejectReason = ref("");
+		const rejectError = ref(null);
+		const { mutate: approveSupportTicket, loading: isApproving } = useMutation((api, input) => api.supportTickets.approveTicket(input), { invalidate: /^support-tickets?:/ });
+		const { mutate: rejectSupportTicket, loading: isRejecting } = useMutation((api, input) => api.supportTickets.rejectTicket(input), { invalidate: /^support-tickets?:/ });
+		const { mutate: createNote } = useMutation((api, input) => api.notes.createNote(input), { invalidate: /^notes?:/ });
+		const { mutate: revertSupportTicket, loading: isReverting } = useMutation((api, input) => api.supportTickets.revertTicket(input), { invalidate: /^support-tickets?:/ });
+		const showApproveModal = () => {
+			const creditDisplay = formatStaffCreditValue(props.support_ticket.credit_value, props.support_ticket.approval_status);
+			const credits = creditDisplay === "TBD" || creditDisplay === "N/A" ? 0 : parseFloat(creditDisplay);
+			modalTitle.value = "Approve Support Ticket?";
+			modalMessage.value = `This will:\n\n• Deduct ${credits.toFixed(2)} credits from customer\n• Lock the support ticket item\n• Start development workflow\n\nThis action cannot be undone.`;
+			modalButtonText.value = "Approve & Deduct";
+			modalButtonClass.value = "btn-success";
+			modalCallback.value = handleApprove;
+			confirmModal.value?.showModal();
+		};
+		const showRejectModal = () => {
+			rejectReason.value = "";
+			rejectError.value = null;
+			rejectModal.value?.showModal();
+		};
+		const showRevertModal = () => {
+			modalTitle.value = "Revert Support Ticket to PENDING?";
+			const creditDisplay = formatStaffCreditValue(props.support_ticket.credit_value, props.support_ticket.approval_status);
+			modalMessage.value = "This will:\n\n• Change status back to PENDING\n• Unlock the support ticket item\n" + (creditDisplay !== "TBD" && creditDisplay !== "N/A" ? `• Refund ${creditDisplay} credits to customer\n` : "") + "• Allow the customer to edit again\n\nAre you sure you want to revert this decision?";
+			modalButtonText.value = "Revert to PENDING";
+			modalButtonClass.value = "btn-warning";
+			modalCallback.value = handleRevert;
+			confirmModal.value?.showModal();
+		};
+		const closeModal = () => {
+			confirmModal.value?.close();
+			modalCallback.value = null;
+		};
+		const closeRejectModal = () => {
+			rejectModal.value?.close();
+			rejectReason.value = "";
+			rejectError.value = null;
+		};
+		const handleApprove = async () => {
+			error.value = null;
+			const creditValue = props.support_ticket.credit_value?.trim();
+			if (!creditValue) {
+				error.value = "Credit value is required to approve";
+				toast.error("Credit value is required to approve");
+				return;
+			}
+			closeModal();
+			try {
+				const response = await approveSupportTicket({
+					id: props.support_ticket.id,
+					credit_value: creditValue
+				});
+				toast.success(`Support Ticket approved! ${formatStaffCreditValue(props.support_ticket.credit_value, props.support_ticket.approval_status)} credits deducted.`);
+				emit("update", response);
+			} catch (e) {
+				const errorMessage = extractRpcErrorMessage(e, "Failed to approve");
+				error.value = errorMessage;
+				toast.error(errorMessage);
+			}
+		};
+		const handleRejectWithReason = async () => {
+			rejectError.value = null;
+			error.value = null;
+			try {
+				const reasonTrimmed = rejectReason.value.trim();
+				if (reasonTrimmed) await createNote({
+					record_id: props.support_ticket.id,
+					record_type: "support_ticket",
+					body: reasonTrimmed,
+					tag: null,
+					is_internal: false
+				});
+				const response = await rejectSupportTicket({ id: props.support_ticket.id });
+				toast.info("Support Ticket rejected.");
+				closeRejectModal();
+				emit("update", response);
+			} catch (e) {
+				const errorMessage = extractRpcErrorMessage(e, "Failed to reject");
+				rejectError.value = errorMessage;
+				toast.error(errorMessage);
+			}
+		};
+		const handleRevert = async () => {
+			error.value = null;
+			closeModal();
+			try {
+				const response = await revertSupportTicket({ id: props.support_ticket.id });
+				const creditDisplay = formatStaffCreditValue(props.support_ticket.credit_value, props.support_ticket.approval_status);
+				const refundMessage = creditDisplay !== "TBD" && creditDisplay !== "N/A" ? ` ${creditDisplay} credits refunded.` : "";
+				toast.success(`Support Ticket reverted to PENDING.${refundMessage}`);
+				emit("update", response);
+			} catch (e) {
+				const errorMessage = extractRpcErrorMessage(e, "Failed to revert");
+				error.value = errorMessage;
+				toast.error(errorMessage);
+			}
+		};
+		__expose({
+			showApproveModal,
+			showRejectModal
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [
+				createCommentVNode(" Approve/Reject Section (PENDING only) "),
+				props.support_ticket.approval_status === "PENDING" ? (openBlock(), createBlock(ZiniaContainer_default, { key: 0 }, {
+					default: withCtx(() => [
+						_cache[4] || (_cache[4] = createElementVNode("h3", { class: "card-title text-base sm:text-lg" }, "Approve or Reject", -1)),
+						unref(formatStaffCreditValue)(props.support_ticket.credit_value, props.support_ticket.approval_status) === "TBD" ? (openBlock(), createElementBlock("div", _hoisted_1$8, [..._cache[2] || (_cache[2] = [createElementVNode("div", null, [createElementVNode("svg", {
+							xmlns: "http://www.w3.org/2000/svg",
+							class: "stroke-current shrink-0 h-5 w-5",
+							fill: "none",
+							viewBox: "0 0 24 24"
+						}, [createElementVNode("path", {
+							"stroke-linecap": "round",
+							"stroke-linejoin": "round",
+							"stroke-width": "2",
+							d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
+						})]), createElementVNode("span", { class: "text-xs sm:text-sm" }, "You must set an estimate before approving")], -1)])])) : (openBlock(), createElementBlock("div", _hoisted_2$7, [
+							createElementVNode("div", _hoisted_3$7, [createElementVNode("div", null, [createElementVNode("span", _hoisted_4$7, "Estimate: " + toDisplayString(unref(formatStaffCreditValue)(props.support_ticket.credit_value, props.support_ticket.approval_status)) + " credits", 1)])]),
+							createCommentVNode(" Show Customer's Credit Balance "),
+							createElementVNode("div", _hoisted_5$7, [_cache[3] || (_cache[3] = createElementVNode("h4", { class: "text-xs sm:text-sm font-medium mb-2" }, "Customer Balance Check", -1)), createVNode(CustomerCreditBalance_default)])
+						])),
+						createElementVNode("div", _hoisted_6$6, [createElementVNode("button", {
+							class: "btn btn-error btn-outline w-full sm:w-auto order-2 sm:order-1",
+							onClick: withModifiers(showRejectModal, ["prevent"]),
+							disabled: unref(isApproving) || unref(isRejecting)
+						}, [unref(isRejecting) ? (openBlock(), createElementBlock("span", _hoisted_8$6)) : createCommentVNode("v-if", true), createTextVNode(" " + toDisplayString(unref(isRejecting) ? "Rejecting..." : "Reject"), 1)], 8, _hoisted_7$6), createElementVNode("button", {
+							class: "btn btn-success w-full sm:w-auto order-1 sm:order-2",
+							onClick: withModifiers(showApproveModal, ["prevent"]),
+							disabled: unref(formatStaffCreditValue)(props.support_ticket.credit_value, props.support_ticket.approval_status) === "TBD" || unref(isApproving) || unref(isRejecting)
+						}, [unref(isApproving) ? (openBlock(), createElementBlock("span", _hoisted_10$2)) : createCommentVNode("v-if", true), createTextVNode(" " + toDisplayString(unref(isApproving) ? "Approving..." : "Approve & Deduct"), 1)], 8, _hoisted_9$5)]),
+						error.value ? (openBlock(), createElementBlock("div", _hoisted_11$2, [createElementVNode("span", _hoisted_12$2, toDisplayString(error.value), 1)])) : createCommentVNode("v-if", true)
+					]),
+					_: 1
+				})) : props.support_ticket.approval_status === "APPROVED" || props.support_ticket.approval_status === "REJECTED" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createCommentVNode(" Revert Section (APPROVED/REJECTED only) "), createVNode(ZiniaContainer_default, null, {
+					default: withCtx(() => [
+						_cache[9] || (_cache[9] = createElementVNode("h3", { class: "card-title text-base sm:text-lg" }, "Revert Decision", -1)),
+						createElementVNode("div", _hoisted_13$1, [_cache[8] || (_cache[8] = createElementVNode("svg", {
+							xmlns: "http://www.w3.org/2000/svg",
+							class: "stroke-current shrink-0 h-5 w-5",
+							fill: "none",
+							viewBox: "0 0 24 24"
+						}, [createElementVNode("path", {
+							"stroke-linecap": "round",
+							"stroke-linejoin": "round",
+							"stroke-width": "2",
+							d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
+						})], -1)), createElementVNode("div", _hoisted_14$1, [_cache[7] || (_cache[7] = createElementVNode("div", { class: "font-medium mb-1" }, "Admin Action Required", -1)), createElementVNode("div", null, [
+							_cache[5] || (_cache[5] = createTextVNode(" This support ticket is currently ", -1)),
+							createElementVNode("span", _hoisted_15, toDisplayString(props.support_ticket.approval_status), 1),
+							_cache[6] || (_cache[6] = createTextVNode(". You can revert it back to PENDING status. ", -1))
+						])])]),
+						unref(formatStaffCreditValue)(props.support_ticket.credit_value, props.support_ticket.approval_status) !== "TBD" && unref(formatStaffCreditValue)(props.support_ticket.credit_value, props.support_ticket.approval_status) !== "N/A" ? (openBlock(), createElementBlock("div", _hoisted_16, [createElementVNode("div", _hoisted_17, " Credits: " + toDisplayString(unref(formatStaffCreditValue)(props.support_ticket.credit_value, props.support_ticket.approval_status)) + " will be refunded to customer ", 1)])) : createCommentVNode("v-if", true),
+						createElementVNode("div", _hoisted_18, [createElementVNode("button", {
+							class: "btn btn-warning w-full sm:w-auto",
+							onClick: withModifiers(showRevertModal, ["prevent"]),
+							disabled: unref(isReverting)
+						}, [unref(isReverting) ? (openBlock(), createElementBlock("span", _hoisted_20)) : createCommentVNode("v-if", true), createTextVNode(" " + toDisplayString(unref(isReverting) ? "Reverting..." : "Revert to PENDING"), 1)], 8, _hoisted_19)]),
+						error.value ? (openBlock(), createElementBlock("div", _hoisted_21, [createElementVNode("span", _hoisted_22, toDisplayString(error.value), 1)])) : createCommentVNode("v-if", true)
+					]),
+					_: 1
+				})], 2112)) : createCommentVNode("v-if", true),
+				createCommentVNode(" Confirmation Modal (for Approve and Revert) "),
+				createElementVNode("dialog", {
+					ref_key: "confirmModal",
+					ref: confirmModal,
+					class: "modal"
+				}, [createElementVNode("div", _hoisted_23, [
+					createElementVNode("h3", _hoisted_24, toDisplayString(modalTitle.value), 1),
+					createElementVNode("p", _hoisted_25, toDisplayString(modalMessage.value), 1),
+					createElementVNode("div", _hoisted_26, [createElementVNode("button", {
+						class: "btn btn-ghost",
+						onClick: closeModal
+					}, "Cancel"), createElementVNode("button", {
+						class: normalizeClass(["btn", modalButtonClass.value]),
+						onClick: _cache[0] || (_cache[0] = () => modalCallback.value?.())
+					}, toDisplayString(modalButtonText.value), 3)])
+				]), createElementVNode("form", {
+					method: "dialog",
+					class: "modal-backdrop"
+				}, [createElementVNode("button", { onClick: closeModal }, "close")])], 512),
+				createCommentVNode(" Reject Modal with Reason "),
+				createElementVNode("dialog", {
+					ref_key: "rejectModal",
+					ref: rejectModal,
+					class: "modal"
+				}, [createElementVNode("div", _hoisted_27, [
+					_cache[11] || (_cache[11] = createElementVNode("h3", { class: "font-bold text-lg" }, "Reject Ticket", -1)),
+					_cache[12] || (_cache[12] = createElementVNode("p", { class: "text-sm text-base-content/70 py-2" }, " This will lock the ticket and notify the requester. ", -1)),
+					createElementVNode("div", _hoisted_28, [_cache[10] || (_cache[10] = createElementVNode("label", { class: "label" }, [createElementVNode("span", { class: "label-text text-sm font-medium" }, "Reason (optional)")], -1)), withDirectives(createElementVNode("textarea", {
+						"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => rejectReason.value = $event),
+						class: "textarea textarea-bordered w-full",
+						rows: "3",
+						placeholder: "Why is this ticket being rejected?",
+						disabled: unref(isRejecting)
+					}, null, 8, _hoisted_29), [[vModelText, rejectReason.value]])]),
+					rejectError.value ? (openBlock(), createElementBlock("div", _hoisted_30, [createElementVNode("span", _hoisted_31, toDisplayString(rejectError.value), 1)])) : createCommentVNode("v-if", true),
+					createElementVNode("div", _hoisted_32, [createElementVNode("button", {
+						class: "btn btn-ghost",
+						onClick: closeRejectModal,
+						disabled: unref(isRejecting)
+					}, " Cancel ", 8, _hoisted_33), createElementVNode("button", {
+						class: "btn btn-error",
+						onClick: handleRejectWithReason,
+						disabled: unref(isRejecting)
+					}, [unref(isRejecting) ? (openBlock(), createElementBlock("span", _hoisted_35)) : createCommentVNode("v-if", true), createTextVNode(" " + toDisplayString(unref(isRejecting) ? "Rejecting..." : "Reject Ticket"), 1)], 8, _hoisted_34)])
+				]), createElementVNode("form", {
+					method: "dialog",
+					class: "modal-backdrop"
+				}, [createElementVNode("button", { onClick: closeRejectModal }, "close")])], 512)
+			], 64);
+		};
+	}
+});
+var ApproveRejectActions_default = _sfc_main$9;
+
+//#endregion
+//#region src/slices/support_ticket/staff/components/CancelInternalTaskWorkflow.vue
+const _hoisted_1$7 = { class: "flex justify-end mt-4" };
+const _hoisted_2$6 = ["disabled"];
+const _hoisted_3$6 = {
+	key: 0,
+	class: "loading loading-spinner loading-sm mr-2"
+};
+const _hoisted_4$6 = {
+	key: 0,
+	class: "alert alert-error mt-2 py-2"
+};
+const _hoisted_5$6 = { class: "text-sm" };
+const _hoisted_6$5 = { class: "modal-box" };
+const _hoisted_7$5 = { class: "font-bold text-lg" };
+const _hoisted_8$5 = { class: "py-4 whitespace-pre-line" };
+const _hoisted_9$4 = { class: "modal-action" };
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+	__name: "CancelInternalTaskWorkflow",
+	props: { support_ticket: {} },
+	emits: ["update"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const error = ref(null);
+		const confirmModal = ref(null);
+		const modalTitle = ref("");
+		const modalMessage = ref("");
+		const modalButtonText = ref("");
+		const modalCallback = ref(null);
+		const { mutate: cancelInternalTask, loading: isCancelling } = useMutation((api, input) => api.supportTickets.cancelInternalTask(input), { invalidate: /^support-tickets?:/ });
+		const showCancelModal = () => {
+			modalTitle.value = "Cancel Internal Task?";
+			modalMessage.value = "This will:\n\n• Set dev lifecycle to CANCELLED\n• Record completion timestamp\n• Mark task as complete (terminal state)\n\nThis action cannot be undone. The task will remain in the system as cancelled.";
+			modalButtonText.value = "Cancel Task";
+			modalCallback.value = handleCancel;
+			confirmModal.value?.showModal();
+		};
+		const handleCancel = async () => {
+			error.value = null;
+			try {
+				const result = await cancelInternalTask({ id: props.support_ticket.id });
+				toast.success("✅ Internal task cancelled successfully");
+				closeModal();
+				emit("update", result);
+			} catch (err) {
+				error.value = err instanceof Error ? err.message : "Failed to cancel task";
+				toast.error(`❌ ${error.value}`);
+			}
+		};
+		const closeModal = () => {
+			confirmModal.value?.close();
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [
+				createCommentVNode(" Cancel Internal Task Section (INTERNAL only, not CANCELLED) "),
+				props.support_ticket.approval_status === "INTERNAL" && props.support_ticket.dev_lifecycle !== "CANCELLED" ? (openBlock(), createBlock(ZiniaContainer_default, { key: 0 }, {
+					default: withCtx(() => [
+						_cache[1] || (_cache[1] = createElementVNode("h3", { class: "card-title text-base sm:text-lg" }, "Cancel Internal Task", -1)),
+						_cache[2] || (_cache[2] = createElementVNode("div", { class: "alert alert-warning py-2" }, [createElementVNode("div", { class: "flex flex-col gap-2" }, [createElementVNode("span", { class: "font-semibold text-sm" }, "What happens when you cancel:"), createElementVNode("ul", { class: "text-xs sm:text-sm space-y-1 ml-4 list-disc" }, [
+							createElementVNode("li", null, "Sets dev lifecycle to CANCELLED"),
+							createElementVNode("li", null, "Records completion timestamp"),
+							createElementVNode("li", null, "Task is marked as terminal state"),
+							createElementVNode("li", null, "No credit impact (internal tasks have no credits)")
+						])])], -1)),
+						createElementVNode("div", _hoisted_1$7, [createElementVNode("button", {
+							class: "btn btn-error w-full sm:w-auto",
+							onClick: withModifiers(showCancelModal, ["prevent"]),
+							disabled: unref(isCancelling)
+						}, [unref(isCancelling) ? (openBlock(), createElementBlock("span", _hoisted_3$6)) : createCommentVNode("v-if", true), createTextVNode(" " + toDisplayString(unref(isCancelling) ? "Cancelling..." : "Cancel Internal Task"), 1)], 8, _hoisted_2$6)]),
+						error.value ? (openBlock(), createElementBlock("div", _hoisted_4$6, [createElementVNode("span", _hoisted_5$6, toDisplayString(error.value), 1)])) : createCommentVNode("v-if", true)
+					]),
+					_: 1
+				})) : createCommentVNode("v-if", true),
+				createCommentVNode(" Confirmation Modal "),
+				createElementVNode("dialog", {
+					ref_key: "confirmModal",
+					ref: confirmModal,
+					class: "modal"
+				}, [createElementVNode("div", _hoisted_6$5, [
+					createElementVNode("h3", _hoisted_7$5, toDisplayString(modalTitle.value), 1),
+					createElementVNode("p", _hoisted_8$5, toDisplayString(modalMessage.value), 1),
+					createElementVNode("div", _hoisted_9$4, [createElementVNode("button", {
+						class: "btn btn-ghost",
+						onClick: closeModal
+					}, "Cancel"), createElementVNode("button", {
+						class: "btn btn-error",
+						onClick: _cache[0] || (_cache[0] = () => modalCallback.value?.())
+					}, toDisplayString(modalButtonText.value), 1)])
+				]), createElementVNode("form", {
+					method: "dialog",
+					class: "modal-backdrop"
+				}, [createElementVNode("button", { onClick: closeModal }, "close")])], 512)
+			], 64);
+		};
+	}
+});
+var CancelInternalTaskWorkflow_default = _sfc_main$8;
+
+//#endregion
+//#region src/slices/support_ticket/staff/components/CompleteSupportTicketForm.vue
+const _hoisted_1$6 = { class: "text-xs sm:text-sm text-base-content/70 mb-4" };
+const _hoisted_2$5 = { class: "font-semibold" };
+const _hoisted_3$5 = { class: "text-xs sm:text-sm" };
+const _hoisted_4$5 = { class: "grid grid-cols-2 gap-2 sm:gap-4 mt-2" };
+const _hoisted_5$5 = { class: "bg-base-100 p-3 rounded-lg" };
+const _hoisted_6$4 = { class: "text-lg sm:text-xl font-bold text-primary" };
+const _hoisted_7$4 = { class: "bg-base-100 p-3 rounded-lg" };
+const _hoisted_8$4 = { class: "text-xs text-base-content/60" };
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+	__name: "CompleteSupportTicketForm",
+	props: { support_ticket: {} },
+	emits: ["update"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const { form, zinia, ZiniaSubmitButton, ZiniaForm } = useForm(withMetadata(CompleteSupportTicketSchema.pick({ delivered_value: true }), "completeSupportTicketSchema", { delivered_value: {
+			inputType: "text",
+			placeholder: "100.00"
+		} }), {
+			storeName: `complete-support_ticket-${props.support_ticket.id}`,
+			persistToLocalStorage: false,
+			renderStyle: "daisy_ui",
+			initialValues: { delivered_value: formatStaffCreditValue(props.support_ticket.credit_value, props.support_ticket.approval_status) === "TBD" || formatStaffCreditValue(props.support_ticket.credit_value, props.support_ticket.approval_status) === "N/A" ? "0.00" : formatStaffCreditValue(props.support_ticket.credit_value, props.support_ticket.approval_status) }
+		});
+		const { mutate: completeSupportTicket } = useMutation((api, input) => api.supportTickets.completeTicket(input), { invalidate: /^support-tickets?:/ });
+		const isCompleted = computed(() => props.support_ticket.status === "COMPLETED");
+		const getComparisonClass = () => {
+			const creditDisplay = formatStaffCreditValue(props.support_ticket.credit_value, props.support_ticket.approval_status);
+			if (!form.values.delivered_value || creditDisplay === "TBD" || creditDisplay === "N/A") return "";
+			const actual = parseFloat(form.values.delivered_value);
+			const final = parseFloat(creditDisplay);
+			if (isNaN(actual) || isNaN(final)) return "";
+			if (actual > final) return "alert-warning";
+			if (actual === final) return "alert-success";
+			return "alert-info";
+		};
+		const getComparisonMessage = () => {
+			const creditDisplay = formatStaffCreditValue(props.support_ticket.credit_value, props.support_ticket.approval_status);
+			if (!form.values.delivered_value || creditDisplay === "TBD" || creditDisplay === "N/A") return "";
+			const actual = parseFloat(form.values.delivered_value);
+			const final = parseFloat(creditDisplay);
+			if (isNaN(actual) || isNaN(final)) return "";
+			const variance = ((actual - final) / final * 100).toFixed(1);
+			if (actual > final) return `📈 Took ${(actual - final).toFixed(2)} more effort (+${variance}%)`;
+			else if (actual === final) return "🎯 Exactly on estimate!";
+			else return `📉 Took ${(final - actual).toFixed(2)} less effort (${variance}%)`;
+		};
+		const getActualClass = () => {
+			const creditDisplay = formatStaffCreditValue(props.support_ticket.credit_value, props.support_ticket.approval_status);
+			if (!props.support_ticket.delivered_value || creditDisplay === "TBD" || creditDisplay === "N/A") return "";
+			const actual = parseFloat(props.support_ticket.delivered_value);
+			const final = parseFloat(creditDisplay);
+			if (isNaN(actual) || isNaN(final)) return "";
+			if (actual > final) return "text-warning";
+			if (actual === final) return "text-success";
+			return "text-info";
+		};
+		const getVarianceLabel = () => {
+			const creditDisplay = formatStaffCreditValue(props.support_ticket.credit_value, props.support_ticket.approval_status);
+			if (!props.support_ticket.delivered_value || creditDisplay === "TBD" || creditDisplay === "N/A") return "Work performed";
+			const actual = parseFloat(props.support_ticket.delivered_value);
+			const final = parseFloat(creditDisplay);
+			if (isNaN(actual) || isNaN(final)) return "Work performed";
+			const diff = actual - final;
+			const variance = (diff / final * 100).toFixed(1);
+			if (diff > 0) return `+${variance}% over estimate`;
+			if (diff < 0) return `${variance}% under estimate`;
+			return "On target";
+		};
+		const handleComplete = async (formData) => {
+			const response = await completeSupportTicket({
+				id: props.support_ticket.id,
+				delivered_value: formData.delivered_value
+			});
+			if (!response) throw new Error("Failed to complete support ticket");
+			return response;
+		};
+		const handleSuccess = () => {
+			toast.success("SupportTicket marked as completed!", {});
+			emit("update");
+		};
+		const handleError = (error) => {
+			const errorMessage = error instanceof Error ? error.message : "An unknown error occurred.";
+			toast.error(errorMessage);
+		};
+		return (_ctx, _cache) => {
+			return ["APPROVED", "INTERNAL"].includes(props.support_ticket.approval_status) && !isCompleted.value ? (openBlock(), createBlock(unref(ZiniaForm), {
+				key: 0,
+				onHandleSubmit: handleComplete,
+				onSuccess: handleSuccess,
+				onError: handleError
+			}, {
+				default: withCtx(() => [
+					_cache[2] || (_cache[2] = createElementVNode("h3", { class: "card-title text-base sm:text-lg" }, "Complete Support Ticket", -1)),
+					createElementVNode("p", _hoisted_1$6, [
+						_cache[0] || (_cache[0] = createTextVNode(" Customer was charged ", -1)),
+						createElementVNode("span", _hoisted_2$5, toDisplayString(unref(formatStaffCreditValue)(props.support_ticket.credit_value, props.support_ticket.approval_status)), 1),
+						_cache[1] || (_cache[1] = createTextVNode(" credits ", -1))
+					]),
+					createCommentVNode(" Delivered Value Field "),
+					createVNode(unref(zinia).DeliveredValueField, {
+						label: "Actual Effort Delivered",
+						placeholder: "100.00",
+						hint: "How much effort did it actually take?"
+					}),
+					createCommentVNode(" Variance Indicator "),
+					unref(form).values.delivered_value && unref(formatStaffCreditValue)(props.support_ticket.credit_value, props.support_ticket.approval_status) !== "TBD" && unref(formatStaffCreditValue)(props.support_ticket.credit_value, props.support_ticket.approval_status) !== "N/A" ? (openBlock(), createElementBlock("div", {
+						key: 0,
+						class: normalizeClass(["alert py-2", getComparisonClass()])
+					}, [createElementVNode("span", _hoisted_3$5, toDisplayString(getComparisonMessage()), 1)], 2)) : createCommentVNode("v-if", true),
+					createVNode(unref(ZiniaSubmitButton), {
+						submitText: "Mark as Completed",
+						submittingText: "Completing..."
+					})
+				]),
+				_: 1
+			})) : isCompleted.value ? (openBlock(), createBlock(ZiniaContainer_default, { key: 1 }, {
+				default: withCtx(() => [_cache[6] || (_cache[6] = createElementVNode("h3", { class: "card-title text-success text-base sm:text-lg" }, "✅ Completed", -1)), createElementVNode("div", _hoisted_4$5, [createElementVNode("div", _hoisted_5$5, [
+					_cache[3] || (_cache[3] = createElementVNode("div", { class: "text-xs text-base-content/70" }, "Customer Charged", -1)),
+					createElementVNode("div", _hoisted_6$4, toDisplayString(unref(formatStaffCreditValue)(props.support_ticket.credit_value, props.support_ticket.approval_status)), 1),
+					_cache[4] || (_cache[4] = createElementVNode("div", { class: "text-xs text-base-content/60" }, "Fixed price", -1))
+				]), createElementVNode("div", _hoisted_7$4, [
+					_cache[5] || (_cache[5] = createElementVNode("div", { class: "text-xs text-base-content/70" }, "Actual Effort", -1)),
+					createElementVNode("div", { class: normalizeClass(["text-lg sm:text-xl font-bold", getActualClass()]) }, toDisplayString(props.support_ticket.delivered_value ?? "N/A"), 3),
+					createElementVNode("div", _hoisted_8$4, toDisplayString(getVarianceLabel()), 1)
+				])])]),
+				_: 1
+			})) : createCommentVNode("v-if", true);
+		};
+	}
+});
+var CompleteSupportTicketForm_default = _sfc_main$7;
+
+//#endregion
+//#region src/slices/support_ticket/staff/components/ConvertToCustomerWorkflow.vue
+const _hoisted_1$5 = { class: "flex justify-end mt-4" };
+const _hoisted_2$4 = ["disabled"];
+const _hoisted_3$4 = {
+	key: 0,
+	class: "loading loading-spinner loading-sm mr-2"
+};
+const _hoisted_4$4 = {
+	key: 0,
+	class: "alert alert-error mt-2 py-2"
+};
+const _hoisted_5$4 = { class: "text-sm" };
+const _hoisted_6$3 = { class: "modal-box" };
+const _hoisted_7$3 = { class: "font-bold text-lg" };
+const _hoisted_8$3 = { class: "py-4 whitespace-pre-line" };
+const _hoisted_9$3 = { class: "modal-action" };
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+	__name: "ConvertToCustomerWorkflow",
+	props: { support_ticket: {} },
+	emits: ["update"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const error = ref(null);
+		const confirmModal = ref(null);
+		const modalTitle = ref("");
+		const modalMessage = ref("");
+		const modalButtonText = ref("");
+		const modalCallback = ref(null);
+		const { mutate: convertToCustomer, loading: isConverting } = useMutation((api, input) => api.supportTickets.convertToCustomer(input.id), { invalidate: /^support-tickets?:/ });
+		const showConvertModal = () => {
+			modalTitle.value = "Convert to Customer Support Ticket?";
+			modalMessage.value = "This will:\n\n• Change status to PENDING\n• Require approval workflow\n• Clear dev lifecycle stage\n• Reset to planning phase\n\nYou'll need to set a credit estimate before the support ticket can be approved.";
+			modalButtonText.value = "Convert to Customer Support Ticket";
+			modalCallback.value = handleConvert;
+			confirmModal.value?.showModal();
+		};
+		const handleConvert = async () => {
+			error.value = null;
+			try {
+				const result = await convertToCustomer({ id: props.support_ticket.id });
+				toast.success("✅ Converted to customer support ticket successfully");
+				closeModal();
+				emit("update", result);
+			} catch (err) {
+				error.value = err instanceof Error ? err.message : "Failed to convert";
+				toast.error(`❌ ${error.value}`);
+			}
+		};
+		const closeModal = () => {
+			confirmModal.value?.close();
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [
+				createCommentVNode(" Convert to Customer SupportTicket Section (INTERNAL only) "),
+				props.support_ticket.approval_status === "INTERNAL" ? (openBlock(), createBlock(ZiniaContainer_default, { key: 0 }, {
+					default: withCtx(() => [
+						_cache[1] || (_cache[1] = createElementVNode("h3", { class: "card-title text-base sm:text-lg" }, "Convert to Customer SupportTicket", -1)),
+						_cache[2] || (_cache[2] = createElementVNode("div", { class: "alert alert-info py-2" }, [createElementVNode("div", { class: "flex flex-col gap-2" }, [createElementVNode("span", { class: "font-semibold text-sm" }, "What happens when you convert:"), createElementVNode("ul", { class: "text-xs sm:text-sm space-y-1 ml-4 list-disc" }, [
+							createElementVNode("li", null, "Changes status from internal task to customer support_ticket"),
+							createElementVNode("li", null, "Requires approval workflow (goes to PENDING)"),
+							createElementVNode("li", null, "Clears dev lifecycle (back to planning)"),
+							createElementVNode("li", null, "Staff must set credit estimate before approval")
+						])])], -1)),
+						createElementVNode("div", _hoisted_1$5, [createElementVNode("button", {
+							class: "btn btn-primary w-full sm:w-auto",
+							onClick: withModifiers(showConvertModal, ["prevent"]),
+							disabled: unref(isConverting)
+						}, [unref(isConverting) ? (openBlock(), createElementBlock("span", _hoisted_3$4)) : createCommentVNode("v-if", true), createTextVNode(" " + toDisplayString(unref(isConverting) ? "Converting..." : "Convert to Customer SupportTicket"), 1)], 8, _hoisted_2$4)]),
+						error.value ? (openBlock(), createElementBlock("div", _hoisted_4$4, [createElementVNode("span", _hoisted_5$4, toDisplayString(error.value), 1)])) : createCommentVNode("v-if", true)
+					]),
+					_: 1
+				})) : createCommentVNode("v-if", true),
+				createCommentVNode(" Confirmation Modal "),
+				createElementVNode("dialog", {
+					ref_key: "confirmModal",
+					ref: confirmModal,
+					class: "modal"
+				}, [createElementVNode("div", _hoisted_6$3, [
+					createElementVNode("h3", _hoisted_7$3, toDisplayString(modalTitle.value), 1),
+					createElementVNode("p", _hoisted_8$3, toDisplayString(modalMessage.value), 1),
+					createElementVNode("div", _hoisted_9$3, [createElementVNode("button", {
+						class: "btn btn-ghost",
+						onClick: closeModal
+					}, "Cancel"), createElementVNode("button", {
+						class: "btn btn-primary",
+						onClick: _cache[0] || (_cache[0] = () => modalCallback.value?.())
+					}, toDisplayString(modalButtonText.value), 1)])
+				]), createElementVNode("form", {
+					method: "dialog",
+					class: "modal-backdrop"
+				}, [createElementVNode("button", { onClick: closeModal }, "close")])], 512)
+			], 64);
+		};
+	}
+});
+var ConvertToCustomerWorkflow_default = _sfc_main$6;
+
+//#endregion
+//#region src/slices/support_ticket/staff/components/ConvertToInternalWorkflow.vue
+const _hoisted_1$4 = { class: "flex justify-end mt-4" };
+const _hoisted_2$3 = ["disabled"];
+const _hoisted_3$3 = {
+	key: 0,
+	class: "loading loading-spinner loading-sm mr-2"
+};
+const _hoisted_4$3 = {
+	key: 0,
+	class: "alert alert-error mt-2 py-2"
+};
+const _hoisted_5$3 = { class: "text-sm" };
+const _hoisted_6$2 = { class: "modal-box" };
+const _hoisted_7$2 = { class: "font-bold text-lg" };
+const _hoisted_8$2 = { class: "py-4 whitespace-pre-line" };
+const _hoisted_9$2 = { class: "modal-action" };
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+	__name: "ConvertToInternalWorkflow",
+	props: { support_ticket: {} },
+	emits: ["update"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const error = ref(null);
+		const confirmModal = ref(null);
+		const modalTitle = ref("");
+		const modalMessage = ref("");
+		const modalButtonText = ref("");
+		const modalCallback = ref(null);
+		const { mutate: convertToInternal, loading: isConverting } = useMutation((api, input) => api.supportTickets.convertToInternal(input.id), { invalidate: /^support-tickets?:/ });
+		const showConvertModal = () => {
+			const hasCredits = props.support_ticket.credit_value && parseFloat(props.support_ticket.credit_value) > 0;
+			modalTitle.value = "Convert to Internal Task?";
+			modalMessage.value = "This will:\n\n• Change status to INTERNAL\n• Bypass customer approval workflow\n" + (hasCredits ? `• Clear ${props.support_ticket.credit_value} credit estimate\n` : "") + "• Set dev lifecycle to BACKLOG\n• Allow immediate development start\n\nThis change can be useful for converting customer ideas into internal improvements.";
+			modalButtonText.value = "Convert to Internal";
+			modalCallback.value = handleConvert;
+			confirmModal.value?.showModal();
+		};
+		const handleConvert = async () => {
+			error.value = null;
+			try {
+				const result = await convertToInternal({ id: props.support_ticket.id });
+				toast.success("✅ Converted to internal task successfully");
+				closeModal();
+				emit("update", result);
+			} catch (err) {
+				error.value = err instanceof Error ? err.message : "Failed to convert";
+				toast.error(`❌ ${error.value}`);
+			}
+		};
+		const closeModal = () => {
+			confirmModal.value?.close();
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [
+				createCommentVNode(" Convert to Internal Section (PENDING only) "),
+				props.support_ticket.approval_status === "PENDING" ? (openBlock(), createBlock(ZiniaContainer_default, { key: 0 }, {
+					default: withCtx(() => [
+						_cache[1] || (_cache[1] = createElementVNode("h3", { class: "card-title text-base sm:text-lg" }, "Convert to Internal Task", -1)),
+						_cache[2] || (_cache[2] = createElementVNode("div", { class: "alert alert-info py-2" }, [createElementVNode("div", { class: "flex flex-col gap-2" }, [createElementVNode("span", { class: "font-semibold text-sm" }, "What happens when you convert:"), createElementVNode("ul", { class: "text-xs sm:text-sm space-y-1 ml-4 list-disc" }, [
+							createElementVNode("li", null, "Changes status from customer support_ticket to internal task"),
+							createElementVNode("li", null, "Bypasses approval workflow entirely"),
+							createElementVNode("li", null, "Automatically clears any credit estimates (internal tasks = no credits)"),
+							createElementVNode("li", null, "Can start development immediately")
+						])])], -1)),
+						createElementVNode("div", _hoisted_1$4, [createElementVNode("button", {
+							class: "btn btn-primary w-full sm:w-auto",
+							onClick: withModifiers(showConvertModal, ["prevent"]),
+							disabled: unref(isConverting)
+						}, [unref(isConverting) ? (openBlock(), createElementBlock("span", _hoisted_3$3)) : createCommentVNode("v-if", true), createTextVNode(" " + toDisplayString(unref(isConverting) ? "Converting..." : "Convert to Internal Task"), 1)], 8, _hoisted_2$3)]),
+						error.value ? (openBlock(), createElementBlock("div", _hoisted_4$3, [createElementVNode("span", _hoisted_5$3, toDisplayString(error.value), 1)])) : createCommentVNode("v-if", true)
+					]),
+					_: 1
+				})) : createCommentVNode("v-if", true),
+				createCommentVNode(" Confirmation Modal "),
+				createElementVNode("dialog", {
+					ref_key: "confirmModal",
+					ref: confirmModal,
+					class: "modal"
+				}, [createElementVNode("div", _hoisted_6$2, [
+					createElementVNode("h3", _hoisted_7$2, toDisplayString(modalTitle.value), 1),
+					createElementVNode("p", _hoisted_8$2, toDisplayString(modalMessage.value), 1),
+					createElementVNode("div", _hoisted_9$2, [createElementVNode("button", {
+						class: "btn btn-ghost",
+						onClick: closeModal
+					}, "Cancel"), createElementVNode("button", {
+						class: "btn btn-primary",
+						onClick: _cache[0] || (_cache[0] = () => modalCallback.value?.())
+					}, toDisplayString(modalButtonText.value), 1)])
+				]), createElementVNode("form", {
+					method: "dialog",
+					class: "modal-backdrop"
+				}, [createElementVNode("button", { onClick: closeModal }, "close")])], 512)
+			], 64);
+		};
+	}
+});
+var ConvertToInternalWorkflow_default = _sfc_main$5;
+
+//#endregion
+//#region src/slices/support_ticket/staff/components/ReactivateInternalTaskWorkflow.vue
+const _hoisted_1$3 = { class: "alert alert-info py-2" };
+const _hoisted_2$2 = { class: "flex flex-col gap-2" };
+const _hoisted_3$2 = { class: "text-xs sm:text-sm space-y-1 ml-4 list-disc" };
+const _hoisted_4$2 = { key: 0 };
+const _hoisted_5$2 = { key: 1 };
+const _hoisted_6$1 = { class: "flex justify-end mt-4" };
+const _hoisted_7$1 = ["disabled"];
+const _hoisted_8$1 = {
+	key: 0,
+	class: "loading loading-spinner loading-sm mr-2"
+};
+const _hoisted_9$1 = {
+	key: 0,
+	class: "alert alert-error mt-2 py-2"
+};
+const _hoisted_10$1 = { class: "text-sm" };
+const _hoisted_11$1 = { class: "modal-box" };
+const _hoisted_12$1 = { class: "font-bold text-lg" };
+const _hoisted_13 = { class: "py-4 whitespace-pre-line" };
+const _hoisted_14 = { class: "modal-action" };
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+	__name: "ReactivateInternalTaskWorkflow",
+	props: { support_ticket: {} },
+	emits: ["update"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const error = ref(null);
+		const confirmModal = ref(null);
+		const modalTitle = ref("");
+		const modalMessage = ref("");
+		const modalButtonText = ref("");
+		const modalCallback = ref(null);
+		const { mutate: reactivateInternalTask, loading: isReactivating } = useMutation((api, input) => api.supportTickets.reactivateInternalTask(input), { invalidate: /^support-tickets?:/ });
+		const showReactivateModal = () => {
+			const isCancelled = props.support_ticket.dev_lifecycle === "CANCELLED";
+			const targetState = isCancelled ? "BACKLOG" : "PO_APPROVAL";
+			modalTitle.value = `Reopen ${isCancelled ? "Cancelled" : "Deployed"} Task?`;
+			modalMessage.value = `This will:\n\n• Set dev lifecycle to ${targetState}\n• Clear completion timestamp\n• Resume task as active\n\n` + (isCancelled ? `Task will restart from backlog for fresh planning.` : `Task will go to PO approval stage for review/fixes.`);
+			modalButtonText.value = "Reopen Task";
+			modalCallback.value = handleReactivate;
+			confirmModal.value?.showModal();
+		};
+		const handleReactivate = async () => {
+			error.value = null;
+			try {
+				const result = await reactivateInternalTask({ id: props.support_ticket.id });
+				toast.success("✅ Internal task reopened successfully");
+				closeModal();
+				emit("update", result);
+			} catch (err) {
+				error.value = err instanceof Error ? err.message : "Failed to reactivate task";
+				toast.error(`❌ ${error.value}`);
+			}
+		};
+		const closeModal = () => {
+			confirmModal.value?.close();
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [
+				createCommentVNode(" Reactivate Terminal Internal Task Section (INTERNAL + CANCELLED or DEPLOYED) "),
+				props.support_ticket.approval_status === "INTERNAL" && (props.support_ticket.dev_lifecycle === "CANCELLED" || props.support_ticket.dev_lifecycle === "DEPLOYED") ? (openBlock(), createBlock(ZiniaContainer_default, { key: 0 }, {
+					default: withCtx(() => [
+						_cache[5] || (_cache[5] = createElementVNode("h3", { class: "card-title text-base sm:text-lg" }, "Reopen Internal Task", -1)),
+						createElementVNode("div", _hoisted_1$3, [createElementVNode("div", _hoisted_2$2, [_cache[4] || (_cache[4] = createElementVNode("span", { class: "font-semibold text-sm" }, "What happens when you reopen:", -1)), createElementVNode("ul", _hoisted_3$2, [
+							props.support_ticket.dev_lifecycle === "CANCELLED" ? (openBlock(), createElementBlock("li", _hoisted_4$2, " Sets dev lifecycle to BACKLOG (fresh start) ")) : (openBlock(), createElementBlock("li", _hoisted_5$2, "Sets dev lifecycle to PO_APPROVAL (ready for review/fixes)")),
+							_cache[1] || (_cache[1] = createElementVNode("li", null, "Clears completion timestamp", -1)),
+							_cache[2] || (_cache[2] = createElementVNode("li", null, "Task becomes active again", -1)),
+							_cache[3] || (_cache[3] = createElementVNode("li", null, "You can resume work or make additional changes", -1))
+						])])]),
+						createElementVNode("div", _hoisted_6$1, [createElementVNode("button", {
+							class: "btn btn-success w-full sm:w-auto",
+							onClick: withModifiers(showReactivateModal, ["prevent"]),
+							disabled: unref(isReactivating)
+						}, [unref(isReactivating) ? (openBlock(), createElementBlock("span", _hoisted_8$1)) : createCommentVNode("v-if", true), createTextVNode(" " + toDisplayString(unref(isReactivating) ? "Reopening..." : "Reopen Task"), 1)], 8, _hoisted_7$1)]),
+						error.value ? (openBlock(), createElementBlock("div", _hoisted_9$1, [createElementVNode("span", _hoisted_10$1, toDisplayString(error.value), 1)])) : createCommentVNode("v-if", true)
+					]),
+					_: 1
+				})) : createCommentVNode("v-if", true),
+				createCommentVNode(" Confirmation Modal "),
+				createElementVNode("dialog", {
+					ref_key: "confirmModal",
+					ref: confirmModal,
+					class: "modal"
+				}, [createElementVNode("div", _hoisted_11$1, [
+					createElementVNode("h3", _hoisted_12$1, toDisplayString(modalTitle.value), 1),
+					createElementVNode("p", _hoisted_13, toDisplayString(modalMessage.value), 1),
+					createElementVNode("div", _hoisted_14, [createElementVNode("button", {
+						class: "btn btn-ghost",
+						onClick: closeModal
+					}, "Cancel"), createElementVNode("button", {
+						class: "btn btn-success",
+						onClick: _cache[0] || (_cache[0] = () => modalCallback.value?.())
+					}, toDisplayString(modalButtonText.value), 1)])
+				]), createElementVNode("form", {
+					method: "dialog",
+					class: "modal-backdrop"
+				}, [createElementVNode("button", { onClick: closeModal }, "close")])], 512)
+			], 64);
+		};
+	}
+});
+var ReactivateInternalTaskWorkflow_default = _sfc_main$4;
+
+//#endregion
+//#region src/slices/support_ticket/staff/StaffSupportTicketRowSchema.ts
+/**
+* Reuse the existing StaffSupportTicketReadSchema from the validation library
+* for the data table rows - don't recreate it!
+*/
+const adminSupportTicketRowSchemaWithMetadata = withMetadata(StaffSupportTicketReadSchema, "adminSupportTicketRow", {});
+
+//#endregion
+//#region src/slices/support_ticket/staff/StaffSupportTicketList.vue
+const _hoisted_1$2 = { class: "flex flex-col sm:flex-row sm:justify-between sm:items-center gap-4 mb-4" };
+const _hoisted_2$1 = { class: "flex items-center gap-2" };
+const _hoisted_3$1 = { class: "flex flex-col sm:flex-row gap-2" };
+const _hoisted_4$1 = [
+	"value",
+	"disabled",
+	"onChange"
+];
+const _hoisted_5$1 = ["value"];
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+	__name: "StaffSupportTicketList",
+	setup(__props) {
+		const route = useRoute();
+		const router = useRouter();
+		const savedFilters = useSavedFilters({
+			context: "support_ticket_staff",
+			routePath: "/staff/support",
+			getFiltersFromTable: () => extractFiltersFromQuery(route.query),
+			applyFiltersToTable: (filters) => {
+				router.push({ query: buildQueryWithFilters(route.query, filters) });
+			}
+		});
+		const hasSupportFilters = computed(() => {
+			const filters = extractFiltersFromQuery(route.query);
+			return Object.keys(filters).length > 0;
+		});
+		const currentPaginationToken = ref();
+		const devLifecycleUpdateOptions = SUPPORT_TICKET_DEV_LIFECYCLE_FILTER_OPTIONS.filter((opt) => SupportTicketDevLifecycleUpdateEnum.includes(opt.value));
+		const updatingDevLifecycleId = ref(null);
+		const { mutate: updateTicket } = useMutation((api, input) => api.supportTickets.staffUpdateTicket(input), { invalidate: /^support-tickets?:/ });
+		function canEditDevLifecycle(row) {
+			if (!row.approval_status) return false;
+			if (!["APPROVED", "INTERNAL"].includes(row.approval_status)) return false;
+			const dl = row.dev_lifecycle;
+			if (dl === "DEPLOYED" || dl === "CANCELLED") return false;
+			return true;
+		}
+		const cursorTable = useCursorDataTable(adminSupportTicketRowSchemaWithMetadata, {
+			fetchData: async ({ cursor, pageSize, sort, filters, search }) => {
+				const variables = {
+					first: pageSize,
+					sortBy: sort?.field ? sort.field : "updated_at",
+					sortDirection: sort?.direction === "asc" ? "asc" : "desc",
+					...cursor ? { after: cursor } : {},
+					...currentPaginationToken.value ? { paginationToken: currentPaginationToken.value } : {},
+					...search ? { search: typeof search === "string" ? {
+						query: search,
+						searchableFields: [
+							"display_id",
+							"title",
+							"description"
+						]
+					} : search } : {},
+					...filters
+				};
+				if (!filters || !filters.dev_lifecycle) variables.dev_lifecycle = {
+					operator: OPERATORS.IS_NOT_ONE_OF,
+					values: ["DEPLOYED", "CANCELLED"]
+				};
+				const result = await executeWithAuth(async (api) => {
+					return await api.supportTickets.staffListTickets(variables ?? {});
+				}, { refreshTokenHandler: getRefreshTokenHandler() });
+				currentPaginationToken.value = result?.pageInfo?.paginationToken;
+				return {
+					data: result.items || [],
+					hasNextPage: result.pageInfo?.hasNextPage ?? false,
+					hasPreviousPage: result.pageInfo?.hasPreviousPage ?? false,
+					prevPageCursor: result.pageInfo?.prevPageCursor ?? void 0,
+					nextPageCursor: result.pageInfo?.nextPageCursor ?? void 0
+				};
+			},
+			columns: {
+				display_id: {
+					label: "Ticket ID",
+					field: "display_id",
+					sortable: true
+				},
+				title: {
+					label: "Title",
+					field: "title",
+					sortable: true
+				},
+				type: {
+					label: "Type",
+					field: "type",
+					sortable: true,
+					filterable: true,
+					filterType: "select",
+					filterOptions: [...SUPPORT_TICKET_TYPE_FILTER_OPTIONS]
+				},
+				priority: {
+					label: "Priority",
+					field: "priority",
+					sortable: true,
+					filterable: true,
+					filterType: "select",
+					filterOptions: [...SUPPORT_TICKET_PRIORITY_FILTER_OPTIONS]
+				},
+				approval_status: {
+					label: "Approval",
+					field: "approval_status",
+					sortable: true,
+					filterable: true,
+					filterType: "select",
+					filterOptions: [...SUPPORT_TICKET_APPROVAL_FILTER_OPTIONS]
+				},
+				dev_lifecycle: {
+					label: "Dev Stage",
+					field: "dev_lifecycle",
+					sortable: true,
+					filterable: true,
+					filterType: "select",
+					filterOptions: [...SUPPORT_TICKET_DEV_LIFECYCLE_FILTER_OPTIONS]
+				},
+				credit_value: {
+					label: "Credits",
+					field: "credit_value",
+					sortable: false
+				},
+				target_at: {
+					label: "Delivery Est.",
+					field: "target_at",
+					sortable: true
+				},
+				updated_at: {
+					label: "Last Updated",
+					field: "updated_at",
+					sortable: true
+				},
+				created_by: {
+					label: "Requester",
+					field: "created_by",
+					sortable: false,
+					filterable: true,
+					filterType: "select",
+					filterOptionsLoader: async () => {
+						return (await executeWithAuth((api) => api.supportTickets.staffGetRequestorsForActiveTickets(), { refreshTokenHandler: getRefreshTokenHandler() }) || []).map((u) => ({
+							value: u.id,
+							label: u.email
+						}));
+					}
+				}
+			},
+			actions: { items: [{
+				key: "manage",
+				icon: ActionIcons.edit,
+				size: "xs",
+				variant: "primary",
+				type: "link",
+				href: (row) => `/staff/support/${row.id}`
+			}] },
+			search: { searchableFields: ["title"] },
+			pagination: { pageSize: 25 },
+			autoLoad: false
+		});
+		const { ZiniaDataTable, refresh } = cursorTable;
+		async function handleDevLifecycleChange(row, newDevLifecycle) {
+			if (!SupportTicketDevLifecycleUpdateEnum.includes(newDevLifecycle)) return;
+			updatingDevLifecycleId.value = row.id;
+			try {
+				const priority = typeof row.priority === "number" ? row.priority : supportTicketPriorityToNumber(row.priority);
+				await updateTicket({
+					id: row.id,
+					title: row.title,
+					type: row.type,
+					priority,
+					dev_lifecycle: newDevLifecycle
+				});
+				await refresh();
+			} catch {
+				await refresh();
+			} finally {
+				updatingDevLifecycleId.value = null;
+			}
+		}
+		useDataTableUrlSync(cursorTable.table, router);
+		const previousFilters = ref({});
+		onMounted(() => {
+			previousFilters.value = extractFiltersFromQuery(route.query);
+		});
+		watch(() => route.query, (query) => {
+			const filters = extractFiltersFromQuery(query);
+			const hadPrevious = Object.keys(previousFilters.value).length > 0;
+			if (!(Object.keys(filters).length > 0) && hadPrevious) savedFilters.clearLastUsed();
+			previousFilters.value = filters;
+		});
+		return (_ctx, _cache) => {
+			const _component_router_link = resolveComponent("router-link");
+			return openBlock(), createElementBlock("div", null, [createElementVNode("div", _hoisted_1$2, [createElementVNode("div", _hoisted_2$1, [createVNode(unref(SavedFilterPresets_default), {
+				presets: unref(savedFilters).presets.value,
+				"presets-loading": unref(savedFilters).presetsLoading.value,
+				creating: unref(savedFilters).creating.value,
+				deleting: unref(savedFilters).deleting.value,
+				renaming: unref(savedFilters).updating.value,
+				"has-filters": hasSupportFilters.value,
+				"active-preset": unref(savedFilters).activePreset.value,
+				"apply-preset": unref(savedFilters).applyPreset,
+				"clear-preset": unref(savedFilters).clearPreset,
+				"save-current-filters": unref(savedFilters).saveCurrentFilters,
+				"rename-preset": unref(savedFilters).renamePreset,
+				"remove-preset": unref(savedFilters).removePreset
+			}, null, 8, [
+				"presets",
+				"presets-loading",
+				"creating",
+				"deleting",
+				"renaming",
+				"has-filters",
+				"active-preset",
+				"apply-preset",
+				"clear-preset",
+				"save-current-filters",
+				"rename-preset",
+				"remove-preset"
+			]), _cache[0] || (_cache[0] = createElementVNode("h1", { class: "text-xl sm:text-2xl font-bold" }, "Manage Support Tickets", -1))]), createElementVNode("div", _hoisted_3$1, [createVNode(_component_router_link, {
+				to: { name: "CustomerSupportTicketList" },
+				class: "btn btn-outline btn-sm sm:btn-md"
+			}, {
+				default: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode(" Customer View ", -1)])]),
+				_: 1
+			}), createVNode(_component_router_link, {
+				to: { name: unref(staffSupportPaths).staff_create.name },
+				class: "btn btn-primary btn-sm sm:btn-md"
+			}, {
+				default: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode(" Create ", -1)])]),
+				_: 1
+			}, 8, ["to"])])]), createVNode(unref(ZiniaDataTable), null, {
+				"cell-displayId": withCtx(({ row }) => [createTextVNode(toDisplayString(unref(formatTicketDisplayId)(row.display_id, row.display_id_prefix, row.id)), 1)]),
+				"cell-type": withCtx(({ row }) => [createVNode(SupportTicketTypeBadge_default, {
+					type: row.type,
+					size: "sm"
+				}, null, 8, ["type"])]),
+				"cell-priority": withCtx(({ row }) => [createVNode(SupportTicketPriorityBadge_default, {
+					priority: row.priority,
+					size: "sm"
+				}, null, 8, ["priority"])]),
+				"cell-approval_status": withCtx(({ row }) => [createVNode(SupportTicketApprovalBadge_default, {
+					approvalStatus: row.approval_status,
+					size: "sm"
+				}, null, 8, ["approvalStatus"])]),
+				"cell-dev_lifecycle": withCtx(({ row }) => [canEditDevLifecycle(row) ? (openBlock(), createElementBlock("select", {
+					key: 0,
+					value: row.dev_lifecycle,
+					class: "select select-sm select-bordered min-w-[7rem]",
+					disabled: updatingDevLifecycleId.value === row.id,
+					onChange: ($event) => handleDevLifecycleChange(row, $event.target.value)
+				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(devLifecycleUpdateOptions), (opt) => {
+					return openBlock(), createElementBlock("option", {
+						key: opt.value,
+						value: opt.value
+					}, toDisplayString(opt.label), 9, _hoisted_5$1);
+				}), 128))], 40, _hoisted_4$1)) : (openBlock(), createBlock(SupportTicketDevLifecycleBadge_default, {
+					key: 1,
+					devLifecycle: row.dev_lifecycle || "PENDING",
+					size: "sm"
+				}, null, 8, ["devLifecycle"]))]),
+				"cell-credit_value": withCtx(({ row }) => [createTextVNode(toDisplayString(unref(formatStaffCreditValue)(row.credit_value, row.approval_status)), 1)]),
+				"cell-created_by": withCtx(({ row }) => [createTextVNode(toDisplayString(row.created_by_display_name), 1)]),
+				"cell-target_at": withCtx(({ row }) => [createTextVNode(toDisplayString(unref(formatUserDate)(row.target_at) || "TBD"), 1)]),
+				"cell-updated_at": withCtx(({ row }) => [createTextVNode(toDisplayString(unref(formatSystemTimestamp)(row.updated_at)), 1)]),
+				"cell-actions": withCtx(({ row }) => [createVNode(_component_router_link, {
+					to: {
+						name: "AdminEditSupportTicket",
+						params: { id: row.id }
+					},
+					class: "btn btn-sm btn-primary"
+				}, {
+					default: withCtx(() => [..._cache[3] || (_cache[3] = [createTextVNode(" Manage ", -1)])]),
+					_: 1
+				}, 8, ["to"])]),
+				_: 1
+			})]);
+		};
+	}
+});
+var StaffSupportTicketList_default = _sfc_main$3;
+
+//#endregion
+//#region src/slices/support_ticket/shared/CreditBalanceWidget.vue
+const _hoisted_1$1 = {
+	key: 0,
+	class: "flex items-center gap-2"
+};
+const _hoisted_2 = { class: "flex items-center gap-2" };
+const _hoisted_3 = { class: "font-bold" };
+const _hoisted_4 = { class: "space-y-3" };
+const _hoisted_5 = {
+	key: 0,
+	class: "text-sm font-medium text-base-content/60"
+};
+const _hoisted_6 = { class: "space-y-2" };
+const _hoisted_7 = { class: "flex justify-between items-center p-3 bg-base-200 rounded-lg" };
+const _hoisted_8 = { class: "font-bold" };
+const _hoisted_9 = { class: "flex justify-between items-center p-3 bg-base-200 rounded-lg" };
+const _hoisted_10 = { class: "font-bold" };
+const _hoisted_11 = {
+	key: 1,
+	class: "alert alert-warning"
+};
+const _hoisted_12 = {
+	key: 2,
+	class: "pt-2"
+};
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+	__name: "CreditBalanceWidget",
+	props: {
+		variant: { default: "full" },
+		expandable: {
+			type: Boolean,
+			default: false
+		},
+		showTitle: {
+			type: Boolean,
+			default: true
+		},
+		showHistoryLink: {
+			type: Boolean,
+			default: true
+		}
+	},
+	setup(__props) {
+		const expanded = ref(false);
+		const { data, loading, error } = useQuery((api) => api.customer.getCreditBalance(), { staleTime: 120 * 1e3 });
+		const creditBalance = computed(() => data.value ?? null);
+		const totalAvailable = computed(() => {
+			if (!creditBalance.value) return 0;
+			return (parseFloat(creditBalance.value.monthly) || 0) + (parseFloat(creditBalance.value.rollover) || 0);
+		});
+		return (_ctx, _cache) => {
+			const _component_router_link = resolveComponent("router-link");
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["credit-balance-widget", __props.variant === "compact" ? "compact" : ""]) }, [createCommentVNode(" Loading State "), unref(loading) ? (openBlock(), createElementBlock("div", _hoisted_1$1, [..._cache[1] || (_cache[1] = [createElementVNode("span", { class: "loading loading-spinner loading-sm" }, null, -1), createElementVNode("span", { class: "text-sm" }, "Loading credits...", -1)])])) : unref(error) ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createCommentVNode(" Error State "), _cache[2] || (_cache[2] = createElementVNode("div", { class: "alert alert-error" }, [createElementVNode("span", { class: "text-sm" }, "Failed to load credit balance")], -1))], 2112)) : __props.variant === "compact" && creditBalance.value ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [createCommentVNode(" Compact Variant (Badge) "), createElementVNode("div", _hoisted_2, [createElementVNode("div", { class: normalizeClass(["badge badge-lg gap-2", {
+				"badge-success": totalAvailable.value > 0,
+				"badge-warning": totalAvailable.value === 0
+			}]) }, [_cache[3] || (_cache[3] = createElementVNode("svg", {
+				xmlns: "http://www.w3.org/2000/svg",
+				class: "h-4 w-4",
+				fill: "none",
+				viewBox: "0 0 24 24",
+				stroke: "currentColor"
+			}, [createElementVNode("path", {
+				"stroke-linecap": "round",
+				"stroke-linejoin": "round",
+				"stroke-width": "2",
+				d: "M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+			})], -1)), createElementVNode("span", _hoisted_3, toDisplayString(unref(formatStaffCreditValue)(totalAvailable.value.toString())) + " Credits", 1)], 2), __props.expandable ? (openBlock(), createElementBlock("button", {
+				key: 0,
+				class: "btn btn-ghost btn-xs",
+				onClick: _cache[0] || (_cache[0] = ($event) => expanded.value = !expanded.value)
+			}, toDisplayString(expanded.value ? "Hide" : "Details"), 1)) : createCommentVNode("v-if", true)])], 2112)) : creditBalance.value && (__props.variant === "full" || expanded.value) ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [createCommentVNode(" Expanded/Full Variant "), createElementVNode("div", _hoisted_4, [
+				__props.showTitle ? (openBlock(), createElementBlock("h4", _hoisted_5, " Your Available Credits ")) : createCommentVNode("v-if", true),
+				createElementVNode("div", _hoisted_6, [
+					createElementVNode("div", _hoisted_7, [_cache[4] || (_cache[4] = createElementVNode("span", { class: "text-sm" }, "Monthly Balance:", -1)), createElementVNode("span", _hoisted_8, toDisplayString(unref(formatStaffCreditValue)(creditBalance.value.monthly)), 1)]),
+					createElementVNode("div", _hoisted_9, [_cache[5] || (_cache[5] = createElementVNode("span", { class: "text-sm" }, "Rollover Balance:", -1)), createElementVNode("span", _hoisted_10, toDisplayString(unref(formatStaffCreditValue)(creditBalance.value.rollover)), 1)]),
+					createElementVNode("div", { class: normalizeClass(["flex justify-between items-center p-3 rounded-lg", {
+						"bg-success/20": totalAvailable.value > 0,
+						"bg-warning/20": totalAvailable.value === 0
+					}]) }, [_cache[6] || (_cache[6] = createElementVNode("span", { class: "font-medium" }, "Total Available:", -1)), createElementVNode("span", { class: normalizeClass(["text-xl font-bold", {
+						"text-success": totalAvailable.value > 0,
+						"text-warning": totalAvailable.value === 0
+					}]) }, toDisplayString(unref(formatStaffCreditValue)(totalAvailable.value.toString())), 3)], 2)
+				]),
+				createCommentVNode(" Warning if low balance "),
+				totalAvailable.value === 0 ? (openBlock(), createElementBlock("div", _hoisted_11, [..._cache[7] || (_cache[7] = [createElementVNode("svg", {
+					xmlns: "http://www.w3.org/2000/svg",
+					class: "stroke-current shrink-0 h-6 w-6",
+					fill: "none",
+					viewBox: "0 0 24 24"
+				}, [createElementVNode("path", {
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round",
+					"stroke-width": "2",
+					d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
+				})], -1), createElementVNode("div", null, [createElementVNode("h3", { class: "font-bold" }, "No Credits Available"), createElementVNode("p", { class: "text-sm" }, " Contact support to purchase more credits or wait for your monthly reset. ")], -1)])])) : createCommentVNode("v-if", true),
+				createCommentVNode(" View History Link "),
+				__props.showHistoryLink ? (openBlock(), createElementBlock("div", _hoisted_12, [createVNode(_component_router_link, {
+					to: { name: "CreditTransactionHistory" },
+					class: "link link-primary text-sm"
+				}, {
+					default: withCtx(() => [..._cache[8] || (_cache[8] = [createTextVNode(" View Credit History → ", -1)])]),
+					_: 1
+				})])) : createCommentVNode("v-if", true)
+			])], 2112)) : createCommentVNode("v-if", true)], 2);
+		};
+	}
+});
+var CreditBalanceWidget_default = /* @__PURE__ */ export_helper_default(_sfc_main$2, [["__scopeId", "data-v-703dc3c5"]]);
+
+//#endregion
+//#region src/slices/support_ticket/shared/SupportTicketAttachments.vue
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+	__name: "SupportTicketAttachments",
+	setup(__props) {
+		const supportTicketId = useRoute().params.id;
+		const config = { title: "Support Ticket Attachments" };
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(FileManager_default, {
+				"record-id": unref(supportTicketId),
+				"record-type": "support_ticket",
+				config
+			}, null, 8, ["record-id"]);
+		};
+	}
+});
+var SupportTicketAttachments_default = _sfc_main$1;
+
+//#endregion
+//#region src/slices/support_ticket/staff/staffSupportTicketFiltersMetadata.ts
+const adminSupportTicketFiltersSchemaWithMetadata = withMetadata(StaffSupportTicketFiltersSchema, "adminSupportTicketFilters", {
+	type: {
+		label: "Type",
+		inputType: "select"
+	},
+	status: {
+		label: "Status",
+		inputType: "select"
+	},
+	approval_status: {
+		label: "Approval Status",
+		inputType: "select"
+	},
+	priority: {
+		label: "Priority",
+		inputType: "select"
+	}
+});
+
+//#endregion
+//#region src/slices/support_ticket/customer/composables/useSupportTicketPermissions.ts
+function useSupportTicketPermissions() {
+	const canEditField = (field, status, isLocked) => {
+		switch (status) {
+			case "PENDING": return !isLocked;
+			case "CANCELLED": return true;
+			case "FOLLOWUP":
+			case "IN_PROGRESS": return field === "priority";
+			case "VERIFICATION": return false;
+			default: return false;
+		}
+	};
+	const canFullyEdit = (status, isLocked) => {
+		return status === "PENDING" && !isLocked || status === "CANCELLED";
+	};
+	const getEditInfo = (status, isLocked) => {
+		const canEditTitle = canEditField("title", status, isLocked);
+		const canEditDescription = canEditField("description", status, isLocked);
+		const canEditType = canEditField("type", status, isLocked);
+		const canEditPriority = canEditField("priority", status, isLocked);
+		const canSubmit = status !== "COMPLETED" && status !== "VERIFICATION";
+		const showLimitation = !canFullyEdit(status, isLocked);
+		let sectionTitle;
+		let limitationMessage;
+		let submitText;
+		let submittingText;
+		switch (status) {
+			case "CANCELLED":
+				sectionTitle = "Resubmit SupportTicket";
+				limitationMessage = "";
+				submitText = "Resubmit SupportTicket";
+				submittingText = "Resubmitting...";
+				break;
+			case "FOLLOWUP":
+				sectionTitle = "Limited Editing";
+				limitationMessage = "This support ticket has been approved for development. Only priority can be adjusted.";
+				submitText = "Update Priority";
+				submittingText = "Updating Priority...";
+				break;
+			case "IN_PROGRESS":
+				sectionTitle = "Limited Editing";
+				limitationMessage = "Development is in progress. Only priority can be adjusted.";
+				submitText = "Update Priority";
+				submittingText = "Updating Priority...";
+				break;
+			case "VERIFICATION":
+				sectionTitle = "Verify & Confirm";
+				limitationMessage = "The work has been deployed. Please verify it meets your expectations and leave a comment below to confirm completion.";
+				submitText = "Update SupportTicket";
+				submittingText = "Updating SupportTicket...";
+				break;
+			case "PENDING":
+				sectionTitle = "SupportTicket Details";
+				limitationMessage = isLocked ? "This support ticket is locked for review." : "Editing is temporarily limited.";
+				submitText = "Update SupportTicket";
+				submittingText = "Updating SupportTicket...";
+				break;
+			default:
+				sectionTitle = "SupportTicket Details";
+				limitationMessage = "Editing is limited for this support ticket status.";
+				submitText = "Update SupportTicket";
+				submittingText = "Updating SupportTicket...";
+		}
+		return {
+			sectionTitle,
+			showLimitation,
+			limitationMessage,
+			canEditTitle,
+			canEditDescription,
+			canEditType,
+			canEditPriority,
+			canSubmit,
+			submitText,
+			submittingText
+		};
+	};
+	const getSuccessMessage = (status) => {
+		switch (status) {
+			case "CANCELLED": return "SupportTicket resubmitted successfully! It will be reviewed again.";
+			case "FOLLOWUP":
+			case "IN_PROGRESS": return "Priority updated successfully!";
+			default: return "SupportTicket updated successfully!";
+		}
+	};
+	return {
+		canEditField,
+		canFullyEdit,
+		getEditInfo,
+		getSuccessMessage
+	};
+}
+
+//#endregion
+//#region src/slices/support_ticket/customer/composables/useSupportTicketStatus.ts
+function useSupportTicketStatus() {
+	const getStatusInfo = (status, isLocked) => {
+		switch (status) {
+			case "FOLLOWUP": return {
+				icon: "✅",
+				label: "Approved - To Do",
+				description: "Your support_ticket has been approved and is scheduled for development",
+				alertClass: "alert-success",
+				whatsNext: "Development will begin soon. You'll be notified of progress updates."
+			};
+			case "IN_PROGRESS": return {
+				icon: "🔧",
+				label: "In Development",
+				description: "Development work is currently in progress",
+				alertClass: "alert-warning",
+				whatsNext: "Development is currently in progress. You'll be notified when completed."
+			};
+			case "VERIFICATION": return {
+				icon: "🔍",
+				label: "Verification",
+				description: "The work has been deployed. Please verify it meets your expectations and leave a comment.",
+				alertClass: "alert-warning",
+				whatsNext: "Please verify the implementation and leave a comment to confirm completion. Once verified, our team will mark this ticket as complete."
+			};
+			case "COMPLETED": return {
+				icon: "🎉",
+				label: "Completed",
+				description: "Your support ticket has been successfully implemented",
+				alertClass: "alert-success",
+				whatsNext: "Your support ticket has been completed! Thank you for your contribution."
+			};
+			case "CANCELLED": return {
+				icon: "❌",
+				label: "Cancelled",
+				description: "This support ticket was not approved for development",
+				alertClass: "alert-error",
+				whatsNext: "You can modify and resubmit your support ticket with additional details."
+			};
+			case "PENDING": return {
+				icon: "⏳",
+				label: "Under Review",
+				description: "Your support ticket is being reviewed by our team",
+				alertClass: "alert-info",
+				whatsNext: isLocked ? "Your support ticket is locked for review. Limited changes may be allowed." : "Our team is reviewing your support ticket. You can still make changes while it's under review."
+			};
+			default: return {
+				icon: "ℹ️",
+				label: status,
+				description: "Status information",
+				alertClass: "alert-info",
+				whatsNext: "Check back for updates on your support ticket status."
+			};
+		}
+	};
+	const isEditable = (status, _isLocked) => {
+		return status !== "COMPLETED" && status !== "VERIFICATION";
+	};
+	const isApproved = (status) => {
+		return [
+			"FOLLOWUP",
+			"IN_PROGRESS",
+			"VERIFICATION",
+			"COMPLETED"
+		].includes(status);
+	};
+	const canResubmit = (status) => {
+		return status === "CANCELLED";
+	};
+	return {
+		getStatusInfo,
+		isEditable,
+		isApproved,
+		canResubmit
+	};
+}
+
+//#endregion
+//#region src/middleware/skipVerifyEmailIfAlreadyVerified.ts
+/**
+* Redirects away from the verify-email page when the user is already logged in and verified.
+* Use as beforeEnter on the verify-email route.
+*/
+const skipVerifyEmailIfAlreadyVerified = (to, _from, next) => {
+	if (useUserSessionStore().currentSession?.user?.email_verified) next(getValidReturnUrl(to, "/"));
+	else next();
+};
+
+//#endregion
+//#region src/slices/auth/signupConsentsGuard.ts
+/**
+* Route guard for /auth/signup-consents.
+* Redirects to signup if there is no token in the query (e.g. direct URL, refresh).
+* The token is set when redirecting from Signup.vue after signupInitiate returns consents.
+*/
+const signupConsentsGuard = (to, _from, next) => {
+	const token = to.query.token;
+	if (!token || token.trim() === "") {
+		const returnUrl = to.query.returnUrl;
+		next({
+			path: "/auth/signup",
+			query: returnUrl ? { returnUrl } : {}
+		});
+	} else next();
+};
+
+//#endregion
+//#region src/slices/auth/authRoutes.ts
+const authPaths = {
+	login: {
+		path: "login",
+		full_path: "/auth/login",
+		name: "Login"
+	},
+	register: {
+		path: "signup",
+		full_path: "/auth/signup",
+		name: "Signup"
+	},
+	forgot_password: {
+		path: "forgot-password",
+		full_path: "/auth/forgot-password",
+		name: "Forgot Password"
+	},
+	reset_password: {
+		path: "reset-password/:token",
+		full_path: "/auth/reset-password",
+		name: "Reset Password"
+	},
+	logout: {
+		path: "logout",
+		full_path: "/auth/logout",
+		name: "Logout"
+	},
+	mfa_setup: {
+		path: "mfa/setup",
+		full_path: "/auth/mfa/setup",
+		name: "MFA Setup"
+	},
+	mfa_verify: {
+		path: "mfa/verify",
+		full_path: "/auth/mfa/verify",
+		name: "MFA Verify"
+	},
+	verify_email: {
+		path: "verify-email",
+		full_path: "/auth/verify-email",
+		name: "Verify Email"
+	},
+	consent_required: {
+		path: "consent-required",
+		full_path: "/auth/consent-required",
+		name: "Consent Required"
+	},
+	signup_consents: {
+		path: "signup-consents",
+		full_path: "/auth/signup-consents",
+		name: "Signup Consents"
+	}
+};
+const { allowUserSignup } = useEnv();
+const baseRoutes = [
+	{
+		path: authPaths.login.path,
+		name: authPaths.login.name,
+		component: () => import("./LoginForm-QFJ8NHww.js"),
+		meta: {
+			title: "Login",
+			description: "Login page for Category 5 App"
+		},
+		beforeEnter: [userAlreadyLoggedIn]
+	},
+	{
+		path: authPaths.forgot_password.path,
+		name: authPaths.forgot_password.name,
+		component: () => import("./ForgotPassword-tJVSg7PB.js"),
+		meta: {
+			title: "Forgot Password",
+			description: "Forgot Password page for Category 5 App"
+		},
+		beforeEnter: [userAlreadyLoggedIn]
+	},
+	{
+		path: authPaths.reset_password.path,
+		name: authPaths.reset_password.name,
+		component: () => import("./ResetPassword-D6to3G6a.js"),
+		meta: {
+			title: "Reset Password",
+			description: "Reset Password page for Category 5 App"
+		},
+		beforeEnter: [userAlreadyLoggedIn]
+	},
+	{
+		path: authPaths.logout.path,
+		name: authPaths.logout.name,
+		component: () => import("./Logout-CjDBff3W.js"),
+		meta: {
+			title: "Logout",
+			description: "Logout page for Category 5 App"
+		}
+	},
+	{
+		path: authPaths.mfa_setup.path,
+		name: authPaths.mfa_setup.name,
+		component: () => import("./MfaSetup-BZcoxJx-.js"),
+		meta: {
+			title: "Set Up Two-Factor Authentication",
+			description: "Enable MFA for your account"
+		}
+	},
+	{
+		path: authPaths.mfa_verify.path,
+		name: authPaths.mfa_verify.name,
+		component: () => import("./MfaVerify-Dy2aV5Gk.js"),
+		meta: {
+			title: "Verify Two-Factor Authentication",
+			description: "Enter your MFA code to complete sign in"
+		}
+	},
+	{
+		path: authPaths.verify_email.path,
+		name: authPaths.verify_email.name,
+		component: () => import("./VerifyEmail-DMHczC9f.js"),
+		meta: {
+			title: "Verify Email",
+			description: "Verify your email address"
+		},
+		beforeEnter: [skipVerifyEmailIfAlreadyVerified]
+	},
+	{
+		path: "verify-email-required",
+		redirect: (to) => ({
+			path: "/auth/verify-email",
+			query: to.query
+		})
+	},
+	{
+		path: authPaths.consent_required.path,
+		name: authPaths.consent_required.name,
+		component: () => import("./ConsentRequired-BPjsZoPY.js"),
+		meta: {
+			title: "Consent Required",
+			description: "Accept updated terms to continue"
+		}
+	},
+	{
+		path: authPaths.signup_consents.path,
+		name: authPaths.signup_consents.name,
+		component: () => import("./SignupConsentFlow-X3kXuviv.js"),
+		meta: {
+			title: "Review and accept",
+			description: "Review and accept terms to complete signup"
+		},
+		beforeEnter: [userAlreadyLoggedIn, signupConsentsGuard]
+	}
+];
+if (allowUserSignup) baseRoutes.splice(1, 0, {
+	path: authPaths.register.path,
+	name: authPaths.register.name,
+	component: () => import("./Signup-XdImA1os.js"),
+	meta: {
+		title: "Register",
+		description: "Register page for Category 5 App"
+	},
+	beforeEnter: [userAlreadyLoggedIn]
+});
+const authRoutes = baseRoutes;
+
+//#endregion
+//#region src/slices/auth/features/login/SocialLoginButtons.vue
+const _hoisted_1 = { class: "social-login-buttons space-y-3" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	__name: "SocialLoginButtons",
+	emits: ["login"],
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [
+				createElementVNode("button", {
+					type: "button",
+					class: "btn btn-outline w-full",
+					onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("login", "google"))
+				}, [..._cache[3] || (_cache[3] = [createElementVNode("span", { class: "mr-2" }, "🔍", -1), createTextVNode(" Sign in with Google ", -1)])]),
+				createElementVNode("button", {
+					type: "button",
+					class: "btn btn-outline w-full",
+					onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("login", "github"))
+				}, [..._cache[4] || (_cache[4] = [createElementVNode("span", { class: "mr-2" }, "🐱", -1), createTextVNode(" Sign in with GitHub ", -1)])]),
+				createElementVNode("button", {
+					type: "button",
+					class: "btn btn-outline w-full",
+					onClick: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("login", "facebook"))
+				}, [..._cache[5] || (_cache[5] = [createElementVNode("span", { class: "mr-2" }, "👤", -1), createTextVNode(" Sign in with Facebook ", -1)])])
+			]);
+		};
+	}
+});
+var SocialLoginButtons_default = _sfc_main;
+
+//#endregion
+//#region src/slices/admin/adminRoutes.ts
+const adminRoutes = [{
+	path: "/admin",
+	name: "Admin",
+	beforeEnter: [userIsSuperAdmin],
+	meta: { sectionTabs: [
+		{
+			id: "create-user",
+			label: "Create User",
+			to: { name: "CreateUser" }
+		},
+		{
+			id: "user-management",
+			label: "User Management",
+			to: { name: "UserManagement" }
+		},
+		{
+			id: "support-staff",
+			label: "Support Staff",
+			to: { name: "SupportStaff" }
+		},
+		{
+			id: "credit-management",
+			label: "Credit Management",
+			to: { name: "CreditManagement" }
+		},
+		{
+			id: "support-ticket-maintenance",
+			label: "Support Ticket Maintenance",
+			to: { name: "SupportTicketMaintenance" }
+		},
+		{
+			id: "signup-requirements",
+			label: "Signup Requirements",
+			to: { name: "SignupRequirements" }
+		}
+	] },
+	children: [
+		{
+			path: "create-user",
+			name: "CreateUser",
+			component: () => import("./CreateUserPage-C9uOeYDJ.js"),
+			meta: {
+				title: "Create User",
+				description: "Create User page for Category 5 App",
+				side_bar: {
+					section: " Admin",
+					visible_to: ["super_admin"]
+				}
+			}
+		},
+		{
+			path: "support-staff",
+			name: "SupportStaff",
+			component: () => import("./SupportStaffPage-B69-kuvg.js"),
+			meta: {
+				title: "Support Staff",
+				description: "Manage users who can triage support tickets",
+				side_bar: {
+					section: " Admin",
+					visible_to: ["super_admin"]
+				}
+			}
+		},
+		{
+			path: "users",
+			name: "UserManagement",
+			component: () => import("./UserListPage-Bmwg0an5.js"),
+			meta: {
+				title: "User Management",
+				description: "View and manage all users",
+				side_bar: {
+					section: " Admin",
+					visible_to: ["super_admin"]
+				}
+			}
+		},
+		{
+			path: "users/:id/edit",
+			name: "EditUser",
+			component: () => import("./EditUserPage-C0K7EGjM.js"),
+			meta: {
+				title: "Edit User",
+				description: "Edit user role",
+				breadcrumbs: [
+					{
+						label: "Home",
+						to: { name: "Home" }
+					},
+					{
+						label: "User Management",
+						to: { name: "UserManagement" }
+					},
+					{
+						label: "Edit User",
+						to: { name: "EditUser" }
+					}
+				]
+			}
+		},
+		{
+			path: "credit-management",
+			name: "CreditManagement",
+			component: () => import("./CreditManagement-DXdIN-0d.js"),
+			meta: {
+				title: "Credit Management",
+				description: "Manage customer credits and allocations",
+				side_bar: {
+					section: " Admin",
+					visible_to: ["super_admin"]
+				}
+			}
+		},
+		{
+			path: "support-ticket-maintenance",
+			name: "SupportTicketMaintenance",
+			component: () => import("./SupportTicketMaintenancePage-Bptja-xb.js"),
+			meta: {
+				title: "Support Ticket Maintenance",
+				description: "Admin utilities for fixing support ticket data",
+				side_bar: {
+					section: " Admin",
+					visible_to: ["super_admin"]
+				}
+			}
+		},
+		{
+			path: "signup-requirements",
+			name: "SignupRequirements",
+			component: () => import("./SignupRequirementsPage-Cf-ElkEq.js"),
+			meta: {
+				title: "Signup Requirements",
+				description: "Configure consent checkboxes shown on signup and consent-required flows",
+				side_bar: {
+					section: " Admin",
+					visible_to: ["super_admin"]
+				}
+			}
+		}
+	]
+}];
+
+//#endregion
+//#region src/slices/customer/creditRoutes.ts
+const creditPaths = { credit_balance: {
+	path: "",
+	full_path: "/credits",
+	name: "CreditBalanceDashboard"
+} };
+const creditRoutes = [{
+	path: "/credits",
+	name: "Credits",
+	beforeEnter: [userAuthenticated, leadOrStaffOnly],
+	meta: {},
+	children: [{
+		path: creditPaths.credit_balance.path,
+		name: creditPaths.credit_balance.name,
+		component: () => import("./CreditBalanceDashboard-0HiJE_OS.js"),
+		meta: {
+			title: "Credit Balance",
+			description: "View your current credit balance and history.",
+			side_bar: {
+				section: "Support",
+				visible_to: [
+					"lead",
+					"staff",
+					"super_admin"
+				]
+			}
+		}
+	}]
+}];
+
+//#endregion
+export { timezones as A, UnverifiedEmailBanner_default as B, SupportTicketStatusBadge_default as C, TeamAttachmentsTab_default as D, teamFiltersSchemaWithMetadata as E, FieldDisplay_default as F, NotFound_default as G, Sidebar_default as H, InApp_default as I, InputModal_default as J, Navbar_default as K, Default_default as L, KeyValueEditor_default as M, FileManager_default as N, userRoutes as O, FieldGroup_default as P, Auth_default as R, customerSupportTicketRowSchemaWithMetadata as S, teamMemberFiltersSchemaWithMetadata as T, useBuildTag as U, useEmailVerificationGuard as V, RightSidebar_default as W, AppTabNavigation_default as X, AppHeader_default as Y, DragoncoreVue as Z, CompleteSupportTicketForm_default as _, authPaths as a, CustomerCreditBalance_default as b, useSupportTicketPermissions as c, CreditBalanceWidget_default as d, StaffSupportTicketList_default as f, ConvertToCustomerWorkflow_default as g, ConvertToInternalWorkflow_default as h, SocialLoginButtons_default as i, SummarySection_default as j, userAlreadyLoggedIn as k, adminSupportTicketFiltersSchemaWithMetadata as l, ReactivateInternalTaskWorkflow_default as m, creditRoutes as n, authRoutes as o, adminSupportTicketRowSchemaWithMetadata as p, LoginButton_default as q, adminRoutes as r, useSupportTicketStatus as s, creditPaths as t, SupportTicketAttachments_default as u, CancelInternalTaskWorkflow_default as v, SupportTicketTimeline_default as w, CustomerSupportTicketList_default as x, ApproveRejectActions_default as y, Admin_default as z };
+//# sourceMappingURL=src-DVe_0RO9.js.map