@dragonmastery/dragoncore-vue 0.0.4 → 0.0.6

package/dist/{src-ChwBeNHB.js → src-wQ7pAFHx.js}

@@ -2,22 +2,22 @@ import { c as setRefreshTokenHandler, i as setRouter, l as useUserSessionStore,
 import { t as useMutation } from "./useMutation-B4_S4Xoa.js";
 import { t as useQuery } from "./useQuery-B7ndu5_P.js";
 import { t as AppLink_default } from "./AppLink-CHMMrSFI.js";
-import { a as InlineAttachments_default, c as SupportTicketTypeBadge_default, d as ConfirmDialog_default, i as SupportTicketApprovalBadge_default, l as SupportTicketPriorityBadge_default, o as formatCustomerCreditValue, s as formatStaffCreditValue } from "./TimelineSystemEvent-B69B3eeL.js";
+import { a as SupportTicketTypeBadge_default, c as formatCustomerCreditValue, d as ConfirmDialog_default, i as SupportTicketApprovalBadge_default, l as formatStaffCreditValue, o as SupportTicketPriorityBadge_default, s as InlineAttachments_default } from "./TimelineSystemEvent-D58zN850.js";
 import { n as export_helper_default } from "./TeamMembersTab-4gmnP9sD.js";
 import { n as useBreadcrumbs, t as BREADCRUMB_KEY } from "./useBreadcrumbs-DmgSucoe.js";
 import { i as FieldsetSection_default, n as teamMemberCreateSchemaWithMetadata } from "./EditTeamMemberForm-CKbKomrL.js";
 import { r as ZiniaContainer_default } from "./TeamHistoryTab-CNelXR3Q.js";
 import { n as formatToISODate, r as formatUserDate, t as formatSystemTimestamp } from "./convertToLocalDateTime-DOSGtMn8.js";
 import { t as extractRpcErrorMessage } from "./extractRpcErrorMessage-C_UbKgHL.js";
-import { t as formatTicketDisplayId } from "./displayIdFormatter-BoKcrgF5.js";
-import { t as SupportTicketDevLifecycleBadge_default } from "./SupportTicketDevLifecycleBadge-Cl4y47Sy.js";
+import { t as formatTicketDisplayId } from "./displayIdFormatter-B1ZKgofu.js";
+import { t as SupportTicketDevLifecycleBadge_default } from "./SupportTicketDevLifecycleBadge-Ba-Rm6QW.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createStaticVNode, createTextVNode, createVNode, defineComponent, inject, 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 _imports_0 from "/android-chrome-192x192-20250721.png";
 import _imports_0$1 from "/images/logo_words-20250721.png";
 import _imports_0$2 from "/images/logo-20250721.png";
 import "/home/runner/work/follow-zap/follow-zap/libs/dragoncore-vue/src/components/ui/KeyValueEditor.vue?vue&type=style&index=0&scoped=010818ef&lang.css";
-import { AddCreditsSchema, CompleteSupportTicketSchema, CreditTransactionReadSchema, CustomerSupportTicketCreateSchema, CustomerSupportTicketReadSchema, CustomerSupportTicketUpdateSchema, MAX_PRESETS_PER_CONTEXT, OPERATORS, SUPPORT_TICKET_APPROVAL_FILTER_OPTIONS, SUPPORT_TICKET_DEV_LIFECYCLE_FILTER_OPTIONS, SUPPORT_TICKET_PRIORITY_FILTER_OPTIONS, SUPPORT_TICKET_PRIORITY_NUMBER_TO_LABEL, SUPPORT_TICKET_PRIORITY_TO_NUMBER, SUPPORT_TICKET_STATUS_FILTER_OPTIONS, SUPPORT_TICKET_TYPE_FILTER_OPTIONS, SetMonthlyAllocationSchema, StaffSupportTicketCreateSchema, StaffSupportTicketFiltersSchema, StaffSupportTicketReadSchema, StaffSupportTicketUpdateSchema, TeamCreateSchema, TeamFiltersSchema, TeamMemberFiltersSchema, TeamMemberReadSchema, TeamReadSchema, TeamUpdateSchema, formatDollar, resetPasswordInputSchema } from "@dragonmastery/dragoncore-shared";
+import { AddCreditsSchema, CompleteSupportTicketSchema, CreditTransactionReadSchema, CustomerSupportTicketCreateSchema, CustomerSupportTicketReadSchema, CustomerSupportTicketUpdateSchema, MAX_PRESETS_PER_CONTEXT, OPERATORS, SUPPORT_TICKET_APPROVAL_FILTER_OPTIONS, SUPPORT_TICKET_DEV_LIFECYCLE_FILTER_OPTIONS, SUPPORT_TICKET_PRIORITY_FILTER_OPTIONS, SUPPORT_TICKET_PRIORITY_NUMBER_TO_LABEL, SUPPORT_TICKET_PRIORITY_TO_NUMBER, SUPPORT_TICKET_STATUS_FILTER_OPTIONS, SUPPORT_TICKET_TYPE_FILTER_OPTIONS, SetMonthlyAllocationSchema, StaffSupportTicketCreateSchema, StaffSupportTicketFiltersSchema, StaffSupportTicketReadSchema, StaffSupportTicketUpdateSchema, SupportTicketDevLifecycleUpdateEnum, TeamCreateSchema, TeamFiltersSchema, TeamMemberFiltersSchema, TeamMemberReadSchema, TeamReadSchema, TeamUpdateSchema, formatDollar, resetPasswordInputSchema, supportTicketPriorityToNumber } from "@dragonmastery/dragoncore-shared";
 import { ActionIcons, useCursorDataTable, useDataTableUrlSync, useForm, withMetadata } from "@dragonmastery/zinia-forms-core";
 import { toast } from "vue3-toastify";
 import "/home/runner/work/follow-zap/follow-zap/libs/dragoncore-vue/src/slices/support_ticket/shared/CreditBalanceWidget.vue?vue&type=style&index=0&scoped=703dc3c5&lang.css";
@@ -57,11 +57,11 @@ const DragoncoreVue = { install(_app, options) {
 const _hoisted_1$58 = { class: "w-full" };
 const _hoisted_2$53 = { class: "md:hidden relative" };
 const _hoisted_3$48 = { class: "font-medium" };
-const _hoisted_4$41 = {
+const _hoisted_4$42 = {
 	key: 0,
 	class: "absolute z-20 w-full bg-base-100 shadow-lg"
 };
-const _hoisted_5$31 = ["onClick"];
+const _hoisted_5$32 = ["onClick"];
 const _hoisted_6$26 = { class: "hidden md:flex items-center overflow-x-auto" };
 const _hoisted_7$22 = { class: "flex-1 flex" };
 const _hoisted_8$22 = ["onClick"];
@@ -126,7 +126,7 @@ const _sfc_main$63 = /* @__PURE__ */ defineComponent({
 						d: "M19 9l-7 7-7-7"
 					})], -1))]),
 					createCommentVNode(" Dropdown menu "),
-					isMenuOpen.value ? (openBlock(), createElementBlock("div", _hoisted_4$41, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.tabs, (tab, index) => {
+					isMenuOpen.value ? (openBlock(), createElementBlock("div", _hoisted_4$42, [(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,
@@ -139,7 +139,7 @@ const _sfc_main$63 = /* @__PURE__ */ defineComponent({
 							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$31))], 64);
+						}, toDisplayString(tab.label), 11, _hoisted_5$32))], 64);
 					}), 128))])) : createCommentVNode("v-if", true)
 				]),
 				createCommentVNode(" Desktop view: Show horizontal tabs on medium screens and up "),
@@ -212,8 +212,8 @@ var AppHeader_default = _sfc_main$62;
 const _hoisted_1$56 = { class: "modal-box max-w-md w-full max-h-[90vh] flex flex-col p-0" };
 const _hoisted_2$51 = { class: "flex justify-between items-center p-6 pb-4 border-b border-base-300 flex-shrink-0" };
 const _hoisted_3$46 = { class: "font-bold text-lg" };
-const _hoisted_4$40 = { class: "modal-content flex-1 overflow-y-auto p-6" };
-const _hoisted_5$30 = {
+const _hoisted_4$41 = { class: "modal-content flex-1 overflow-y-auto p-6" };
+const _hoisted_5$31 = {
 	method: "dialog",
 	class: "modal-backdrop"
 };
@@ -260,8 +260,8 @@ const _sfc_main$61 = /* @__PURE__ */ defineComponent({
 					d: "M6 18L18 6M6 6l12 12"
 				})], -1)])])]),
 				createCommentVNode(" Content slot - scrollable area "),
-				createElementVNode("div", _hoisted_4$40, [renderSlot(_ctx.$slots, "default")])
-			]), createElementVNode("form", _hoisted_5$30, [createElementVNode("button", {
+				createElementVNode("div", _hoisted_4$41, [renderSlot(_ctx.$slots, "default")])
+			]), createElementVNode("form", _hoisted_5$31, [createElementVNode("button", {
 				type: "button",
 				onClick: withModifiers(handleClose, ["prevent"])
 			}, "close")])], 512);
@@ -275,8 +275,8 @@ var BaseModal_default = _sfc_main$61;
 const _hoisted_1$55 = { class: "modal-box" };
 const _hoisted_2$50 = { class: "font-bold text-lg" };
 const _hoisted_3$45 = { class: "py-4" };
-const _hoisted_4$39 = { class: "form-control w-full" };
-const _hoisted_5$29 = { class: "label" };
+const _hoisted_4$40 = { class: "form-control w-full" };
+const _hoisted_5$30 = { class: "label" };
 const _hoisted_6$25 = { class: "label-text" };
 const _hoisted_7$21 = ["placeholder"];
 const _hoisted_8$21 = {
@@ -339,8 +339,8 @@ const _sfc_main$60 = /* @__PURE__ */ defineComponent({
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", { class: normalizeClass(["modal", { "modal-open": __props.modelValue }]) }, [createElementVNode("div", _hoisted_1$55, [
 				createElementVNode("h3", _hoisted_2$50, toDisplayString(__props.title), 1),
-				createElementVNode("div", _hoisted_3$45, [createElementVNode("label", _hoisted_4$39, [
-					createElementVNode("div", _hoisted_5$29, [createElementVNode("span", _hoisted_6$25, toDisplayString(__props.label), 1)]),
+				createElementVNode("div", _hoisted_3$45, [createElementVNode("label", _hoisted_4$40, [
+					createElementVNode("div", _hoisted_5$30, [createElementVNode("span", _hoisted_6$25, toDisplayString(__props.label), 1)]),
 					withDirectives(createElementVNode("input", {
 						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event),
 						type: "text",
@@ -387,8 +387,8 @@ var LoginButton_default = /* @__PURE__ */ export_helper_default(_sfc_main$59, [[
 const _hoisted_1$54 = { 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$49 = { class: "navbar w-full" };
 const _hoisted_3$44 = { class: "flex flex-1 md:gap-1 lg:gap-2" };
-const _hoisted_4$38 = { class: "items-center gap-2 flex" };
-const _hoisted_5$28 = {
+const _hoisted_4$39 = { class: "items-center gap-2 flex" };
+const _hoisted_5$29 = {
 	key: 0,
 	class: "hidden md:flex items-center ml-4"
 };
@@ -447,7 +447,7 @@ const _sfc_main$58 = /* @__PURE__ */ defineComponent({
 				"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$38, [
+			})])], -1)), createElementVNode("div", _hoisted_4$39, [
 				createVNode(AppLink_default, {
 					to: "/",
 					"aria-current": "page",
@@ -461,7 +461,7 @@ const _sfc_main$58 = /* @__PURE__ */ defineComponent({
 					_: 1
 				}),
 				createCommentVNode(" Breadcrumbs in navbar - Desktop view "),
-				__props.breadcrumbs && __props.breadcrumbs.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_5$28, [createElementVNode("div", _hoisted_6$24, [
+				__props.breadcrumbs && __props.breadcrumbs.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_5$29, [createElementVNode("div", _hoisted_6$24, [
 					(openBlock(true), createElementBlock(Fragment, null, renderList(__props.breadcrumbs, (crumb, index) => {
 						return openBlock(), createElementBlock(Fragment, { key: index }, [
 							createCommentVNode(" Link for all but the last item "),
@@ -545,7 +545,7 @@ var NotFound_default = _sfc_main$57;
 const _hoisted_1$52 = { class: "drawer-side z-50" };
 const _hoisted_2$47 = { class: "menu p-3 w-80 h-full bg-base-200 text-base-content" };
 const _hoisted_3$42 = { class: "flex pb-2" };
-const _hoisted_4$37 = { class: "pl-3" };
+const _hoisted_4$38 = { class: "pl-3" };
 const _sfc_main$56 = /* @__PURE__ */ defineComponent({
 	__name: "RightSidebar",
 	setup(__props) {
@@ -566,7 +566,7 @@ const _sfc_main$56 = /* @__PURE__ */ defineComponent({
 			}, null, -1)), createElementVNode("ul", _hoisted_2$47, [
 				createElementVNode("div", _hoisted_3$42, [
 					_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$37, toDisplayString(unref(userSession).currentSession?.user?.username), 1),
+					createElementVNode("label", _hoisted_4$38, 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",
@@ -693,8 +693,8 @@ const _hoisted_1$51 = {
 };
 const _hoisted_2$46 = { class: "w-80 bg-base-200 h-full flex flex-col" };
 const _hoisted_3$41 = { class: "flex-1 overflow-y-auto overflow-x-hidden min-h-0" };
-const _hoisted_4$36 = { class: "menu p-3 w-full text-base-content" };
-const _hoisted_5$27 = { class: "flex" };
+const _hoisted_4$37 = { class: "menu p-3 w-full text-base-content" };
+const _hoisted_5$28 = { class: "flex" };
 const _hoisted_6$23 = {
 	key: 0,
 	class: "w-full"
@@ -744,8 +744,8 @@ const _sfc_main$55 = /* @__PURE__ */ defineComponent({
 			return openBlock(), createElementBlock("div", _hoisted_1$51, [_cache[3] || (_cache[3] = createElementVNode("label", {
 				for: "drawer",
 				class: "drawer-overlay"
-			}, null, -1)), createElementVNode("aside", _hoisted_2$46, [createElementVNode("div", _hoisted_3$41, [createElementVNode("ul", _hoisted_4$36, [
-				createElementVNode("div", _hoisted_5$27, [
+			}, null, -1)), createElementVNode("aside", _hoisted_2$46, [createElementVNode("div", _hoisted_3$41, [createElementVNode("ul", _hoisted_4$37, [
+				createElementVNode("div", _hoisted_5$28, [
 					_cache[0] || (_cache[0] = createElementVNode("div", { class: "font-title inline-flex text-2xl text-primary transition-all duration-200" }, [createElementVNode("img", {
 						src: _imports_0$1,
 						alt: "logo",
@@ -798,7 +798,7 @@ var Sidebar_default = _sfc_main$55;
 const _hoisted_1$50 = { class: "drawer drawer-end" };
 const _hoisted_2$45 = { class: "drawer h-[calc(100vh_-_64px_-_64px)] bg-base-100" };
 const _hoisted_3$40 = { class: "drawer-content" };
-const _hoisted_4$35 = { class: "pr-1 pl-1 md:pr-4 md:pl-4" };
+const _hoisted_4$36 = { class: "pr-1 pl-1 md:pr-4 md:pl-4" };
 const _sfc_main$54 = /* @__PURE__ */ defineComponent({
 	__name: "Admin",
 	setup(__props) {
@@ -809,7 +809,7 @@ const _sfc_main$54 = /* @__PURE__ */ defineComponent({
 					type: "checkbox",
 					class: "drawer-toggle"
 				}, null, -1)),
-				createElementVNode("div", _hoisted_3$40, [createVNode(Navbar_default), createElementVNode("div", _hoisted_4$35, [createVNode(unref(RouterView))])]),
+				createElementVNode("div", _hoisted_3$40, [createVNode(Navbar_default), createElementVNode("div", _hoisted_4$36, [createVNode(unref(RouterView))])]),
 				createVNode(Sidebar_default)
 			])], 64);
 		};
@@ -861,11 +861,11 @@ var Default_default = _sfc_main$52;
 const _hoisted_1$47 = { class: "drawer drawer-end" };
 const _hoisted_2$43 = { class: "drawer h-[calc(100vh_)]" };
 const _hoisted_3$39 = { class: "drawer-content flex flex-col" };
-const _hoisted_4$34 = {
+const _hoisted_4$35 = {
 	key: 0,
 	class: "z-20"
 };
-const _hoisted_5$26 = { class: "flex-1 px-3 sm:px-4 md:px-6 pb-4" };
+const _hoisted_5$27 = { class: "flex-1 px-3 sm:px-4 md:px-6 pb-4" };
 const _sfc_main$51 = /* @__PURE__ */ defineComponent({
 	__name: "InApp",
 	setup(__props) {
@@ -941,12 +941,12 @@ const _sfc_main$51 = /* @__PURE__ */ defineComponent({
 							breadcrumbs: currentBreadcrumbs.value
 						}, null, 8, ["breadcrumbs"]),
 						createCommentVNode(" Unified navigation with AppHeader (only shown when needed) "),
-						shouldShowAppHeader.value ? (openBlock(), createElementBlock("div", _hoisted_4$34, [createVNode(AppHeader_default, {
+						shouldShowAppHeader.value ? (openBlock(), createElementBlock("div", _hoisted_4$35, [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$26, [createVNode(unref(RouterView))])
+						createElementVNode("div", _hoisted_5$27, [createVNode(unref(RouterView))])
 					]),
 					createCommentVNode(" Left sidebar "),
 					createVNode(Sidebar_default)
@@ -982,13 +982,13 @@ var FieldDisplay_default = _sfc_main$50;
 const _hoisted_1$45 = { class: "card bg-base-100 shadow-sm" };
 const _hoisted_2$41 = { class: "card-body" };
 const _hoisted_3$37 = { class: "card-title text-lg mb-4" };
-const _hoisted_4$33 = { class: "grid grid-cols-1 md:grid-cols-2 gap-4" };
+const _hoisted_4$34 = { class: "grid grid-cols-1 md:grid-cols-2 gap-4" };
 const _sfc_main$49 = /* @__PURE__ */ defineComponent({
 	__name: "FieldGroup",
 	props: { title: {} },
 	setup(__props) {
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$45, [createElementVNode("div", _hoisted_2$41, [createElementVNode("h2", _hoisted_3$37, toDisplayString(__props.title), 1), createElementVNode("div", _hoisted_4$33, [renderSlot(_ctx.$slots, "default")])])]);
+			return openBlock(), createElementBlock("div", _hoisted_1$45, [createElementVNode("div", _hoisted_2$41, [createElementVNode("h2", _hoisted_3$37, toDisplayString(__props.title), 1), createElementVNode("div", _hoisted_4$34, [renderSlot(_ctx.$slots, "default")])])]);
 		};
 	}
 });
@@ -999,8 +999,8 @@ var FieldGroup_default = _sfc_main$49;
 const _hoisted_1$44 = { class: "w-full px-2 sm:px-0" };
 const _hoisted_2$40 = { class: "mb-4" };
 const _hoisted_3$36 = { class: "flex flex-col sm:flex-row sm:justify-between sm:items-center gap-3 mb-3" };
-const _hoisted_4$32 = { class: "text-lg font-medium" };
-const _hoisted_5$25 = { class: "flex gap-2 sm:hidden" };
+const _hoisted_4$33 = { class: "text-lg font-medium" };
+const _hoisted_5$26 = { class: "flex gap-2 sm:hidden" };
 const _hoisted_6$22 = ["disabled"];
 const _hoisted_7$18 = { class: "breadcrumbs text-xs sm:text-sm overflow-x-auto -mx-2 px-2" };
 const _hoisted_8$18 = { class: "min-w-max" };
@@ -1494,9 +1494,9 @@ const _sfc_main$48 = /* @__PURE__ */ defineComponent({
 				createElementVNode("div", _hoisted_2$40, [
 					createCommentVNode(" Mobile: Stacked layout "),
 					createElementVNode("div", _hoisted_3$36, [
-						createElementVNode("h3", _hoisted_4$32, toDisplayString(config.value.title || "Attachments"), 1),
+						createElementVNode("h3", _hoisted_4$33, toDisplayString(config.value.title || "Attachments"), 1),
 						createCommentVNode(" Mobile: Action buttons "),
-						createElementVNode("div", _hoisted_5$25, [createElementVNode("button", {
+						createElementVNode("div", _hoisted_5$26, [createElementVNode("button", {
 							class: "btn btn-sm btn-primary flex-1",
 							onClick: openFileSelector,
 							disabled: isUploading.value
@@ -1845,8 +1845,8 @@ const _hoisted_3$35 = {
 	key: 0,
 	class: "label p-0"
 };
-const _hoisted_4$31 = { class: "label-text" };
-const _hoisted_5$24 = {
+const _hoisted_4$32 = { class: "label-text" };
+const _hoisted_5$25 = {
 	key: 1,
 	class: "text-xs text-base-content/60 mt-1"
 };
@@ -1952,7 +1952,7 @@ const _sfc_main$47 = /* @__PURE__ */ defineComponent({
 		};
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", _hoisted_1$43, [
-				__props.label || __props.helpText ? (openBlock(), createElementBlock("div", _hoisted_2$39, [__props.label ? (openBlock(), createElementBlock("label", _hoisted_3$35, [createElementVNode("span", _hoisted_4$31, toDisplayString(__props.label), 1)])) : createCommentVNode("v-if", true), __props.helpText ? (openBlock(), createElementBlock("p", _hoisted_5$24, toDisplayString(__props.helpText), 1)) : createCommentVNode("v-if", true)])) : createCommentVNode("v-if", true),
+				__props.label || __props.helpText ? (openBlock(), createElementBlock("div", _hoisted_2$39, [__props.label ? (openBlock(), createElementBlock("label", _hoisted_3$35, [createElementVNode("span", _hoisted_4$32, toDisplayString(__props.label), 1)])) : createCommentVNode("v-if", true), __props.helpText ? (openBlock(), createElementBlock("p", _hoisted_5$25, toDisplayString(__props.helpText), 1)) : createCommentVNode("v-if", true)])) : createCommentVNode("v-if", true),
 				__props.error ? (openBlock(), createElementBlock("div", _hoisted_6$21, toDisplayString(__props.error), 1)) : createCommentVNode("v-if", true),
 				createElementVNode("div", _hoisted_7$17, [
 					createCommentVNode(" Key-Value Pairs List "),
@@ -2028,8 +2028,8 @@ const _hoisted_1$42 = {
 };
 const _hoisted_2$38 = { class: "text-base-content/70 mt-2" };
 const _hoisted_3$34 = { class: "text-center py-8" };
-const _hoisted_4$30 = { class: "alert alert-error max-w-md mx-auto" };
-const _hoisted_5$23 = { class: "font-bold" };
+const _hoisted_4$31 = { class: "alert alert-error max-w-md mx-auto" };
+const _hoisted_5$24 = { class: "font-bold" };
 const _hoisted_6$20 = { class: "text-sm" };
 const _sfc_main$46 = /* @__PURE__ */ defineComponent({
 	__name: "LoadingErrorStates",
@@ -2054,7 +2054,7 @@ const _sfc_main$46 = /* @__PURE__ */ defineComponent({
 			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" Loading State "), __props.isLoading ? (openBlock(), createElementBlock("div", _hoisted_1$42, [renderSlot(_ctx.$slots, "loading", {}, () => [_cache[0] || (_cache[0] = createElementVNode("div", { class: "flex justify-center" }, [createElementVNode("span", { class: "loading loading-spinner loading-lg" })], -1)), createElementVNode("p", _hoisted_2$38, toDisplayString(config.value.loadingText || "Loading..."), 1)])])) : __props.error ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createCommentVNode(" Error State "), createElementVNode("div", _hoisted_3$34, [renderSlot(_ctx.$slots, "error", {
 				error: __props.error,
 				retry: handleRetry
-			}, () => [createElementVNode("div", _hoisted_4$30, [_cache[1] || (_cache[1] = createElementVNode("svg", {
+			}, () => [createElementVNode("div", _hoisted_4$31, [_cache[1] || (_cache[1] = createElementVNode("svg", {
 				xmlns: "http://www.w3.org/2000/svg",
 				class: "stroke-current shrink-0 h-6 w-6",
 				fill: "none",
@@ -2065,7 +2065,7 @@ const _sfc_main$46 = /* @__PURE__ */ defineComponent({
 				"stroke-width": "2",
 				d: "M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"
 			})], -1)), createElementVNode("div", null, [
-				createElementVNode("h3", _hoisted_5$23, toDisplayString(config.value.errorTitle || "Error"), 1),
+				createElementVNode("h3", _hoisted_5$24, toDisplayString(config.value.errorTitle || "Error"), 1),
 				createElementVNode("div", _hoisted_6$20, toDisplayString(getErrorMessage(__props.error)), 1),
 				config.value.showRetry !== false ? (openBlock(), createElementBlock("button", {
 					key: 0,
@@ -2086,8 +2086,8 @@ const _hoisted_1$41 = {
 };
 const _hoisted_2$37 = { class: "card-body p-3 sm:p-5" };
 const _hoisted_3$33 = { class: "flex justify-between items-center" };
-const _hoisted_4$29 = { class: "card-title text-base sm:text-lg" };
-const _hoisted_5$22 = { key: 0 };
+const _hoisted_4$30 = { class: "card-title text-base sm:text-lg" };
+const _hoisted_5$23 = { key: 0 };
 const _hoisted_6$19 = { class: "hidden md:block overflow-x-auto mt-4" };
 const _hoisted_7$16 = { class: "table table-zebra table-sm" };
 const _hoisted_8$16 = { class: "font-mono text-xs" };
@@ -2142,10 +2142,10 @@ const _sfc_main$45 = /* @__PURE__ */ defineComponent({
 			return defaultValueFormatter(value);
 		}
 		return (_ctx, _cache) => {
-			return __props.changedFields.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$41, [createElementVNode("div", _hoisted_2$37, [createElementVNode("div", _hoisted_3$33, [createElementVNode("h2", _hoisted_4$29, toDisplayString(config.value.title || "Changes in This Version"), 1), createElementVNode("button", {
+			return __props.changedFields.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$41, [createElementVNode("div", _hoisted_2$37, [createElementVNode("div", _hoisted_3$33, [createElementVNode("h2", _hoisted_4$30, toDisplayString(config.value.title || "Changes in This Version"), 1), createElementVNode("button", {
 				onClick: _cache[0] || (_cache[0] = ($event) => showChanges.value = !showChanges.value),
 				class: "btn btn-sm btn-info"
-			}, toDisplayString(showChanges.value ? config.value.hideText || "Hide Changes" : config.value.showText || "Show Changes"), 1)]), showChanges.value ? (openBlock(), createElementBlock("div", _hoisted_5$22, [
+			}, toDisplayString(showChanges.value ? config.value.hideText || "Hide Changes" : config.value.showText || "Show Changes"), 1)]), showChanges.value ? (openBlock(), createElementBlock("div", _hoisted_5$23, [
 				createCommentVNode(" Desktop view - table format "),
 				createElementVNode("div", _hoisted_6$19, [createElementVNode("table", _hoisted_7$16, [createElementVNode("thead", null, [createElementVNode("tr", null, [
 					createElementVNode("th", null, toDisplayString(config.value.fieldColumnHeader || "Field"), 1),
@@ -2179,8 +2179,8 @@ const _hoisted_2$36 = {
 	class: "space-y-4"
 };
 const _hoisted_3$32 = { class: "alert alert-error shadow-lg text-sm" };
-const _hoisted_4$28 = { class: "font-bold" };
-const _hoisted_5$21 = { class: "text-sm" };
+const _hoisted_4$29 = { class: "font-bold" };
+const _hoisted_5$22 = { class: "text-sm" };
 const _hoisted_6$18 = { class: "alert alert-info shadow-lg text-sm" };
 const _hoisted_7$15 = { class: "space-y-3 max-w-4xl mx-auto" };
 const _hoisted_8$15 = { class: "card-body p-4" };
@@ -2288,7 +2288,7 @@ const _sfc_main$44 = /* @__PURE__ */ defineComponent({
 					"stroke-width": "2",
 					d: "M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"
 				})], -1)),
-				createElementVNode("div", null, [createElementVNode("h3", _hoisted_4$28, toDisplayString(config.value.errorTitle || "Error Loading Version History"), 1), createElementVNode("div", _hoisted_5$21, toDisplayString(__props.error.message), 1)]),
+				createElementVNode("div", null, [createElementVNode("h3", _hoisted_4$29, toDisplayString(config.value.errorTitle || "Error Loading Version History"), 1), createElementVNode("div", _hoisted_5$22, toDisplayString(__props.error.message), 1)]),
 				createElementVNode("button", {
 					class: "btn btn-xs",
 					onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("retry"))
@@ -2337,11 +2337,11 @@ var RecordVersionList_default = _sfc_main$44;
 const _hoisted_1$39 = { class: "sticky top-0 z-10 bg-base-100 shadow-sm" };
 const _hoisted_2$35 = { class: "flex justify-between items-center p-4 border-b" };
 const _hoisted_3$31 = { class: "text-lg font-semibold" };
-const _hoisted_4$27 = {
+const _hoisted_4$28 = {
 	key: 0,
 	class: "text-sm text-base-content/70"
 };
-const _hoisted_5$20 = { class: "flex gap-2" };
+const _hoisted_5$21 = { class: "flex gap-2" };
 const _hoisted_6$17 = ["disabled"];
 const _hoisted_7$14 = {
 	key: 0,
@@ -2429,7 +2429,7 @@ const _sfc_main$43 = /* @__PURE__ */ defineComponent({
 					version: __props.version,
 					isLoading: __props.isLoading,
 					isRestoring: __props.isRestoring
-				}, () => [createCommentVNode(" Default header "), createElementVNode("div", _hoisted_2$35, [createElementVNode("div", null, [createElementVNode("h1", _hoisted_3$31, toDisplayString(config.value.title || `View ${config.value.recordDisplayName || "Record"} Version`), 1), __props.version ? (openBlock(), createElementBlock("div", _hoisted_4$27, toDisplayString(formatVersionInfo(__props.version)), 1)) : createCommentVNode("v-if", true)]), createElementVNode("div", _hoisted_5$20, [
+				}, () => [createCommentVNode(" Default header "), createElementVNode("div", _hoisted_2$35, [createElementVNode("div", null, [createElementVNode("h1", _hoisted_3$31, toDisplayString(config.value.title || `View ${config.value.recordDisplayName || "Record"} Version`), 1), __props.version ? (openBlock(), createElementBlock("div", _hoisted_4$28, toDisplayString(formatVersionInfo(__props.version)), 1)) : createCommentVNode("v-if", true)]), createElementVNode("div", _hoisted_5$21, [
 					createCommentVNode(" Back button "),
 					config.value.onBack ? (openBlock(), createElementBlock("button", {
 						key: 0,
@@ -3103,7 +3103,7 @@ const teamMemberRoutes = [
 	{
 		path: teamMemberPaths.list.path,
 		name: teamMemberPaths.list.name,
-		component: () => import("./TeamMemberList-CQTxcWNS.js"),
+		component: () => import("./TeamMemberList-DOG48Y0Q.js"),
 		beforeEnter: [userAuthenticated],
 		meta: {
 			title: "Team Members",
@@ -3113,7 +3113,7 @@ const teamMemberRoutes = [
 	{
 		path: teamMemberPaths.create.path,
 		name: teamMemberPaths.create.name,
-		component: () => import("./CreateTeamMemberForm-DkCbsJDn.js"),
+		component: () => import("./CreateTeamMemberForm-BzwDug0x.js"),
 		beforeEnter: [userAuthenticated],
 		meta: {
 			title: "Create Team Member",
@@ -3122,7 +3122,7 @@ const teamMemberRoutes = [
 	},
 	{
 		path: teamMemberPaths.view.path,
-		component: () => import("./TeamMemberParent-Bt0kbyKQ.js"),
+		component: () => import("./TeamMemberParent-CTrhsG1K.js"),
 		beforeEnter: [userAuthenticated],
 		meta: { sectionTabs: [{
 			id: "view",
@@ -3136,7 +3136,7 @@ const teamMemberRoutes = [
 		children: [{
 			path: "",
 			name: teamMemberPaths.view.name,
-			component: () => import("./ViewTeamMember-CBTAnAhS.js"),
+			component: () => import("./ViewTeamMember-DjbxMkB4.js"),
 			meta: {
 				title: "View Team Member",
 				description: "View team member details",
@@ -3209,7 +3209,7 @@ const teamRoutes = [{
 		{
 			path: teamPaths.list.path,
 			name: teamPaths.list.name,
-			component: () => import("./TeamList-TpS3BhPd.js"),
+			component: () => import("./TeamList-BaZfSOG4.js"),
 			meta: {
 				title: "Teams",
 				description: "Manage teams",
@@ -3227,7 +3227,7 @@ const teamRoutes = [{
 		{
 			path: teamPaths.create.path,
 			name: teamPaths.create.name,
-			component: () => import("./CreateTeamForm-zVlGgmL9.js"),
+			component: () => import("./CreateTeamForm-O_viMOrD.js"),
 			meta: {
 				title: "Create Team",
 				description: "Create new team",
@@ -3242,7 +3242,7 @@ const teamRoutes = [{
 		},
 		{
 			path: teamPaths.view.path,
-			component: () => import("./TeamParent-BvLiiJq6.js"),
+			component: () => import("./TeamParent-myjqz30R.js"),
 			meta: { sectionTabs: [
 				{
 					id: "view",
@@ -3279,7 +3279,7 @@ const teamRoutes = [{
 				{
 					path: "",
 					name: teamPaths.view.name,
-					component: () => import("./ViewTeam-Bb1WH_Us.js"),
+					component: () => import("./ViewTeam-DRQuV1A3.js"),
 					meta: {
 						title: "View Team",
 						description: "View team details",
@@ -3289,7 +3289,7 @@ const teamRoutes = [{
 				{
 					path: teamPaths.edit.path,
 					name: teamPaths.edit.name,
-					component: () => import("./EditTeamForm-BM90JTjr.js"),
+					component: () => import("./EditTeamForm-CKnK07nF.js"),
 					meta: {
 						title: "Edit Team",
 						description: "Edit team details",
@@ -3309,7 +3309,7 @@ const teamRoutes = [{
 				{
 					path: teamPaths.attachments.path,
 					name: teamPaths.attachments.name,
-					component: () => import("./TeamAttachmentsTab-BoOIuTU1.js"),
+					component: () => import("./TeamAttachmentsTab-DaCRkUsF.js"),
 					meta: {
 						title: "Team Attachments",
 						description: "View and manage attachments",
@@ -3353,11 +3353,11 @@ const _hoisted_2$33 = {
 	class: "flex flex-col items-center justify-center p-8"
 };
 const _hoisted_3$29 = { class: "mt-4 text-lg" };
-const _hoisted_4$26 = {
+const _hoisted_4$27 = {
 	key: 0,
 	class: "alert alert-error mb-4"
 };
-const _hoisted_5$19 = { class: "flex justify-center mt-6" };
+const _hoisted_5$20 = { class: "flex justify-center mt-6" };
 const _sfc_main$41 = /* @__PURE__ */ defineComponent({
 	__name: "CreateTeamForm",
 	setup(__props) {
@@ -3447,7 +3447,7 @@ const _sfc_main$41 = /* @__PURE__ */ defineComponent({
 						_: 1
 					}),
 					createCommentVNode(" Form Status Messages "),
-					unref(form).submitError ? (openBlock(), createElementBlock("div", _hoisted_4$26, [_cache[1] || (_cache[1] = createElementVNode("svg", {
+					unref(form).submitError ? (openBlock(), createElementBlock("div", _hoisted_4$27, [_cache[1] || (_cache[1] = createElementVNode("svg", {
 						xmlns: "http://www.w3.org/2000/svg",
 						class: "stroke-current shrink-0 h-6 w-6",
 						fill: "none",
@@ -3459,7 +3459,7 @@ const _sfc_main$41 = /* @__PURE__ */ defineComponent({
 						d: "M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"
 					})], -1)), createElementVNode("span", null, toDisplayString(unref(form).submitError), 1)])) : createCommentVNode("v-if", true),
 					createCommentVNode(" Submit Button "),
-					createElementVNode("div", _hoisted_5$19, [createVNode(unref(ZiniaSubmitButton), {
+					createElementVNode("div", _hoisted_5$20, [createVNode(unref(ZiniaSubmitButton), {
 						submitText: "Create Team",
 						submittingText: "Creating Team..."
 					})]),
@@ -3487,7 +3487,7 @@ const _hoisted_3$28 = {
 	key: 0,
 	class: "alert alert-error mb-4"
 };
-const _hoisted_4$25 = { class: "flex justify-center mt-6" };
+const _hoisted_4$26 = { class: "flex justify-center mt-6" };
 const _sfc_main$40 = /* @__PURE__ */ defineComponent({
 	__name: "EditTeamForm",
 	props: {
@@ -3611,7 +3611,7 @@ const _sfc_main$40 = /* @__PURE__ */ defineComponent({
 						d: "M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"
 					})], -1)), createElementVNode("span", null, toDisplayString(unref(form).submitError), 1)])) : createCommentVNode("v-if", true),
 					createCommentVNode(" Submit Button "),
-					createElementVNode("div", _hoisted_4$25, [createVNode(unref(ZiniaSubmitButton), {
+					createElementVNode("div", _hoisted_4$26, [createVNode(unref(ZiniaSubmitButton), {
 						submitText: "Update Team",
 						submittingText: "Updating Team..."
 					})]),
@@ -3901,8 +3901,8 @@ const _hoisted_2$30 = {
 	class: "alert alert-error mb-4"
 };
 const _hoisted_3$27 = { class: "mb-4" };
-const _hoisted_4$24 = { class: "text-xl sm:text-2xl font-bold text-base-content break-words leading-tight" };
-const _hoisted_5$18 = { class: "flex flex-wrap items-center gap-2 mt-2" };
+const _hoisted_4$25 = { class: "text-xl sm:text-2xl font-bold text-base-content break-words leading-tight" };
+const _hoisted_5$19 = { class: "flex flex-wrap items-center gap-2 mt-2" };
 const _hoisted_6$16 = { class: "badge badge-sm badge-primary" };
 const _hoisted_7$13 = {
 	key: 0,
@@ -4028,7 +4028,7 @@ const _sfc_main$35 = /* @__PURE__ */ defineComponent({
 			})], -1)), createElementVNode("span", null, toDisplayString(__props.error.message), 1)])) : teamData.value ? (openBlock(), createBlock(ZiniaContainer_default, { key: 2 }, {
 				default: withCtx(() => [
 					createCommentVNode(" Header with Title "),
-					createElementVNode("div", _hoisted_3$27, [createElementVNode("h1", _hoisted_4$24, toDisplayString(teamData.value.display_name), 1), createElementVNode("div", _hoisted_5$18, [createElementVNode("span", _hoisted_6$16, toDisplayString(teamData.value.unique_name), 1), teamData.value.archived_at ? (openBlock(), createElementBlock("span", _hoisted_7$13, "Archived")) : (openBlock(), createElementBlock("span", _hoisted_8$13, "Active"))])]),
+					createElementVNode("div", _hoisted_3$27, [createElementVNode("h1", _hoisted_4$25, toDisplayString(teamData.value.display_name), 1), createElementVNode("div", _hoisted_5$19, [createElementVNode("span", _hoisted_6$16, toDisplayString(teamData.value.unique_name), 1), teamData.value.archived_at ? (openBlock(), createElementBlock("span", _hoisted_7$13, "Archived")) : (openBlock(), createElementBlock("span", _hoisted_8$13, "Active"))])]),
 					createCommentVNode(" Description "),
 					teamData.value.description ? (openBlock(), createElementBlock("div", _hoisted_9$12, [createElementVNode("p", _hoisted_10$9, toDisplayString(teamData.value.description), 1)])) : createCommentVNode("v-if", true),
 					createCommentVNode(" Team Information Grid "),
@@ -4113,11 +4113,11 @@ const _hoisted_2$29 = {
 	class: "flex flex-col items-center justify-center p-8"
 };
 const _hoisted_3$26 = { class: "mt-4 text-lg" };
-const _hoisted_4$23 = {
+const _hoisted_4$24 = {
 	key: 0,
 	class: "alert alert-error mb-4"
 };
-const _hoisted_5$17 = { class: "flex justify-center mt-6" };
+const _hoisted_5$18 = { class: "flex justify-center mt-6" };
 const _sfc_main$34 = /* @__PURE__ */ defineComponent({
 	__name: "CreateTeamMemberForm",
 	setup(__props) {
@@ -4204,7 +4204,7 @@ const _sfc_main$34 = /* @__PURE__ */ defineComponent({
 						_: 1
 					}),
 					createCommentVNode(" Form Status Messages "),
-					unref(form).submitError ? (openBlock(), createElementBlock("div", _hoisted_4$23, [_cache[1] || (_cache[1] = createElementVNode("svg", {
+					unref(form).submitError ? (openBlock(), createElementBlock("div", _hoisted_4$24, [_cache[1] || (_cache[1] = createElementVNode("svg", {
 						xmlns: "http://www.w3.org/2000/svg",
 						class: "stroke-current shrink-0 h-6 w-6",
 						fill: "none",
@@ -4216,7 +4216,7 @@ const _sfc_main$34 = /* @__PURE__ */ defineComponent({
 						d: "M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"
 					})], -1)), createElementVNode("span", null, toDisplayString(unref(form).submitError), 1)])) : createCommentVNode("v-if", true),
 					createCommentVNode(" Submit Button "),
-					createElementVNode("div", _hoisted_5$17, [createVNode(unref(ZiniaSubmitButton), {
+					createElementVNode("div", _hoisted_5$18, [createVNode(unref(ZiniaSubmitButton), {
 						submitText: "Create Team Member",
 						submittingText: "Creating Team Member..."
 					})]),
@@ -4499,8 +4499,8 @@ const _hoisted_2$27 = {
 	class: "alert alert-error mb-4"
 };
 const _hoisted_3$25 = { class: "mb-4" };
-const _hoisted_4$22 = { class: "text-xl sm:text-2xl font-bold text-base-content break-words leading-tight" };
-const _hoisted_5$16 = { class: "flex flex-wrap items-center gap-2 mt-2" };
+const _hoisted_4$23 = { class: "text-xl sm:text-2xl font-bold text-base-content break-words leading-tight" };
+const _hoisted_5$17 = { class: "flex flex-wrap items-center gap-2 mt-2" };
 const _hoisted_6$15 = {
 	key: 0,
 	class: "badge badge-sm badge-primary"
@@ -4586,7 +4586,7 @@ const _sfc_main$31 = /* @__PURE__ */ defineComponent({
 			})], -1)), createElementVNode("span", null, toDisplayString(__props.error.message), 1)])) : teamMemberData.value ? (openBlock(), createBlock(ZiniaContainer_default, { key: 2 }, {
 				default: withCtx(() => [
 					createCommentVNode(" Header with Title "),
-					createElementVNode("div", _hoisted_3$25, [createElementVNode("h1", _hoisted_4$22, toDisplayString(teamMemberData.value.display_name || "Team Member"), 1), createElementVNode("div", _hoisted_5$16, [teamMemberData.value.role ? (openBlock(), createElementBlock("span", _hoisted_6$15, toDisplayString(teamMemberData.value.role), 1)) : createCommentVNode("v-if", true), teamMemberData.value.deleted_at ? (openBlock(), createElementBlock("span", _hoisted_7$12, " Deleted ")) : (openBlock(), createElementBlock("span", _hoisted_8$12, "Active"))])]),
+					createElementVNode("div", _hoisted_3$25, [createElementVNode("h1", _hoisted_4$23, toDisplayString(teamMemberData.value.display_name || "Team Member"), 1), createElementVNode("div", _hoisted_5$17, [teamMemberData.value.role ? (openBlock(), createElementBlock("span", _hoisted_6$15, toDisplayString(teamMemberData.value.role), 1)) : createCommentVNode("v-if", true), teamMemberData.value.deleted_at ? (openBlock(), createElementBlock("span", _hoisted_7$12, " Deleted ")) : (openBlock(), createElementBlock("span", _hoisted_8$12, "Active"))])]),
 					createCommentVNode(" Team Member Information Grid "),
 					createElementVNode("div", _hoisted_9$11, [
 						createCommentVNode(" Contact Information "),
@@ -4855,7 +4855,7 @@ function useSavedFilters(config) {
 const savedFilterRoutes = [{
 	path: "/saved-filters",
 	name: "SavedFilters",
-	component: () => import("./SavedFiltersPage-BNasEKOY.js"),
+	component: () => import("./SavedFiltersPage-DhhcU1R1.js"),
 	beforeEnter: [userAuthenticated],
 	meta: {
 		title: "Saved Filters",
@@ -4880,8 +4880,8 @@ const _hoisted_2$26 = {
 	class: "label"
 };
 const _hoisted_3$24 = { class: "label-text-alt text-error" };
-const _hoisted_4$21 = { class: "flex justify-end gap-2" };
-const _hoisted_5$15 = ["disabled"];
+const _hoisted_4$22 = { class: "flex justify-end gap-2" };
+const _hoisted_5$16 = ["disabled"];
 const _sfc_main$30 = /* @__PURE__ */ defineComponent({
 	__name: "SaveFilterModal",
 	props: {
@@ -4935,7 +4935,7 @@ const _sfc_main$30 = /* @__PURE__ */ defineComponent({
 						maxlength: "100"
 					}, null, 512), [[vModelText, name.value]]),
 					error.value ? (openBlock(), createElementBlock("label", _hoisted_2$26, [createElementVNode("span", _hoisted_3$24, toDisplayString(error.value), 1)])) : createCommentVNode("v-if", true)
-				]), createElementVNode("div", _hoisted_4$21, [createElementVNode("button", {
+				]), createElementVNode("div", _hoisted_4$22, [createElementVNode("button", {
 					type: "button",
 					class: "btn btn-ghost",
 					onClick: close
@@ -4943,7 +4943,7 @@ const _sfc_main$30 = /* @__PURE__ */ defineComponent({
 					type: "submit",
 					class: "btn btn-primary",
 					disabled: __props.saving || !name.value.trim()
-				}, toDisplayString(__props.saving ? "Saving..." : "Save"), 9, _hoisted_5$15)])], 32)]),
+				}, toDisplayString(__props.saving ? "Saving..." : "Save"), 9, _hoisted_5$16)])], 32)]),
 				_: 1
 			}, 8, ["is-open"]);
 		};
@@ -4962,11 +4962,11 @@ const _hoisted_3$23 = {
 	key: 1,
 	class: "flex justify-center py-4"
 };
-const _hoisted_4$20 = {
+const _hoisted_4$21 = {
 	key: 2,
 	class: "space-y-2"
 };
-const _hoisted_5$14 = ["onKeydown"];
+const _hoisted_5$15 = ["onKeydown"];
 const _hoisted_6$14 = ["disabled", "onClick"];
 const _hoisted_7$11 = ["disabled"];
 const _hoisted_8$11 = { class: "font-medium truncate flex-1 min-w-0" };
@@ -5020,7 +5020,7 @@ const _sfc_main$29 = /* @__PURE__ */ defineComponent({
 				title: "Manage Filter Presets",
 				onClose: close
 			}, {
-				default: withCtx(() => [createElementVNode("div", _hoisted_1$27, [__props.presets.length === 0 && !__props.loading ? (openBlock(), createElementBlock("p", _hoisted_2$25, " No saved presets yet. Set filters, then use \"Save current filters\" in the Presets menu. ")) : __props.loading ? (openBlock(), createElementBlock("div", _hoisted_3$23, [..._cache[1] || (_cache[1] = [createElementVNode("span", { class: "loading loading-spinner loading-md" }, null, -1)])])) : (openBlock(), createElementBlock("ul", _hoisted_4$20, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.presets, (preset) => {
+				default: withCtx(() => [createElementVNode("div", _hoisted_1$27, [__props.presets.length === 0 && !__props.loading ? (openBlock(), createElementBlock("p", _hoisted_2$25, " No saved presets yet. Set filters, then use \"Save current filters\" in the Presets menu. ")) : __props.loading ? (openBlock(), createElementBlock("div", _hoisted_3$23, [..._cache[1] || (_cache[1] = [createElementVNode("span", { class: "loading loading-spinner loading-md" }, null, -1)])])) : (openBlock(), createElementBlock("ul", _hoisted_4$21, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.presets, (preset) => {
 					return openBlock(), createElementBlock("li", {
 						key: preset.id,
 						class: "flex items-center gap-2 p-2 rounded-lg bg-base-200"
@@ -5035,7 +5035,7 @@ const _sfc_main$29 = /* @__PURE__ */ defineComponent({
 							maxlength: "100",
 							placeholder: "Preset name",
 							onKeydown: [withKeys(($event) => saveRename(preset.id), ["enter"]), withKeys(cancelRename, ["escape"])]
-						}, null, 40, _hoisted_5$14), [[vModelText, editingName.value]]),
+						}, null, 40, _hoisted_5$15), [[vModelText, editingName.value]]),
 						createElementVNode("button", {
 							type: "button",
 							class: "btn btn-sm btn-primary shrink-0",
@@ -5097,8 +5097,8 @@ var ManagePresetsModal_default = _sfc_main$29;
 const _hoisted_1$26 = { class: "space-y-4" };
 const _hoisted_2$24 = { key: 0 };
 const _hoisted_3$22 = { class: "space-y-2" };
-const _hoisted_4$19 = ["onKeydown"];
-const _hoisted_5$13 = ["disabled", "onClick"];
+const _hoisted_4$20 = ["onKeydown"];
+const _hoisted_5$14 = ["disabled", "onClick"];
 const _hoisted_6$13 = ["disabled"];
 const _hoisted_7$10 = ["onClick"];
 const _hoisted_8$10 = { class: "text-base-content/60 text-xs font-normal ml-1" };
@@ -5241,13 +5241,13 @@ const _sfc_main$28 = /* @__PURE__ */ defineComponent({
 								maxlength: "100",
 								placeholder: "Preset name",
 								onKeydown: [withKeys(($event) => saveRename(preset.id), ["enter"]), withKeys(cancelRename, ["escape"])]
-							}, null, 40, _hoisted_4$19), [[vModelText, editingName.value]]),
+							}, null, 40, _hoisted_4$20), [[vModelText, editingName.value]]),
 							createElementVNode("button", {
 								type: "button",
 								class: "btn btn-sm btn-primary shrink-0",
 								disabled: __props.renaming || !editingName.value.trim(),
 								onClick: ($event) => saveRename(preset.id)
-							}, toDisplayString(__props.renaming ? "..." : "Save"), 9, _hoisted_5$13),
+							}, toDisplayString(__props.renaming ? "..." : "Save"), 9, _hoisted_5$14),
 							createElementVNode("button", {
 								type: "button",
 								class: "btn btn-sm btn-ghost shrink-0",
@@ -5380,7 +5380,7 @@ const _hoisted_2$23 = {
 	class: "badge badge-primary badge-lg gap-1 pr-1"
 };
 const _hoisted_3$21 = { class: "truncate max-w-[8rem] sm:max-w-[12rem]" };
-const _hoisted_4$18 = ["disabled", "title"];
+const _hoisted_4$19 = ["disabled", "title"];
 const _sfc_main$27 = /* @__PURE__ */ defineComponent({
 	__name: "SavedFilterPresets",
 	props: {
@@ -5401,12 +5401,21 @@ const _sfc_main$27 = /* @__PURE__ */ defineComponent({
 		const pinnedPresets = useInjectedPinnedPresets();
 		const props = __props;
 		const showPresetsModal = ref(false);
+		const showDeleteConfirm = ref(false);
+		const presetToDelete = ref(null);
 		function handleClearPreset() {
 			props.clearPreset();
 		}
-		async function handleDelete(preset) {
-			pinnedPresets.unpinPreset(preset.id);
-			await props.removePreset(preset.id);
+		function handleDelete(preset) {
+			presetToDelete.value = preset;
+			showDeleteConfirm.value = true;
+		}
+		async function confirmDelete() {
+			if (!presetToDelete.value) return;
+			pinnedPresets.unpinPreset(presetToDelete.value.id);
+			await props.removePreset(presetToDelete.value.id);
+			presetToDelete.value = null;
+			showDeleteConfirm.value = false;
 		}
 		async function handleRename(preset) {
 			pinnedPresets.updatePinnedPreset(preset.id, { name: preset.name });
@@ -5420,7 +5429,7 @@ const _sfc_main$27 = /* @__PURE__ */ defineComponent({
 					class: "btn btn-ghost btn-xs btn-circle",
 					"aria-label": "Clear preset",
 					onClick: handleClearPreset
-				}, [..._cache[2] || (_cache[2] = [createElementVNode("svg", {
+				}, [..._cache[4] || (_cache[4] = [createElementVNode("svg", {
 					class: "w-3 h-3",
 					fill: "none",
 					stroke: "currentColor",
@@ -5438,7 +5447,7 @@ const _sfc_main$27 = /* @__PURE__ */ defineComponent({
 					disabled: props.presetsLoading,
 					title: props.presets.length ? "Apply, save, or manage presets" : "No presets saved",
 					onClick: _cache[0] || (_cache[0] = ($event) => showPresetsModal.value = true)
-				}, [..._cache[3] || (_cache[3] = [createElementVNode("svg", {
+				}, [..._cache[5] || (_cache[5] = [createElementVNode("svg", {
 					class: "w-4 h-4",
 					fill: "none",
 					stroke: "currentColor",
@@ -5448,7 +5457,23 @@ const _sfc_main$27 = /* @__PURE__ */ defineComponent({
 					"stroke-linejoin": "round",
 					"stroke-width": "2",
 					d: "M3 4a1 1 0 011-1h16a1 1 0 011 1v2.586a1 1 0 01-.293.707l-6.414 6.414a1 1 0 00-.293.707V17l-4 4v-6.586a1 1 0 00-.293-.707L3.293 7.293A1 1 0 013 6.586V4z"
-				})], -1), createTextVNode(" Presets ", -1)])], 8, _hoisted_4$18),
+				})], -1), createTextVNode(" Presets ", -1)])], 8, _hoisted_4$19),
+				createCommentVNode(" Delete confirmation modal "),
+				createVNode(ConfirmDialog_default, {
+					modelValue: showDeleteConfirm.value,
+					"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => showDeleteConfirm.value = $event),
+					title: "Delete preset?",
+					"confirm-text": "Delete",
+					"cancel-text": "Cancel",
+					"processing-text": "Deleting...",
+					"confirm-button-class": "btn-error",
+					"is-processing": props.deleting,
+					onConfirm: confirmDelete,
+					onCancel: _cache[2] || (_cache[2] = ($event) => presetToDelete.value = null)
+				}, {
+					message: withCtx(() => [createElementVNode("p", null, " Are you sure you want to delete \"" + toDisplayString(presetToDelete.value?.name) + "\"? This cannot be undone. ", 1)]),
+					_: 1
+				}, 8, ["modelValue", "is-processing"]),
 				createCommentVNode(" Single Presets modal: apply, save, rename, delete "),
 				createVNode(PresetsModal_default, {
 					"is-open": showPresetsModal.value,
@@ -5466,7 +5491,7 @@ const _sfc_main$27 = /* @__PURE__ */ defineComponent({
 					"toggle-pin": unref(pinnedPresets).togglePin,
 					"can-pin-more": unref(pinnedPresets).canPinMore.value,
 					"max-pinned": unref(pinnedPresets).maxPinned,
-					onClose: _cache[1] || (_cache[1] = ($event) => showPresetsModal.value = false),
+					onClose: _cache[3] || (_cache[3] = ($event) => showPresetsModal.value = false),
 					onDelete: handleDelete,
 					onRename: handleRename
 				}, null, 8, [
@@ -5547,7 +5572,7 @@ const customerSupportTicketRoutes = [{
 		{
 			path: customerSupportPaths.customer_list.path,
 			name: customerSupportPaths.customer_list.name,
-			component: () => import("./CustomerSupportTicketList-CMPRQ_7O.js"),
+			component: () => import("./CustomerSupportTicketList-CKf8Kyzu.js"),
 			beforeEnter: (to) => customerListPresetGuard(to),
 			meta: {
 				title: "Tickets",
@@ -5566,7 +5591,7 @@ const customerSupportTicketRoutes = [{
 		{
 			path: customerSupportPaths.customer_create.path,
 			name: customerSupportPaths.customer_create.name,
-			component: () => import("./CustomerCreateSupportTicketForm-CQcv4vrX.js"),
+			component: () => import("./CustomerCreateSupportTicketForm-CpnbsCqr.js"),
 			meta: {
 				title: "Create Support Ticket",
 				description: "Create new support ticket",
@@ -5582,7 +5607,7 @@ const customerSupportTicketRoutes = [{
 		{
 			path: customerSupportPaths.customer_create_success.path,
 			name: customerSupportPaths.customer_create_success.name,
-			component: () => import("./CustomerSupportTicketSuccess-CnRWm6gX.js"),
+			component: () => import("./CustomerSupportTicketSuccess-B-1n0gP-.js"),
 			meta: {
 				title: "Support Ticket Submitted",
 				description: "Support ticket submitted successfully",
@@ -5604,7 +5629,7 @@ const customerSupportTicketRoutes = [{
 		},
 		{
 			path: customerSupportPaths.customer_view.path,
-			component: () => import("./CustomerSupportTicketParent-BOYIren9.js"),
+			component: () => import("./CustomerSupportTicketParent-BnmTFigo.js"),
 			meta: {
 				title: "View Support Ticket",
 				description: "View support ticket details"
@@ -5612,7 +5637,7 @@ const customerSupportTicketRoutes = [{
 			children: [{
 				path: "",
 				name: customerSupportPaths.customer_view.name,
-				component: () => import("./CustomerSupportTicketDetailPage-DQa_Zvfe.js"),
+				component: () => import("./CustomerSupportTicketDetailPage-DZQCplSM.js"),
 				meta: {
 					title: "View Support Ticket",
 					description: "View support ticket details"
@@ -5689,7 +5714,7 @@ const staffSupportTicketRoutes = [{
 		{
 			path: staffSupportPaths.staff_list.path,
 			name: staffSupportPaths.staff_list.name,
-			component: () => import("./StaffSupportTicketList-BgCIa_9v.js"),
+			component: () => import("./StaffSupportTicketList-xD3FaXkS.js"),
 			beforeEnter: (to) => staffListPresetGuard(to),
 			meta: {
 				title: "Manage Support",
@@ -5703,7 +5728,7 @@ const staffSupportTicketRoutes = [{
 		{
 			path: staffSupportPaths.staff_create.path,
 			name: staffSupportPaths.staff_create.name,
-			component: () => import("./StaffCreateSupportTicketForm-DoHCw60c.js"),
+			component: () => import("./StaffCreateSupportTicketForm-D5ne_W9A.js"),
 			meta: {
 				title: "Create Support Ticket",
 				description: "Create new support ticket item",
@@ -5719,7 +5744,7 @@ const staffSupportTicketRoutes = [{
 		{
 			path: staffSupportPaths.staff_create_success.path,
 			name: staffSupportPaths.staff_create_success.name,
-			component: () => import("./StaffSupportTicketSuccess-DZF2WpZc.js"),
+			component: () => import("./StaffSupportTicketSuccess-D1nBsbcC.js"),
 			meta: {
 				title: "Support Ticket Created",
 				description: "Support ticket created successfully",
@@ -5741,7 +5766,7 @@ const staffSupportTicketRoutes = [{
 		},
 		{
 			path: staffSupportPaths.staff_edit.path,
-			component: () => import("./StaffSupportTicketParent-C7Mm7W_0.js"),
+			component: () => import("./StaffSupportTicketParent-Dp1G85wc.js"),
 			meta: {
 				title: "View Support Ticket",
 				description: "View support ticket details"
@@ -5749,7 +5774,7 @@ const staffSupportTicketRoutes = [{
 			children: [{
 				path: "",
 				name: staffSupportPaths.staff_edit.name,
-				component: () => import("./StaffSupportTicketDetailPage-D49ibqrO.js"),
+				component: () => import("./StaffSupportTicketDetailPage-DY07Ez0R.js"),
 				meta: {
 					title: "View Support Ticket",
 					description: "View support ticket details"
@@ -5760,95 +5785,431 @@ const staffSupportTicketRoutes = [{
 }];
 
 //#endregion
-//#region src/slices/support_ticket/shared/SupportTicketStatusBadge.vue
-const _hoisted_1$24 = ["aria-label"];
+//#region src/slices/support_ticket/customer/components/SupportTicketTimeline.vue
+const _hoisted_1$24 = { class: "mt-8" };
+const _hoisted_2$22 = { class: "relative" };
+const _hoisted_3$20 = { class: "space-y-6 relative" };
+const _hoisted_4$18 = { class: "flex items-start group" };
+const _hoisted_5$13 = { class: "ml-4" };
+const _hoisted_6$12 = { class: "text-xs text-base-content/40 mt-1" };
+const _hoisted_7$9 = { class: "flex items-start group" };
+const _hoisted_8$9 = {
+	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$8 = {
+	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$5 = {
+	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$4 = { 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$26 = /* @__PURE__ */ defineComponent({
-	__name: "SupportTicketStatusBadge",
-	props: {
-		status: {},
-		size: { default: "md" },
-		variant: { default: "default" }
-	},
+	__name: "SupportTicketTimeline",
+	props: { support_ticket: {} },
 	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$24);
+			return openBlock(), createElementBlock("div", _hoisted_1$24, [_cache[8] || (_cache[8] = createElementVNode("h3", { class: "text-lg font-semibold text-base-content mb-4" }, "SupportTicket Progress", -1)), createElementVNode("div", _hoisted_2$22, [
+				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$20, [
+					createCommentVNode(" Submitted "),
+					createElementVNode("div", _hoisted_4$18, [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$13, [
+						_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$12, toDisplayString(unref(formatSystemTimestamp)(__props.support_ticket.created_at)), 1)
+					])]),
+					createCommentVNode(" Under Review / In Progress / Completed "),
+					createElementVNode("div", _hoisted_7$9, [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$9, [..._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$8, [..._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$5, [..._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$4, [
+						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 SupportTicketStatusBadge_default = _sfc_main$26;
+var SupportTicketTimeline_default = _sfc_main$26;
 
 //#endregion
-//#region src/slices/support_ticket/customer/customerSupportTicketRowSchema.ts
-/**
+//#region src/slices/support_ticket/customer/customerSupportTicketMetadata.ts
+const customerSupportTicketCreateSchemaWithMetadata = withMetadata(CustomerSupportTicketCreateSchema, "customerSupportTicketCreateSchema", {
+	description: {
+		inputType: "textarea",
+		placeholder: "Enter description"
+	},
+	priority: {
+		inputType: "select",
+		valueToLabel: SUPPORT_TICKET_PRIORITY_NUMBER_TO_LABEL,
+		valueType: "number"
+	}
+});
+const customerSupportTicketUpdateSchemaWithMetadata = withMetadata(CustomerSupportTicketUpdateSchema, "customerSupportTicketUpdateSchema", {
+	description: {
+		inputType: "textarea",
+		placeholder: "Enter description"
+	},
+	priority: {
+		inputType: "select",
+		valueToLabel: SUPPORT_TICKET_PRIORITY_NUMBER_TO_LABEL,
+		valueType: "number"
+	}
+});
+
+//#endregion
+//#region src/slices/support_ticket/customer/CustomerCreateSupportTicketForm.vue
+const _hoisted_1$23 = {
+	key: 0,
+	class: "flex flex-col items-center justify-center p-8"
+};
+const _hoisted_2$21 = {
+	key: 1,
+	class: "flex flex-col items-center justify-center p-8"
+};
+const _hoisted_3$19 = { class: "mt-4 text-lg" };
+const _hoisted_4$17 = { class: "mt-6" };
+const _hoisted_5$12 = {
+	key: 0,
+	class: "alert alert-error mb-4"
+};
+const _hoisted_6$11 = { class: "flex justify-center mt-6" };
+const _sfc_main$25 = /* @__PURE__ */ defineComponent({
+	__name: "CustomerCreateSupportTicketForm",
+	setup(__props) {
+		const router = useRouter();
+		const attachmentsRef = ref(null);
+		const { form, zinia, ZiniaForm, ZiniaSubmitButton, ZiniaResetButton, ZiniaFormErrorsSummary, clearSavedFormState } = useForm(customerSupportTicketCreateSchemaWithMetadata, {
+			storeName: `create-customer-support-ticket`,
+			persistToLocalStorage: true,
+			renderStyle: "daisy_ui",
+			fetchData: async () => {
+				return {
+					title: "",
+					type: "IMPROVEMENT",
+					priority: SUPPORT_TICKET_PRIORITY_TO_NUMBER.MEDIUM,
+					description: ""
+				};
+			}
+		});
+		const { mutate: createSupportTicket } = useMutation((api, input) => api.supportTickets.createTicket(input), { invalidate: /^support-tickets?:/ });
+		const beforeValidate = () => {
+			return true;
+		};
+		const handleSubmit = async (formData) => {
+			const createdSupportTicket = await createSupportTicket(formData);
+			if (!createdSupportTicket) throw new Error("Failed to create support ticket");
+			return createdSupportTicket;
+		};
+		const handleFilesQueued = (_files) => {};
+		const handleSuccess = async (createdSupportTicket) => {
+			if (attachmentsRef.value) try {
+				await attachmentsRef.value.uploadQueuedFiles(createdSupportTicket.id);
+			} catch (error) {
+				console.error("Failed to upload attachments:", error);
+				toast.warning("Ticket created, but some attachments failed to upload. You can add them later.");
+			}
+			clearSavedFormState();
+			await router.push({ name: customerSupportPaths.customer_create_success.name });
+			toast.success(`Support Ticket "${createdSupportTicket.title}" submitted successfully! Our team will review it shortly.`);
+		};
+		const handleError = (error) => {
+			form.setSubmitError(error instanceof Error ? error.message : "An unknown error occurred");
+		};
+		return (_ctx, _cache) => {
+			return unref(form).isLoading ? (openBlock(), createElementBlock("div", _hoisted_1$23, [..._cache[0] || (_cache[0] = [createElementVNode("div", { class: "loading loading-spinner loading-lg" }, null, -1), createElementVNode("p", { class: "mt-4 text-lg" }, "Loading...", -1)])])) : unref(form).loadError ? (openBlock(), createElementBlock("div", _hoisted_2$21, [createElementVNode("p", _hoisted_3$19, toDisplayString(unref(form).loadError), 1)])) : (openBlock(), createBlock(unref(ZiniaForm), {
+				key: 2,
+				onBeforeValidate: beforeValidate,
+				onHandleSubmit: handleSubmit,
+				onSuccess: handleSuccess,
+				onError: handleError,
+				title: "Create Support Ticket",
+				subtitle: "Submit your support ticket or feature request"
+			}, {
+				default: withCtx(() => [
+					createCommentVNode(" Basic Information "),
+					createVNode(FieldsetSection_default, { title: "Support Ticket Details" }, {
+						default: withCtx(() => [
+							createVNode(unref(zinia).TitleField, { placeholder: "Enter a clear, descriptive title" }),
+							createVNode(unref(zinia).TypeField),
+							createVNode(unref(zinia).PriorityField)
+						]),
+						_: 1
+					}),
+					createVNode(FieldsetSection_default, { title: "Description" }, {
+						default: withCtx(() => [createVNode(unref(zinia).DescriptionField, {
+							class: "w-full",
+							placeholder: "Provide detailed information about your support ticket, including steps to reproduce (for bugs) or specific requirements (for features)"
+						})]),
+						_: 1
+					}),
+					createCommentVNode(" Attachments (Jira-style inline) - Files will be uploaded after ticket creation "),
+					createElementVNode("div", _hoisted_4$17, [createVNode(InlineAttachments_default, {
+						"can-upload": true,
+						"can-delete": false,
+						onFilesQueued: handleFilesQueued,
+						ref_key: "attachmentsRef",
+						ref: attachmentsRef
+					}, null, 512)]),
+					createCommentVNode(" Form Status Messages "),
+					unref(form).submitError ? (openBlock(), createElementBlock("div", _hoisted_5$12, [_cache[1] || (_cache[1] = 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: "M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"
+					})], -1)), createElementVNode("span", null, toDisplayString(unref(form).submitError), 1)])) : createCommentVNode("v-if", true),
+					createCommentVNode(" Submit Button "),
+					createElementVNode("div", _hoisted_6$11, [createVNode(unref(ZiniaSubmitButton), {
+						submitText: "Create",
+						submittingText: "Submitting Support Ticket..."
+					})]),
+					createVNode(unref(ZiniaFormErrorsSummary), { title: "Please fix the following errors:" }),
+					createVNode(unref(ZiniaResetButton))
+				]),
+				_: 1
+			}));
+		};
+	}
+});
+var CustomerCreateSupportTicketForm_default = _sfc_main$25;
+
+//#endregion
+//#region src/slices/support_ticket/shared/SupportTicketStatusBadge.vue
+const _hoisted_1$22 = ["aria-label"];
+const _sfc_main$24 = /* @__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$22);
+		};
+	}
+});
+var SupportTicketStatusBadge_default = _sfc_main$24;
+
+//#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!
 */
@@ -5856,11 +6217,11 @@ const customerSupportTicketRowSchemaWithMetadata = withMetadata(CustomerSupportT
 
 //#endregion
 //#region src/slices/support_ticket/customer/CustomerSupportTicketList.vue
-const _hoisted_1$23 = { class: "mt-2" };
-const _hoisted_2$22 = { class: "flex flex-col sm:flex-row sm:justify-between sm:items-center gap-4 mb-4" };
-const _hoisted_3$20 = { class: "flex items-center gap-2" };
-const _hoisted_4$17 = { class: "flex gap-2" };
-const _sfc_main$25 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$21 = { class: "mt-2" };
+const _hoisted_2$20 = { class: "flex flex-col sm:flex-row sm:justify-between sm:items-center gap-4 mb-4" };
+const _hoisted_3$18 = { class: "flex items-center gap-2" };
+const _hoisted_4$16 = { class: "flex gap-2" };
+const _sfc_main$23 = /* @__PURE__ */ defineComponent({
 	__name: "CustomerSupportTicketList",
 	setup(__props) {
 		const route = useRoute();
@@ -6001,7 +6362,7 @@ const _sfc_main$25 = /* @__PURE__ */ defineComponent({
 		});
 		return (_ctx, _cache) => {
 			const _component_router_link = resolveComponent("router-link");
-			return openBlock(), createElementBlock("div", _hoisted_1$23, [createElementVNode("div", _hoisted_2$22, [createElementVNode("div", _hoisted_3$20, [createVNode(unref(SavedFilterPresets_default), {
+			return openBlock(), createElementBlock("div", _hoisted_1$21, [createElementVNode("div", _hoisted_2$20, [createElementVNode("div", _hoisted_3$18, [createVNode(unref(SavedFilterPresets_default), {
 				presets: unref(savedFilters).presets.value,
 				"presets-loading": unref(savedFilters).presetsLoading.value,
 				creating: unref(savedFilters).creating.value,
@@ -6027,7 +6388,7 @@ const _sfc_main$25 = /* @__PURE__ */ defineComponent({
 				"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$17, [createVNode(_component_router_link, {
+			]), _cache[0] || (_cache[0] = createElementVNode("h1", { class: "text-xl sm:text-2xl font-bold" }, "Support Tickets", -1))]), createElementVNode("div", _hoisted_4$16, [createVNode(_component_router_link, {
 				to: { name: "CustomerCreateSupportTicket" },
 				class: "btn btn-primary btn-sm sm:btn-md"
 			}, {
@@ -6067,165 +6428,19 @@ const _sfc_main$25 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var CustomerSupportTicketList_default = _sfc_main$25;
-
-//#endregion
-//#region src/slices/support_ticket/customer/customerSupportTicketMetadata.ts
-const customerSupportTicketCreateSchemaWithMetadata = withMetadata(CustomerSupportTicketCreateSchema, "customerSupportTicketCreateSchema", {
-	description: {
-		inputType: "textarea",
-		placeholder: "Enter description"
-	},
-	priority: {
-		inputType: "select",
-		valueToLabel: SUPPORT_TICKET_PRIORITY_NUMBER_TO_LABEL,
-		valueType: "number"
-	}
-});
-const customerSupportTicketUpdateSchemaWithMetadata = withMetadata(CustomerSupportTicketUpdateSchema, "customerSupportTicketUpdateSchema", {
-	description: {
-		inputType: "textarea",
-		placeholder: "Enter description"
-	},
-	priority: {
-		inputType: "select",
-		valueToLabel: SUPPORT_TICKET_PRIORITY_NUMBER_TO_LABEL,
-		valueType: "number"
-	}
-});
-
-//#endregion
-//#region src/slices/support_ticket/customer/CustomerCreateSupportTicketForm.vue
-const _hoisted_1$22 = {
-	key: 0,
-	class: "flex flex-col items-center justify-center p-8"
-};
-const _hoisted_2$21 = {
-	key: 1,
-	class: "flex flex-col items-center justify-center p-8"
-};
-const _hoisted_3$19 = { class: "mt-4 text-lg" };
-const _hoisted_4$16 = { class: "mt-6" };
-const _hoisted_5$12 = {
-	key: 0,
-	class: "alert alert-error mb-4"
-};
-const _hoisted_6$12 = { class: "flex justify-center mt-6" };
-const _sfc_main$24 = /* @__PURE__ */ defineComponent({
-	__name: "CustomerCreateSupportTicketForm",
-	setup(__props) {
-		const router = useRouter();
-		const attachmentsRef = ref(null);
-		const { form, zinia, ZiniaForm, ZiniaSubmitButton, ZiniaResetButton, ZiniaFormErrorsSummary, clearSavedFormState } = useForm(customerSupportTicketCreateSchemaWithMetadata, {
-			storeName: `create-customer-support-ticket`,
-			persistToLocalStorage: true,
-			renderStyle: "daisy_ui",
-			fetchData: async () => {
-				return {
-					title: "",
-					type: "IMPROVEMENT",
-					priority: SUPPORT_TICKET_PRIORITY_TO_NUMBER.MEDIUM,
-					description: ""
-				};
-			}
-		});
-		const { mutate: createSupportTicket } = useMutation((api, input) => api.supportTickets.createTicket(input), { invalidate: /^support-tickets?:/ });
-		const beforeValidate = () => {
-			return true;
-		};
-		const handleSubmit = async (formData) => {
-			const createdSupportTicket = await createSupportTicket(formData);
-			if (!createdSupportTicket) throw new Error("Failed to create support ticket");
-			return createdSupportTicket;
-		};
-		const handleFilesQueued = (_files) => {};
-		const handleSuccess = async (createdSupportTicket) => {
-			if (attachmentsRef.value) try {
-				await attachmentsRef.value.uploadQueuedFiles(createdSupportTicket.id);
-			} catch (error) {
-				console.error("Failed to upload attachments:", error);
-				toast.warning("Ticket created, but some attachments failed to upload. You can add them later.");
-			}
-			clearSavedFormState();
-			await router.push({ name: customerSupportPaths.customer_create_success.name });
-			toast.success(`Support Ticket "${createdSupportTicket.title}" submitted successfully! Our team will review it shortly.`);
-		};
-		const handleError = (error) => {
-			form.setSubmitError(error instanceof Error ? error.message : "An unknown error occurred");
-		};
-		return (_ctx, _cache) => {
-			return unref(form).isLoading ? (openBlock(), createElementBlock("div", _hoisted_1$22, [..._cache[0] || (_cache[0] = [createElementVNode("div", { class: "loading loading-spinner loading-lg" }, null, -1), createElementVNode("p", { class: "mt-4 text-lg" }, "Loading...", -1)])])) : unref(form).loadError ? (openBlock(), createElementBlock("div", _hoisted_2$21, [createElementVNode("p", _hoisted_3$19, toDisplayString(unref(form).loadError), 1)])) : (openBlock(), createBlock(unref(ZiniaForm), {
-				key: 2,
-				onBeforeValidate: beforeValidate,
-				onHandleSubmit: handleSubmit,
-				onSuccess: handleSuccess,
-				onError: handleError,
-				title: "Create Support Ticket",
-				subtitle: "Submit your support ticket or feature request"
-			}, {
-				default: withCtx(() => [
-					createCommentVNode(" Basic Information "),
-					createVNode(FieldsetSection_default, { title: "Support Ticket Details" }, {
-						default: withCtx(() => [
-							createVNode(unref(zinia).TitleField, { placeholder: "Enter a clear, descriptive title" }),
-							createVNode(unref(zinia).TypeField),
-							createVNode(unref(zinia).PriorityField)
-						]),
-						_: 1
-					}),
-					createVNode(FieldsetSection_default, { title: "Description" }, {
-						default: withCtx(() => [createVNode(unref(zinia).DescriptionField, {
-							class: "w-full",
-							placeholder: "Provide detailed information about your support ticket, including steps to reproduce (for bugs) or specific requirements (for features)"
-						})]),
-						_: 1
-					}),
-					createCommentVNode(" Attachments (Jira-style inline) - Files will be uploaded after ticket creation "),
-					createElementVNode("div", _hoisted_4$16, [createVNode(InlineAttachments_default, {
-						"can-upload": true,
-						"can-delete": false,
-						onFilesQueued: handleFilesQueued,
-						ref_key: "attachmentsRef",
-						ref: attachmentsRef
-					}, null, 512)]),
-					createCommentVNode(" Form Status Messages "),
-					unref(form).submitError ? (openBlock(), createElementBlock("div", _hoisted_5$12, [_cache[1] || (_cache[1] = 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: "M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"
-					})], -1)), createElementVNode("span", null, toDisplayString(unref(form).submitError), 1)])) : createCommentVNode("v-if", true),
-					createCommentVNode(" Submit Button "),
-					createElementVNode("div", _hoisted_6$12, [createVNode(unref(ZiniaSubmitButton), {
-						submitText: "Create",
-						submittingText: "Submitting Support Ticket..."
-					})]),
-					createVNode(unref(ZiniaFormErrorsSummary), { title: "Please fix the following errors:" }),
-					createVNode(unref(ZiniaResetButton))
-				]),
-				_: 1
-			}));
-		};
-	}
-});
-var CustomerCreateSupportTicketForm_default = _sfc_main$24;
+var CustomerSupportTicketList_default = _sfc_main$23;
 
 //#endregion
 //#region src/slices/support_ticket/customer/CustomerSupportTicketSuccess.vue
-const _hoisted_1$21 = { class: "flex flex-col items-center justify-center min-h-[60vh] p-8" };
-const _hoisted_2$20 = { class: "text-center max-w-2xl" };
-const _hoisted_3$18 = { class: "flex flex-col sm:flex-row gap-4 justify-center" };
-const _sfc_main$23 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$20 = { class: "flex flex-col items-center justify-center min-h-[60vh] p-8" };
+const _hoisted_2$19 = { class: "text-center max-w-2xl" };
+const _hoisted_3$17 = { class: "flex flex-col sm:flex-row gap-4 justify-center" };
+const _sfc_main$22 = /* @__PURE__ */ defineComponent({
 	__name: "CustomerSupportTicketSuccess",
 	setup(__props) {
 		return (_ctx, _cache) => {
 			const _component_router_link = resolveComponent("router-link");
-			return openBlock(), createElementBlock("div", _hoisted_1$21, [createElementVNode("div", _hoisted_2$20, [
+			return openBlock(), createElementBlock("div", _hoisted_1$20, [createElementVNode("div", _hoisted_2$19, [
 				createCommentVNode(" Success Icon "),
 				_cache[2] || (_cache[2] = createElementVNode("div", { class: "mb-6" }, [createElementVNode("div", { class: "inline-flex items-center justify-center w-20 h-20 bg-success rounded-full" }, [createElementVNode("svg", {
 					class: "w-10 h-10 text-success-content",
@@ -6245,7 +6460,7 @@ const _sfc_main$23 = /* @__PURE__ */ defineComponent({
 				createCommentVNode(" What Happens Next "),
 				_cache[5] || (_cache[5] = createStaticVNode("<div class=\"bg-base-200 rounded-lg p-6 mb-8\"><h2 class=\"text-xl font-semibold mb-4\">What happens next?</h2><div class=\"space-y-3 text-left\"><div class=\"flex items-start gap-3\"><div class=\"flex-shrink-0 w-6 h-6 bg-primary text-primary-content rounded-full flex items-center justify-center text-sm font-semibold\"> 1 </div><div><div class=\"font-medium\">Review</div><div class=\"text-sm text-base-content/70\"> Our team will review your ticket and determine the best approach </div></div></div><div class=\"flex items-start gap-3\"><div class=\"flex-shrink-0 w-6 h-6 bg-primary text-primary-content rounded-full flex items-center justify-center text-sm font-semibold\"> 2 </div><div><div class=\"font-medium\">Notification</div><div class=\"text-sm text-base-content/70\"> You&#39;ll receive email updates on status changes and progress </div></div></div><div class=\"flex items-start gap-3\"><div class=\"flex-shrink-0 w-6 h-6 bg-primary text-primary-content rounded-full flex items-center justify-center text-sm font-semibold\"> 3 </div><div><div class=\"font-medium\">Tracking</div><div class=\"text-sm text-base-content/70\"> Monitor progress in your support ticket list </div></div></div></div></div>", 1)),
 				createCommentVNode(" Action Buttons "),
-				createElementVNode("div", _hoisted_3$18, [createVNode(_component_router_link, {
+				createElementVNode("div", _hoisted_3$17, [createVNode(_component_router_link, {
 					to: { name: unref(customerSupportPaths).customer_list.name },
 					class: "btn btn-primary btn-lg"
 				}, {
@@ -6262,847 +6477,128 @@ const _sfc_main$23 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var CustomerSupportTicketSuccess_default = _sfc_main$23;
+var CustomerSupportTicketSuccess_default = _sfc_main$22;
 
 //#endregion
-//#region src/slices/support_ticket/customer/components/SupportTicketTimeline.vue
-const _hoisted_1$20 = { class: "mt-8" };
-const _hoisted_2$19 = { class: "relative" };
-const _hoisted_3$17 = { class: "space-y-6 relative" };
-const _hoisted_4$15 = { class: "flex items-start group" };
-const _hoisted_5$11 = { class: "ml-4" };
-const _hoisted_6$11 = { class: "text-xs text-base-content/40 mt-1" };
-const _hoisted_7$9 = { class: "flex items-start group" };
-const _hoisted_8$9 = {
+//#region src/slices/support_ticket/staff/components/CustomerCreditBalance.vue
+const _hoisted_1$19 = {
 	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"
+	class: "flex items-center gap-2"
 };
-const _hoisted_9$8 = {
+const _hoisted_2$18 = { class: "space-y-2" };
+const _hoisted_3$16 = { class: "grid grid-cols-2 gap-2 text-sm" };
+const _hoisted_4$15 = { class: "font-bold ml-2" };
+const _hoisted_5$11 = { class: "font-bold ml-2" };
+const _hoisted_6$10 = {
+	key: 0,
+	class: "alert alert-warning alert-sm"
+};
+const _sfc_main$21 = /* @__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$19, [..._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$18, [
+				createElementVNode("div", _hoisted_3$16, [createElementVNode("div", null, [_cache[2] || (_cache[2] = createElementVNode("span", { class: "text-base-content/60" }, "Monthly:", -1)), createElementVNode("span", _hoisted_4$15, 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$11, 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$10, [..._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$21;
+
+//#endregion
+//#region src/slices/support_ticket/staff/components/ApproveRejectActions.vue
+const _hoisted_1$18 = {
+	key: 0,
+	class: "alert alert-warning py-2"
+};
+const _hoisted_2$17 = {
 	key: 1,
-	xmlns: "http://www.w3.org/2000/svg",
-	class: "h-4 w-4",
-	fill: "none",
-	viewBox: "0 0 24 24",
-	stroke: "currentColor"
+	class: "space-y-3"
 };
-const _hoisted_10$5 = {
+const _hoisted_3$15 = { class: "alert alert-info py-2" };
+const _hoisted_4$14 = { class: "text-xs sm:text-sm" };
+const _hoisted_5$10 = { class: "bg-base-100 rounded-lg p-3" };
+const _hoisted_6$9 = { class: "flex flex-col sm:flex-row gap-2 sm:gap-3 justify-end mt-4" };
+const _hoisted_7$8 = ["disabled"];
+const _hoisted_8$8 = {
+	key: 0,
+	class: "loading loading-spinner loading-sm mr-2"
+};
+const _hoisted_9$7 = ["disabled"];
+const _hoisted_10$4 = {
+	key: 0,
+	class: "loading loading-spinner loading-sm mr-2"
+};
+const _hoisted_11$3 = {
 	key: 2,
-	xmlns: "http://www.w3.org/2000/svg",
-	class: "h-4 w-4",
-	fill: "none",
-	viewBox: "0 0 24 24",
-	stroke: "currentColor"
+	class: "alert alert-error mt-2 py-2"
 };
-const _hoisted_11$4 = { 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 = {
+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: "text-xs text-base-content/40 mt-1"
+	class: "alert alert-info py-2"
 };
-const _hoisted_15$1 = {
+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: "flex items-start group"
+	class: "loading loading-spinner loading-sm mr-2"
 };
-const _hoisted_16$1 = { class: "ml-4" };
-const _sfc_main$22 = /* @__PURE__ */ defineComponent({
-	__name: "SupportTicketTimeline",
-	props: { support_ticket: {} },
-	setup(__props) {
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$20, [_cache[8] || (_cache[8] = createElementVNode("h3", { class: "text-lg font-semibold text-base-content mb-4" }, "SupportTicket Progress", -1)), createElementVNode("div", _hoisted_2$19, [
-				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$17, [
-					createCommentVNode(" Submitted "),
-					createElementVNode("div", _hoisted_4$15, [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$11, [
-						_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$11, toDisplayString(unref(formatSystemTimestamp)(__props.support_ticket.created_at)), 1)
-					])]),
-					createCommentVNode(" Under Review / In Progress / Completed "),
-					createElementVNode("div", _hoisted_7$9, [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$9, [..._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$8, [..._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$5, [..._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$4, [
-						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$22;
-
-//#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$19 = { class: "flex flex-col sm:flex-row sm:justify-between sm:items-center gap-4 mb-4" };
-const _hoisted_2$18 = { class: "flex items-center gap-2" };
-const _hoisted_3$16 = { class: "flex flex-col sm:flex-row gap-2" };
-const _sfc_main$21 = /* @__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 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 } = 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", null, [createElementVNode("div", _hoisted_1$19, [createElementVNode("div", _hoisted_2$18, [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$16, [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 }) => [createVNode(SupportTicketDevLifecycleBadge_default, {
-					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$21;
-
-//#endregion
-//#region src/slices/support_ticket/staff/StaffSupportTicketMetadata.ts
-const adminSupportTicketCreateSchemaWithMetadata = withMetadata(StaffSupportTicketCreateSchema, "adminSupportTicketCreateSchema", {
-	description: {
-		inputType: "textarea",
-		placeholder: "Enter description"
-	},
-	credit_value: {
-		inputType: "currency",
-		step: .01,
-		placeholder: "Enter credit value"
-	},
-	start_at: {
-		inputType: "date",
-		placeholder: "Enter date"
-	},
-	target_at: {
-		inputType: "date",
-		placeholder: "Enter date"
-	},
-	completed_at: {
-		inputType: "date",
-		placeholder: "Enter date"
-	},
-	priority: {
-		inputType: "select",
-		valueToLabel: SUPPORT_TICKET_PRIORITY_NUMBER_TO_LABEL,
-		valueType: "number"
-	},
-	assigned_to: {
-		label: "Assignee",
-		inputType: "select",
-		placeholder: "Auto-assign (round-robin)"
-	}
-});
-const adminSupportTicketUpdateSchemaWithMetadata = withMetadata(StaffSupportTicketUpdateSchema, "adminSupportTicketUpdateSchema", {
-	description: {
-		inputType: "textarea",
-		placeholder: "Enter description"
-	},
-	credit_value: {
-		inputType: "currency",
-		step: .01,
-		placeholder: "Enter credit value"
-	},
-	start_at: {
-		inputType: "date",
-		placeholder: "Enter date"
-	},
-	target_at: {
-		inputType: "date",
-		placeholder: "Enter date"
-	},
-	completed_at: {
-		inputType: "date",
-		placeholder: "Enter date"
-	},
-	priority: {
-		inputType: "select",
-		valueToLabel: SUPPORT_TICKET_PRIORITY_NUMBER_TO_LABEL,
-		valueType: "number"
-	}
-});
-
-//#endregion
-//#region src/slices/support_ticket/staff/StaffCreateSupportTicketForm.vue
-const _hoisted_1$18 = {
-	key: 0,
-	class: "flex flex-col items-center justify-center p-8"
-};
-const _hoisted_2$17 = {
-	key: 1,
-	class: "flex flex-col items-center justify-center p-8"
-};
-const _hoisted_3$15 = { class: "mt-4 text-lg" };
-const _hoisted_4$14 = { class: "mt-6" };
-const _hoisted_5$10 = {
-	key: 1,
-	class: "alert alert-error mb-4"
-};
-const _hoisted_6$10 = { class: "flex justify-center mt-6" };
-const _sfc_main$20 = /* @__PURE__ */ defineComponent({
-	__name: "StaffCreateSupportTicketForm",
-	setup(__props) {
-		const router = useRouter();
-		const attachmentsRef = ref(null);
-		const loadAssigneeOptions = async () => {
-			try {
-				return { triageUsers: [{
-					value: "",
-					label: "Auto-assign (round-robin)"
-				}, ...(await executeWithAuth((api) => api.users.getTriageUsers(), { refreshTokenHandler: getRefreshTokenHandler() }) ?? []).map((u) => ({
-					value: u.id,
-					label: u.email
-				}))] };
-			} catch (error) {
-				console.error("Error fetching triage users", error);
-				return { triageUsers: [{
-					value: "",
-					label: "Auto-assign (round-robin)"
-				}] };
-			}
-		};
-		const { form, zinia, ZiniaForm, ZiniaSubmitButton, ZiniaResetButton, ZiniaFormErrorsSummary, clearSavedFormState } = useForm(adminSupportTicketCreateSchemaWithMetadata, {
-			storeName: `create-admin-support-ticket`,
-			persistToLocalStorage: true,
-			renderStyle: "daisy_ui",
-			dataLoaders: { enriched: loadAssigneeOptions },
-			fetchData: async () => {
-				return {
-					title: "",
-					type: "IMPROVEMENT",
-					priority: SUPPORT_TICKET_PRIORITY_TO_NUMBER.MEDIUM,
-					is_internal: false,
-					assigned_to: null
-				};
-			}
-		});
-		const { mutate: createSupportTicket } = useMutation((api, input) => api.supportTickets.staffCreateTicket(input), { invalidate: /^support-tickets?:/ });
-		const beforeValidate = () => {
-			if (form.values.is_internal) {
-				form.values.credit_value = null;
-				if (!form.values.dev_lifecycle || ![
-					"BACKLOG",
-					"CODE_REVIEW",
-					"DEVELOPMENT",
-					"PLANNING",
-					"PO_APPROVAL",
-					"STAGING",
-					"TESTING",
-					"VERIFICATION"
-				].includes(form.values.dev_lifecycle)) form.values.dev_lifecycle = "BACKLOG";
-			}
-			return true;
-		};
-		const handleSubmit = async (formData) => {
-			const createdSupportTicket = await createSupportTicket(formData);
-			if (!createdSupportTicket) throw new Error("Failed to create support ticket");
-			return createdSupportTicket;
-		};
-		const handleFilesQueued = (_files) => {};
-		const handleSuccess = async (createdSupportTicket) => {
-			if (attachmentsRef.value) try {
-				await attachmentsRef.value.uploadQueuedFiles(createdSupportTicket.id);
-			} catch (error) {
-				console.error("Failed to upload attachments:", error);
-				toast.warning("Ticket created, but some attachments failed to upload. You can add them later.");
-			}
-			clearSavedFormState();
-			await router.push({ name: staffSupportPaths.staff_create_success.name });
-			toast.success(`Support Ticket "${createdSupportTicket.title}" created successfully!`);
-		};
-		const handleError = (error) => {
-			form.setSubmitError(error instanceof Error ? error.message : "An unknown error occurred");
-		};
-		return (_ctx, _cache) => {
-			return unref(form).isLoading ? (openBlock(), createElementBlock("div", _hoisted_1$18, [..._cache[0] || (_cache[0] = [createElementVNode("div", { class: "loading loading-spinner loading-lg" }, null, -1), createElementVNode("p", { class: "mt-4 text-lg" }, "Loading...", -1)])])) : unref(form).loadError ? (openBlock(), createElementBlock("div", _hoisted_2$17, [createElementVNode("p", _hoisted_3$15, toDisplayString(unref(form).loadError), 1)])) : (openBlock(), createBlock(unref(ZiniaForm), {
-				key: 2,
-				onBeforeValidate: beforeValidate,
-				onHandleSubmit: handleSubmit,
-				onSuccess: handleSuccess,
-				onError: handleError,
-				title: "Create Support Ticket",
-				subtitle: "Create new ticket or internal task"
-			}, {
-				default: withCtx(() => [
-					createCommentVNode(" Basic Information "),
-					createVNode(FieldsetSection_default, { title: "Support Ticket Details" }, {
-						default: withCtx(() => [
-							createVNode(unref(zinia).TitleField, { placeholder: "Enter ticket title" }),
-							createVNode(unref(zinia).TypeField),
-							createVNode(unref(zinia).PriorityField)
-						]),
-						_: 1
-					}),
-					createVNode(FieldsetSection_default, { title: "Description" }, {
-						default: withCtx(() => [createVNode(unref(zinia).DescriptionField, {
-							class: "w-full",
-							placeholder: "Describe the ticket in detail"
-						})]),
-						_: 1
-					}),
-					createCommentVNode(" Attachments (Jira-style inline) - Files will be uploaded after ticket creation "),
-					createElementVNode("div", _hoisted_4$14, [createVNode(InlineAttachments_default, {
-						"can-upload": true,
-						"can-delete": false,
-						onFilesQueued: handleFilesQueued,
-						ref_key: "attachmentsRef",
-						ref: attachmentsRef
-					}, null, 512)]),
-					createCommentVNode(" Staff Options "),
-					createVNode(FieldsetSection_default, { title: "Staff Options" }, {
-						default: withCtx(() => [
-							createVNode(unref(zinia).IsInternalField, { label: "Internal Staff Task" }),
-							createVNode(unref(zinia).AssignedToField, { "select-options": unref(form).extraData.enriched?.triageUsers || [] }, null, 8, ["select-options"]),
-							createCommentVNode(" Show devLifecycle only for internal tasks "),
-							unref(form).values.is_internal ? (openBlock(), createBlock(unref(zinia).DevLifecycleField, { key: 0 })) : createCommentVNode("v-if", true)
-						]),
-						_: 1
-					}),
-					createCommentVNode(" Credits (only for customer support ticket) "),
-					!unref(form).values.is_internal ? (openBlock(), createBlock(FieldsetSection_default, {
-						key: 0,
-						title: "Credits (Optional)"
-					}, {
-						default: withCtx(() => [createVNode(unref(zinia).CreditValueField, { placeholder: "0.00" })]),
-						_: 1
-					})) : createCommentVNode("v-if", true),
-					createCommentVNode(" Timeline (Optional) "),
-					createVNode(FieldsetSection_default, { title: "Timeline (Optional)" }, {
-						default: withCtx(() => [createVNode(unref(zinia).StartAtField, { formatter: unref(formatToISODate) }, null, 8, ["formatter"]), createVNode(unref(zinia).TargetAtField, { formatter: unref(formatToISODate) }, null, 8, ["formatter"])]),
-						_: 1
-					}),
-					createCommentVNode(" Form Status Messages "),
-					unref(form).submitError ? (openBlock(), createElementBlock("div", _hoisted_5$10, [_cache[1] || (_cache[1] = 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: "M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"
-					})], -1)), createElementVNode("span", null, toDisplayString(unref(form).submitError), 1)])) : createCommentVNode("v-if", true),
-					createCommentVNode(" Submit Button "),
-					createElementVNode("div", _hoisted_6$10, [createVNode(unref(ZiniaSubmitButton), {
-						submitText: "Create Support Ticket",
-						submittingText: "Creating Support Ticket..."
-					})]),
-					createVNode(unref(ZiniaFormErrorsSummary), { title: "Please fix the following errors:" }),
-					createVNode(unref(ZiniaResetButton))
-				]),
-				_: 1
-			}));
-		};
-	}
-});
-var StaffCreateSupportTicketForm_default = _sfc_main$20;
-
-//#endregion
-//#region src/slices/support_ticket/staff/StaffSupportTicketSuccess.vue
-const _hoisted_1$17 = { class: "flex flex-col items-center justify-center min-h-[60vh] p-8" };
-const _hoisted_2$16 = { class: "text-center max-w-2xl" };
-const _hoisted_3$14 = { class: "flex flex-col sm:flex-row gap-4 justify-center" };
-const _sfc_main$19 = /* @__PURE__ */ defineComponent({
-	__name: "StaffSupportTicketSuccess",
-	setup(__props) {
-		return (_ctx, _cache) => {
-			const _component_router_link = resolveComponent("router-link");
-			return openBlock(), createElementBlock("div", _hoisted_1$17, [createElementVNode("div", _hoisted_2$16, [
-				createCommentVNode(" Success Icon "),
-				_cache[2] || (_cache[2] = createElementVNode("div", { class: "mb-6" }, [createElementVNode("div", { class: "inline-flex items-center justify-center w-20 h-20 bg-success rounded-full" }, [createElementVNode("svg", {
-					class: "w-10 h-10 text-success-content",
-					fill: "none",
-					stroke: "currentColor",
-					viewBox: "0 0 24 24",
-					xmlns: "http://www.w3.org/2000/svg"
-				}, [createElementVNode("path", {
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round",
-					"stroke-width": "2",
-					d: "M5 13l4 4L19 7"
-				})])])], -1)),
-				createCommentVNode(" Success Message "),
-				_cache[3] || (_cache[3] = createElementVNode("h1", { class: "text-3xl font-bold text-base-content mb-4" }, " Support Ticket Created Successfully! ", -1)),
-				_cache[4] || (_cache[4] = createElementVNode("p", { class: "text-lg text-base-content/70 mb-8" }, " The support ticket has been created and is ready for processing. ", -1)),
-				createCommentVNode(" What Happens Next "),
-				_cache[5] || (_cache[5] = createStaticVNode("<div class=\"bg-base-200 rounded-lg p-6 mb-8\"><h2 class=\"text-xl font-semibold mb-4\">Next Steps</h2><div class=\"space-y-3 text-left\"><div class=\"flex items-start gap-3\"><div class=\"flex-shrink-0 w-6 h-6 bg-primary text-primary-content rounded-full flex items-center justify-center text-sm font-semibold\"> 1 </div><div><div class=\"font-medium\">Review &amp; Assign</div><div class=\"text-sm text-base-content/70\"> Review the ticket details and assign to appropriate team member </div></div></div><div class=\"flex items-start gap-3\"><div class=\"flex-shrink-0 w-6 h-6 bg-primary text-primary-content rounded-full flex items-center justify-center text-sm font-semibold\"> 2 </div><div><div class=\"font-medium\">Set Timeline</div><div class=\"text-sm text-base-content/70\"> Update target dates and delivery estimates if needed </div></div></div><div class=\"flex items-start gap-3\"><div class=\"flex-shrink-0 w-6 h-6 bg-primary text-primary-content rounded-full flex items-center justify-center text-sm font-semibold\"> 3 </div><div><div class=\"font-medium\">Begin Work</div><div class=\"text-sm text-base-content/70\"> Start development or operational work as appropriate </div></div></div></div></div>", 1)),
-				createCommentVNode(" Action Buttons "),
-				createElementVNode("div", _hoisted_3$14, [createVNode(_component_router_link, {
-					to: { name: unref(staffSupportPaths).staff_list.name },
-					class: "btn btn-primary btn-lg"
-				}, {
-					default: withCtx(() => [..._cache[0] || (_cache[0] = [createTextVNode(" View All Support Tickets ", -1)])]),
-					_: 1
-				}, 8, ["to"]), createVNode(_component_router_link, {
-					to: { name: unref(staffSupportPaths).staff_create.name },
-					class: "btn btn-outline btn-lg"
-				}, {
-					default: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode(" Create Another Ticket ", -1)])]),
-					_: 1
-				}, 8, ["to"])])
-			])]);
-		};
-	}
-});
-var StaffSupportTicketSuccess_default = _sfc_main$19;
-
-//#endregion
-//#region src/slices/support_ticket/staff/components/CustomerCreditBalance.vue
-const _hoisted_1$16 = {
-	key: 0,
-	class: "flex items-center gap-2"
-};
-const _hoisted_2$15 = { class: "space-y-2" };
-const _hoisted_3$13 = { class: "grid grid-cols-2 gap-2 text-sm" };
-const _hoisted_4$13 = { class: "font-bold ml-2" };
-const _hoisted_5$9 = { class: "font-bold ml-2" };
-const _hoisted_6$9 = {
-	key: 0,
-	class: "alert alert-warning alert-sm"
-};
-const _sfc_main$18 = /* @__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$16, [..._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$15, [
-				createElementVNode("div", _hoisted_3$13, [createElementVNode("div", null, [_cache[2] || (_cache[2] = createElementVNode("span", { class: "text-base-content/60" }, "Monthly:", -1)), createElementVNode("span", _hoisted_4$13, 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$9, 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$9, [..._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$18;
-
-//#endregion
-//#region src/slices/support_ticket/staff/components/ApproveRejectActions.vue
-const _hoisted_1$15 = {
-	key: 0,
-	class: "alert alert-warning py-2"
-};
-const _hoisted_2$14 = {
-	key: 1,
-	class: "space-y-3"
-};
-const _hoisted_3$12 = { class: "alert alert-info py-2" };
-const _hoisted_4$12 = { class: "text-xs sm:text-sm" };
-const _hoisted_5$8 = { class: "bg-base-100 rounded-lg p-3" };
-const _hoisted_6$8 = { class: "flex flex-col sm:flex-row gap-2 sm:gap-3 justify-end mt-4" };
-const _hoisted_7$8 = ["disabled"];
-const _hoisted_8$8 = {
-	key: 0,
-	class: "loading loading-spinner loading-sm mr-2"
-};
-const _hoisted_9$7 = ["disabled"];
-const _hoisted_10$4 = {
-	key: 0,
-	class: "loading loading-spinner loading-sm mr-2"
-};
-const _hoisted_11$3 = {
-	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$17 = /* @__PURE__ */ defineComponent({
-	__name: "ApproveRejectActions",
+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$20 = /* @__PURE__ */ defineComponent({
+	__name: "ApproveRejectActions",
 	props: { support_ticket: {} },
 	emits: ["update"],
 	setup(__props, { expose: __expose, emit: __emit }) {
@@ -7224,7 +6720,7 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
 				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$15, [..._cache[2] || (_cache[2] = [createElementVNode("div", null, [createElementVNode("svg", {
+						unref(formatStaffCreditValue)(props.support_ticket.credit_value, props.support_ticket.approval_status) === "TBD" ? (openBlock(), createElementBlock("div", _hoisted_1$18, [..._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",
@@ -7234,12 +6730,12 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
 							"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$14, [
-							createElementVNode("div", _hoisted_3$12, [createElementVNode("div", null, [createElementVNode("span", _hoisted_4$12, "Estimate: " + toDisplayString(unref(formatStaffCreditValue)(props.support_ticket.credit_value, props.support_ticket.approval_status)) + " credits", 1)])]),
+						})]), createElementVNode("span", { class: "text-xs sm:text-sm" }, "You must set an estimate before approving")], -1)])])) : (openBlock(), createElementBlock("div", _hoisted_2$17, [
+							createElementVNode("div", _hoisted_3$15, [createElementVNode("div", null, [createElementVNode("span", _hoisted_4$14, "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$8, [_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_5$10, [_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$8, [createElementVNode("button", {
+						createElementVNode("div", _hoisted_6$9, [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)
@@ -7326,24 +6822,123 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
 				]), createElementVNode("form", {
 					method: "dialog",
 					class: "modal-backdrop"
-				}, [createElementVNode("button", { onClick: closeRejectModal }, "close")])], 512)
+				}, [createElementVNode("button", { onClick: closeRejectModal }, "close")])], 512)
+			], 64);
+		};
+	}
+});
+var ApproveRejectActions_default = _sfc_main$20;
+
+//#endregion
+//#region src/slices/support_ticket/staff/components/CancelInternalTaskWorkflow.vue
+const _hoisted_1$17 = { class: "flex justify-end mt-4" };
+const _hoisted_2$16 = ["disabled"];
+const _hoisted_3$14 = {
+	key: 0,
+	class: "loading loading-spinner loading-sm mr-2"
+};
+const _hoisted_4$13 = {
+	key: 0,
+	class: "alert alert-error mt-2 py-2"
+};
+const _hoisted_5$9 = { class: "text-sm" };
+const _hoisted_6$8 = { class: "modal-box" };
+const _hoisted_7$7 = { class: "font-bold text-lg" };
+const _hoisted_8$7 = { class: "py-4 whitespace-pre-line" };
+const _hoisted_9$6 = { class: "modal-action" };
+const _sfc_main$19 = /* @__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$17, [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$14)) : createCommentVNode("v-if", true), createTextVNode(" " + toDisplayString(unref(isCancelling) ? "Cancelling..." : "Cancel Internal Task"), 1)], 8, _hoisted_2$16)]),
+						error.value ? (openBlock(), createElementBlock("div", _hoisted_4$13, [createElementVNode("span", _hoisted_5$9, 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$8, [
+					createElementVNode("h3", _hoisted_7$7, toDisplayString(modalTitle.value), 1),
+					createElementVNode("p", _hoisted_8$7, toDisplayString(modalMessage.value), 1),
+					createElementVNode("div", _hoisted_9$6, [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 ApproveRejectActions_default = _sfc_main$17;
+var CancelInternalTaskWorkflow_default = _sfc_main$19;
 
 //#endregion
 //#region src/slices/support_ticket/staff/components/CompleteSupportTicketForm.vue
-const _hoisted_1$14 = { class: "text-xs sm:text-sm text-base-content/70 mb-4" };
-const _hoisted_2$13 = { class: "font-semibold" };
-const _hoisted_3$11 = { class: "text-xs sm:text-sm" };
-const _hoisted_4$11 = { class: "grid grid-cols-2 gap-2 sm:gap-4 mt-2" };
-const _hoisted_5$7 = { class: "bg-base-100 p-3 rounded-lg" };
+const _hoisted_1$16 = { class: "text-xs sm:text-sm text-base-content/70 mb-4" };
+const _hoisted_2$15 = { class: "font-semibold" };
+const _hoisted_3$13 = { class: "text-xs sm:text-sm" };
+const _hoisted_4$12 = { class: "grid grid-cols-2 gap-2 sm:gap-4 mt-2" };
+const _hoisted_5$8 = { class: "bg-base-100 p-3 rounded-lg" };
 const _hoisted_6$7 = { class: "text-lg sm:text-xl font-bold text-primary" };
-const _hoisted_7$7 = { class: "bg-base-100 p-3 rounded-lg" };
-const _hoisted_8$7 = { class: "text-xs text-base-content/60" };
-const _sfc_main$16 = /* @__PURE__ */ defineComponent({
+const _hoisted_7$6 = { class: "bg-base-100 p-3 rounded-lg" };
+const _hoisted_8$6 = { class: "text-xs text-base-content/60" };
+const _sfc_main$18 = /* @__PURE__ */ defineComponent({
 	__name: "CompleteSupportTicketForm",
 	props: { support_ticket: {} },
 	emits: ["update"],
@@ -7429,9 +7024,9 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
 			}, {
 				default: withCtx(() => [
 					_cache[2] || (_cache[2] = createElementVNode("h3", { class: "card-title text-base sm:text-lg" }, "Complete Support Ticket", -1)),
-					createElementVNode("p", _hoisted_1$14, [
+					createElementVNode("p", _hoisted_1$16, [
 						_cache[0] || (_cache[0] = createTextVNode(" Customer was charged ", -1)),
-						createElementVNode("span", _hoisted_2$13, toDisplayString(unref(formatStaffCreditValue)(props.support_ticket.credit_value, props.support_ticket.approval_status)), 1),
+						createElementVNode("span", _hoisted_2$15, 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 "),
@@ -7444,7 +7039,7 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
 					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$11, toDisplayString(getComparisonMessage()), 1)], 2)) : createCommentVNode("v-if", true),
+					}, [createElementVNode("span", _hoisted_3$13, toDisplayString(getComparisonMessage()), 1)], 2)) : createCommentVNode("v-if", true),
 					createVNode(unref(ZiniaSubmitButton), {
 						submitText: "Mark as Completed",
 						submittingText: "Completing..."
@@ -7452,40 +7047,40 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
 				]),
 				_: 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$11, [createElementVNode("div", _hoisted_5$7, [
+				default: withCtx(() => [_cache[6] || (_cache[6] = createElementVNode("h3", { class: "card-title text-success text-base sm:text-lg" }, "✅ Completed", -1)), createElementVNode("div", _hoisted_4$12, [createElementVNode("div", _hoisted_5$8, [
 					_cache[3] || (_cache[3] = createElementVNode("div", { class: "text-xs text-base-content/70" }, "Customer Charged", -1)),
 					createElementVNode("div", _hoisted_6$7, 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$7, [
+				]), createElementVNode("div", _hoisted_7$6, [
 					_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$7, toDisplayString(getVarianceLabel()), 1)
+					createElementVNode("div", _hoisted_8$6, toDisplayString(getVarianceLabel()), 1)
 				])])]),
 				_: 1
 			})) : createCommentVNode("v-if", true);
 		};
 	}
 });
-var CompleteSupportTicketForm_default = _sfc_main$16;
+var CompleteSupportTicketForm_default = _sfc_main$18;
 
 //#endregion
 //#region src/slices/support_ticket/staff/components/ConvertToCustomerWorkflow.vue
-const _hoisted_1$13 = { class: "flex justify-end mt-4" };
-const _hoisted_2$12 = ["disabled"];
-const _hoisted_3$10 = {
+const _hoisted_1$15 = { class: "flex justify-end mt-4" };
+const _hoisted_2$14 = ["disabled"];
+const _hoisted_3$12 = {
 	key: 0,
 	class: "loading loading-spinner loading-sm mr-2"
 };
-const _hoisted_4$10 = {
+const _hoisted_4$11 = {
 	key: 0,
 	class: "alert alert-error mt-2 py-2"
 };
-const _hoisted_5$6 = { class: "text-sm" };
+const _hoisted_5$7 = { class: "text-sm" };
 const _hoisted_6$6 = { class: "modal-box" };
-const _hoisted_7$6 = { class: "font-bold text-lg" };
-const _hoisted_8$6 = { class: "py-4 whitespace-pre-line" };
-const _hoisted_9$6 = { class: "modal-action" };
-const _sfc_main$15 = /* @__PURE__ */ defineComponent({
+const _hoisted_7$5 = { class: "font-bold text-lg" };
+const _hoisted_8$5 = { class: "py-4 whitespace-pre-line" };
+const _hoisted_9$5 = { class: "modal-action" };
+const _sfc_main$17 = /* @__PURE__ */ defineComponent({
 	__name: "ConvertToCustomerWorkflow",
 	props: { support_ticket: {} },
 	emits: ["update"],
@@ -7533,12 +7128,12 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
 							createElementVNode("li", null, "Clears dev lifecycle (back to planning)"),
 							createElementVNode("li", null, "Staff must set credit estimate before approval")
 						])])], -1)),
-						createElementVNode("div", _hoisted_1$13, [createElementVNode("button", {
+						createElementVNode("div", _hoisted_1$15, [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$10)) : createCommentVNode("v-if", true), createTextVNode(" " + toDisplayString(unref(isConverting) ? "Converting..." : "Convert to Customer SupportTicket"), 1)], 8, _hoisted_2$12)]),
-						error.value ? (openBlock(), createElementBlock("div", _hoisted_4$10, [createElementVNode("span", _hoisted_5$6, toDisplayString(error.value), 1)])) : createCommentVNode("v-if", true)
+						}, [unref(isConverting) ? (openBlock(), createElementBlock("span", _hoisted_3$12)) : createCommentVNode("v-if", true), createTextVNode(" " + toDisplayString(unref(isConverting) ? "Converting..." : "Convert to Customer SupportTicket"), 1)], 8, _hoisted_2$14)]),
+						error.value ? (openBlock(), createElementBlock("div", _hoisted_4$11, [createElementVNode("span", _hoisted_5$7, toDisplayString(error.value), 1)])) : createCommentVNode("v-if", true)
 					]),
 					_: 1
 				})) : createCommentVNode("v-if", true),
@@ -7548,9 +7143,9 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
 					ref: confirmModal,
 					class: "modal"
 				}, [createElementVNode("div", _hoisted_6$6, [
-					createElementVNode("h3", _hoisted_7$6, toDisplayString(modalTitle.value), 1),
-					createElementVNode("p", _hoisted_8$6, toDisplayString(modalMessage.value), 1),
-					createElementVNode("div", _hoisted_9$6, [createElementVNode("button", {
+					createElementVNode("h3", _hoisted_7$5, toDisplayString(modalTitle.value), 1),
+					createElementVNode("p", _hoisted_8$5, toDisplayString(modalMessage.value), 1),
+					createElementVNode("div", _hoisted_9$5, [createElementVNode("button", {
 						class: "btn btn-ghost",
 						onClick: closeModal
 					}, "Cancel"), createElementVNode("button", {
@@ -7565,26 +7160,26 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var ConvertToCustomerWorkflow_default = _sfc_main$15;
+var ConvertToCustomerWorkflow_default = _sfc_main$17;
 
 //#endregion
 //#region src/slices/support_ticket/staff/components/ConvertToInternalWorkflow.vue
-const _hoisted_1$12 = { class: "flex justify-end mt-4" };
-const _hoisted_2$11 = ["disabled"];
-const _hoisted_3$9 = {
+const _hoisted_1$14 = { class: "flex justify-end mt-4" };
+const _hoisted_2$13 = ["disabled"];
+const _hoisted_3$11 = {
 	key: 0,
 	class: "loading loading-spinner loading-sm mr-2"
 };
-const _hoisted_4$9 = {
+const _hoisted_4$10 = {
 	key: 0,
 	class: "alert alert-error mt-2 py-2"
 };
-const _hoisted_5$5 = { class: "text-sm" };
+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$5 = { class: "modal-action" };
-const _sfc_main$14 = /* @__PURE__ */ defineComponent({
+const _hoisted_7$4 = { class: "font-bold text-lg" };
+const _hoisted_8$4 = { class: "py-4 whitespace-pre-line" };
+const _hoisted_9$4 = { class: "modal-action" };
+const _sfc_main$16 = /* @__PURE__ */ defineComponent({
 	__name: "ConvertToInternalWorkflow",
 	props: { support_ticket: {} },
 	emits: ["update"],
@@ -7633,12 +7228,12 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
 							createElementVNode("li", null, "Automatically clears any credit estimates (internal tasks = no credits)"),
 							createElementVNode("li", null, "Can start development immediately")
 						])])], -1)),
-						createElementVNode("div", _hoisted_1$12, [createElementVNode("button", {
+						createElementVNode("div", _hoisted_1$14, [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$9)) : createCommentVNode("v-if", true), createTextVNode(" " + toDisplayString(unref(isConverting) ? "Converting..." : "Convert to Internal Task"), 1)], 8, _hoisted_2$11)]),
-						error.value ? (openBlock(), createElementBlock("div", _hoisted_4$9, [createElementVNode("span", _hoisted_5$5, toDisplayString(error.value), 1)])) : createCommentVNode("v-if", true)
+						}, [unref(isConverting) ? (openBlock(), createElementBlock("span", _hoisted_3$11)) : createCommentVNode("v-if", true), createTextVNode(" " + toDisplayString(unref(isConverting) ? "Converting..." : "Convert to Internal Task"), 1)], 8, _hoisted_2$13)]),
+						error.value ? (openBlock(), createElementBlock("div", _hoisted_4$10, [createElementVNode("span", _hoisted_5$6, toDisplayString(error.value), 1)])) : createCommentVNode("v-if", true)
 					]),
 					_: 1
 				})) : createCommentVNode("v-if", true),
@@ -7648,9 +7243,9 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
 					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$5, [createElementVNode("button", {
+					createElementVNode("h3", _hoisted_7$4, toDisplayString(modalTitle.value), 1),
+					createElementVNode("p", _hoisted_8$4, toDisplayString(modalMessage.value), 1),
+					createElementVNode("div", _hoisted_9$4, [createElementVNode("button", {
 						class: "btn btn-ghost",
 						onClick: closeModal
 					}, "Cancel"), createElementVNode("button", {
@@ -7665,27 +7260,32 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var ConvertToInternalWorkflow_default = _sfc_main$14;
+var ConvertToInternalWorkflow_default = _sfc_main$16;
 
 //#endregion
-//#region src/slices/support_ticket/staff/components/CancelInternalTaskWorkflow.vue
-const _hoisted_1$11 = { class: "flex justify-end mt-4" };
-const _hoisted_2$10 = ["disabled"];
-const _hoisted_3$8 = {
+//#region src/slices/support_ticket/staff/components/ReactivateInternalTaskWorkflow.vue
+const _hoisted_1$13 = { class: "alert alert-info py-2" };
+const _hoisted_2$12 = { class: "flex flex-col gap-2" };
+const _hoisted_3$10 = { class: "text-xs sm:text-sm space-y-1 ml-4 list-disc" };
+const _hoisted_4$9 = { key: 0 };
+const _hoisted_5$5 = { key: 1 };
+const _hoisted_6$4 = { class: "flex justify-end mt-4" };
+const _hoisted_7$3 = ["disabled"];
+const _hoisted_8$3 = {
 	key: 0,
 	class: "loading loading-spinner loading-sm mr-2"
 };
-const _hoisted_4$8 = {
+const _hoisted_9$3 = {
 	key: 0,
 	class: "alert alert-error mt-2 py-2"
 };
-const _hoisted_5$4 = { class: "text-sm" };
-const _hoisted_6$4 = { class: "modal-box" };
-const _hoisted_7$4 = { class: "font-bold text-lg" };
-const _hoisted_8$4 = { class: "py-4 whitespace-pre-line" };
-const _hoisted_9$4 = { class: "modal-action" };
-const _sfc_main$13 = /* @__PURE__ */ defineComponent({
-	__name: "CancelInternalTaskWorkflow",
+const _hoisted_10$3 = { class: "text-sm" };
+const _hoisted_11$2 = { 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$15 = /* @__PURE__ */ defineComponent({
+	__name: "ReactivateInternalTaskWorkflow",
 	props: { support_ticket: {} },
 	emits: ["update"],
 	setup(__props, { emit: __emit }) {
@@ -7697,198 +7297,652 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
 		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;
+		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 handleCancel = async () => {
+		const handleReactivate = async () => {
 			error.value = null;
 			try {
-				const result = await cancelInternalTask({ id: props.support_ticket.id });
-				toast.success("✅ Internal task cancelled successfully");
+				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 cancel task";
+				error.value = err instanceof Error ? err.message : "Failed to reactivate task";
 				toast.error(`❌ ${error.value}`);
 			}
 		};
-		const closeModal = () => {
-			confirmModal.value?.close();
+		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$13, [createElementVNode("div", _hoisted_2$12, [_cache[4] || (_cache[4] = createElementVNode("span", { class: "font-semibold text-sm" }, "What happens when you reopen:", -1)), createElementVNode("ul", _hoisted_3$10, [
+							props.support_ticket.dev_lifecycle === "CANCELLED" ? (openBlock(), createElementBlock("li", _hoisted_4$9, " Sets dev lifecycle to BACKLOG (fresh start) ")) : (openBlock(), createElementBlock("li", _hoisted_5$5, "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$4, [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$3)) : createCommentVNode("v-if", true), createTextVNode(" " + toDisplayString(unref(isReactivating) ? "Reopening..." : "Reopen Task"), 1)], 8, _hoisted_7$3)]),
+						error.value ? (openBlock(), createElementBlock("div", _hoisted_9$3, [createElementVNode("span", _hoisted_10$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_11$2, [
+					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$15;
+
+//#endregion
+//#region src/slices/support_ticket/staff/StaffSupportTicketMetadata.ts
+const adminSupportTicketCreateSchemaWithMetadata = withMetadata(StaffSupportTicketCreateSchema, "adminSupportTicketCreateSchema", {
+	description: {
+		inputType: "textarea",
+		placeholder: "Enter description"
+	},
+	credit_value: {
+		inputType: "currency",
+		step: .01,
+		placeholder: "Enter credit value"
+	},
+	start_at: {
+		inputType: "date",
+		placeholder: "Enter date"
+	},
+	target_at: {
+		inputType: "date",
+		placeholder: "Enter date"
+	},
+	completed_at: {
+		inputType: "date",
+		placeholder: "Enter date"
+	},
+	priority: {
+		inputType: "select",
+		valueToLabel: SUPPORT_TICKET_PRIORITY_NUMBER_TO_LABEL,
+		valueType: "number"
+	},
+	assigned_to: {
+		label: "Assignee",
+		inputType: "select",
+		placeholder: "Auto-assign (round-robin)"
+	}
+});
+const adminSupportTicketUpdateSchemaWithMetadata = withMetadata(StaffSupportTicketUpdateSchema, "adminSupportTicketUpdateSchema", {
+	description: {
+		inputType: "textarea",
+		placeholder: "Enter description"
+	},
+	credit_value: {
+		inputType: "currency",
+		step: .01,
+		placeholder: "Enter credit value"
+	},
+	start_at: {
+		inputType: "date",
+		placeholder: "Enter date"
+	},
+	target_at: {
+		inputType: "date",
+		placeholder: "Enter date"
+	},
+	completed_at: {
+		inputType: "date",
+		placeholder: "Enter date"
+	},
+	priority: {
+		inputType: "select",
+		valueToLabel: SUPPORT_TICKET_PRIORITY_NUMBER_TO_LABEL,
+		valueType: "number"
+	}
+});
+
+//#endregion
+//#region src/slices/support_ticket/staff/StaffCreateSupportTicketForm.vue
+const _hoisted_1$12 = {
+	key: 0,
+	class: "flex flex-col items-center justify-center p-8"
+};
+const _hoisted_2$11 = {
+	key: 1,
+	class: "flex flex-col items-center justify-center p-8"
+};
+const _hoisted_3$9 = { class: "mt-4 text-lg" };
+const _hoisted_4$8 = { class: "mt-6" };
+const _hoisted_5$4 = {
+	key: 1,
+	class: "alert alert-error mb-4"
+};
+const _hoisted_6$3 = { class: "flex justify-center mt-6" };
+const _sfc_main$14 = /* @__PURE__ */ defineComponent({
+	__name: "StaffCreateSupportTicketForm",
+	setup(__props) {
+		const router = useRouter();
+		const attachmentsRef = ref(null);
+		const loadAssigneeOptions = async () => {
+			try {
+				return { triageUsers: [{
+					value: "",
+					label: "Auto-assign (round-robin)"
+				}, ...(await executeWithAuth((api) => api.users.getTriageUsers(), { refreshTokenHandler: getRefreshTokenHandler() }) ?? []).map((u) => ({
+					value: u.id,
+					label: u.email
+				}))] };
+			} catch (error) {
+				console.error("Error fetching triage users", error);
+				return { triageUsers: [{
+					value: "",
+					label: "Auto-assign (round-robin)"
+				}] };
+			}
+		};
+		const { form, zinia, ZiniaForm, ZiniaSubmitButton, ZiniaResetButton, ZiniaFormErrorsSummary, clearSavedFormState } = useForm(adminSupportTicketCreateSchemaWithMetadata, {
+			storeName: `create-admin-support-ticket`,
+			persistToLocalStorage: true,
+			renderStyle: "daisy_ui",
+			dataLoaders: { enriched: loadAssigneeOptions },
+			fetchData: async () => {
+				return {
+					title: "",
+					type: "IMPROVEMENT",
+					priority: SUPPORT_TICKET_PRIORITY_TO_NUMBER.MEDIUM,
+					is_internal: false,
+					assigned_to: null
+				};
+			}
+		});
+		const { mutate: createSupportTicket } = useMutation((api, input) => api.supportTickets.staffCreateTicket(input), { invalidate: /^support-tickets?:/ });
+		const beforeValidate = () => {
+			if (form.values.is_internal) {
+				form.values.credit_value = null;
+				if (!form.values.dev_lifecycle || ![
+					"BACKLOG",
+					"CODE_REVIEW",
+					"DEVELOPMENT",
+					"PLANNING",
+					"PO_APPROVAL",
+					"STAGING",
+					"TESTING",
+					"VERIFICATION"
+				].includes(form.values.dev_lifecycle)) form.values.dev_lifecycle = "BACKLOG";
+			}
+			return true;
+		};
+		const handleSubmit = async (formData) => {
+			const createdSupportTicket = await createSupportTicket(formData);
+			if (!createdSupportTicket) throw new Error("Failed to create support ticket");
+			return createdSupportTicket;
+		};
+		const handleFilesQueued = (_files) => {};
+		const handleSuccess = async (createdSupportTicket) => {
+			if (attachmentsRef.value) try {
+				await attachmentsRef.value.uploadQueuedFiles(createdSupportTicket.id);
+			} catch (error) {
+				console.error("Failed to upload attachments:", error);
+				toast.warning("Ticket created, but some attachments failed to upload. You can add them later.");
+			}
+			clearSavedFormState();
+			await router.push({ name: staffSupportPaths.staff_create_success.name });
+			toast.success(`Support Ticket "${createdSupportTicket.title}" created successfully!`);
+		};
+		const handleError = (error) => {
+			form.setSubmitError(error instanceof Error ? error.message : "An unknown error occurred");
 		};
 		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$11, [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$8)) : createCommentVNode("v-if", true), createTextVNode(" " + toDisplayString(unref(isCancelling) ? "Cancelling..." : "Cancel Internal Task"), 1)], 8, _hoisted_2$10)]),
-						error.value ? (openBlock(), createElementBlock("div", _hoisted_4$8, [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$4, [
-					createElementVNode("h3", _hoisted_7$4, toDisplayString(modalTitle.value), 1),
-					createElementVNode("p", _hoisted_8$4, 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);
+			return unref(form).isLoading ? (openBlock(), createElementBlock("div", _hoisted_1$12, [..._cache[0] || (_cache[0] = [createElementVNode("div", { class: "loading loading-spinner loading-lg" }, null, -1), createElementVNode("p", { class: "mt-4 text-lg" }, "Loading...", -1)])])) : unref(form).loadError ? (openBlock(), createElementBlock("div", _hoisted_2$11, [createElementVNode("p", _hoisted_3$9, toDisplayString(unref(form).loadError), 1)])) : (openBlock(), createBlock(unref(ZiniaForm), {
+				key: 2,
+				onBeforeValidate: beforeValidate,
+				onHandleSubmit: handleSubmit,
+				onSuccess: handleSuccess,
+				onError: handleError,
+				title: "Create Support Ticket",
+				subtitle: "Create new ticket or internal task"
+			}, {
+				default: withCtx(() => [
+					createCommentVNode(" Basic Information "),
+					createVNode(FieldsetSection_default, { title: "Support Ticket Details" }, {
+						default: withCtx(() => [
+							createVNode(unref(zinia).TitleField, { placeholder: "Enter ticket title" }),
+							createVNode(unref(zinia).TypeField),
+							createVNode(unref(zinia).PriorityField)
+						]),
+						_: 1
+					}),
+					createVNode(FieldsetSection_default, { title: "Description" }, {
+						default: withCtx(() => [createVNode(unref(zinia).DescriptionField, {
+							class: "w-full",
+							placeholder: "Describe the ticket in detail"
+						})]),
+						_: 1
+					}),
+					createCommentVNode(" Attachments (Jira-style inline) - Files will be uploaded after ticket creation "),
+					createElementVNode("div", _hoisted_4$8, [createVNode(InlineAttachments_default, {
+						"can-upload": true,
+						"can-delete": false,
+						onFilesQueued: handleFilesQueued,
+						ref_key: "attachmentsRef",
+						ref: attachmentsRef
+					}, null, 512)]),
+					createCommentVNode(" Staff Options "),
+					createVNode(FieldsetSection_default, { title: "Staff Options" }, {
+						default: withCtx(() => [
+							createVNode(unref(zinia).IsInternalField, { label: "Internal Staff Task" }),
+							createVNode(unref(zinia).AssignedToField, { "select-options": unref(form).extraData.enriched?.triageUsers || [] }, null, 8, ["select-options"]),
+							createCommentVNode(" Show devLifecycle only for internal tasks "),
+							unref(form).values.is_internal ? (openBlock(), createBlock(unref(zinia).DevLifecycleField, { key: 0 })) : createCommentVNode("v-if", true)
+						]),
+						_: 1
+					}),
+					createCommentVNode(" Credits (only for customer support ticket) "),
+					!unref(form).values.is_internal ? (openBlock(), createBlock(FieldsetSection_default, {
+						key: 0,
+						title: "Credits (Optional)"
+					}, {
+						default: withCtx(() => [createVNode(unref(zinia).CreditValueField, { placeholder: "0.00" })]),
+						_: 1
+					})) : createCommentVNode("v-if", true),
+					createCommentVNode(" Timeline (Optional) "),
+					createVNode(FieldsetSection_default, { title: "Timeline (Optional)" }, {
+						default: withCtx(() => [createVNode(unref(zinia).StartAtField, { formatter: unref(formatToISODate) }, null, 8, ["formatter"]), createVNode(unref(zinia).TargetAtField, { formatter: unref(formatToISODate) }, null, 8, ["formatter"])]),
+						_: 1
+					}),
+					createCommentVNode(" Form Status Messages "),
+					unref(form).submitError ? (openBlock(), createElementBlock("div", _hoisted_5$4, [_cache[1] || (_cache[1] = 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: "M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"
+					})], -1)), createElementVNode("span", null, toDisplayString(unref(form).submitError), 1)])) : createCommentVNode("v-if", true),
+					createCommentVNode(" Submit Button "),
+					createElementVNode("div", _hoisted_6$3, [createVNode(unref(ZiniaSubmitButton), {
+						submitText: "Create Support Ticket",
+						submittingText: "Creating Support Ticket..."
+					})]),
+					createVNode(unref(ZiniaFormErrorsSummary), { title: "Please fix the following errors:" }),
+					createVNode(unref(ZiniaResetButton))
+				]),
+				_: 1
+			}));
 		};
 	}
 });
-var CancelInternalTaskWorkflow_default = _sfc_main$13;
+var StaffCreateSupportTicketForm_default = _sfc_main$14;
 
 //#endregion
-//#region src/slices/support_ticket/staff/components/ReactivateInternalTaskWorkflow.vue
-const _hoisted_1$10 = { class: "alert alert-info py-2" };
-const _hoisted_2$9 = { class: "flex flex-col gap-2" };
-const _hoisted_3$7 = { class: "text-xs sm:text-sm space-y-1 ml-4 list-disc" };
-const _hoisted_4$7 = { key: 0 };
-const _hoisted_5$3 = { key: 1 };
-const _hoisted_6$3 = { class: "flex justify-end mt-4" };
-const _hoisted_7$3 = ["disabled"];
-const _hoisted_8$3 = {
-	key: 0,
-	class: "loading loading-spinner loading-sm mr-2"
-};
-const _hoisted_9$3 = {
-	key: 0,
-	class: "alert alert-error mt-2 py-2"
-};
-const _hoisted_10$3 = { class: "text-sm" };
-const _hoisted_11$2 = { 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$12 = /* @__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;
+//#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$11 = { class: "flex flex-col sm:flex-row sm:justify-between sm:items-center gap-4 mb-4" };
+const _hoisted_2$10 = { class: "flex items-center gap-2" };
+const _hoisted_3$8 = { class: "flex flex-col sm:flex-row gap-2" };
+const _hoisted_4$7 = [
+	"value",
+	"disabled",
+	"onChange"
+];
+const _hoisted_5$3 = ["value"];
+const _sfc_main$13 = /* @__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 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 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;
 			}
-		};
-		const closeModal = () => {
-			confirmModal.value?.close();
-		};
+		}
+		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) => {
-			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$10, [createElementVNode("div", _hoisted_2$9, [_cache[4] || (_cache[4] = createElementVNode("span", { class: "font-semibold text-sm" }, "What happens when you reopen:", -1)), createElementVNode("ul", _hoisted_3$7, [
-							props.support_ticket.dev_lifecycle === "CANCELLED" ? (openBlock(), createElementBlock("li", _hoisted_4$7, " Sets dev lifecycle to BACKLOG (fresh start) ")) : (openBlock(), createElementBlock("li", _hoisted_5$3, "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$3, [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$3)) : createCommentVNode("v-if", true), createTextVNode(" " + toDisplayString(unref(isReactivating) ? "Reopening..." : "Reopen Task"), 1)], 8, _hoisted_7$3)]),
-						error.value ? (openBlock(), createElementBlock("div", _hoisted_9$3, [createElementVNode("span", _hoisted_10$3, toDisplayString(error.value), 1)])) : createCommentVNode("v-if", true)
-					]),
+			const _component_router_link = resolveComponent("router-link");
+			return openBlock(), createElementBlock("div", null, [createElementVNode("div", _hoisted_1$11, [createElementVNode("div", _hoisted_2$10, [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$8, [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$3);
+				}), 128))], 40, _hoisted_4$7)) : (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
-				})) : createCommentVNode("v-if", true),
-				createCommentVNode(" Confirmation Modal "),
-				createElementVNode("dialog", {
-					ref_key: "confirmModal",
-					ref: confirmModal,
-					class: "modal"
-				}, [createElementVNode("div", _hoisted_11$2, [
-					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);
+				}, 8, ["to"])]),
+				_: 1
+			})]);
 		};
 	}
 });
-var ReactivateInternalTaskWorkflow_default = _sfc_main$12;
+var StaffSupportTicketList_default = _sfc_main$13;
 
 //#endregion
-//#region src/slices/support_ticket/shared/SupportTicketAttachments.vue
-const _sfc_main$11 = /* @__PURE__ */ defineComponent({
-	__name: "SupportTicketAttachments",
+//#region src/slices/support_ticket/staff/StaffSupportTicketSuccess.vue
+const _hoisted_1$10 = { class: "flex flex-col items-center justify-center min-h-[60vh] p-8" };
+const _hoisted_2$9 = { class: "text-center max-w-2xl" };
+const _hoisted_3$7 = { class: "flex flex-col sm:flex-row gap-4 justify-center" };
+const _sfc_main$12 = /* @__PURE__ */ defineComponent({
+	__name: "StaffSupportTicketSuccess",
 	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"]);
+			const _component_router_link = resolveComponent("router-link");
+			return openBlock(), createElementBlock("div", _hoisted_1$10, [createElementVNode("div", _hoisted_2$9, [
+				createCommentVNode(" Success Icon "),
+				_cache[2] || (_cache[2] = createElementVNode("div", { class: "mb-6" }, [createElementVNode("div", { class: "inline-flex items-center justify-center w-20 h-20 bg-success rounded-full" }, [createElementVNode("svg", {
+					class: "w-10 h-10 text-success-content",
+					fill: "none",
+					stroke: "currentColor",
+					viewBox: "0 0 24 24",
+					xmlns: "http://www.w3.org/2000/svg"
+				}, [createElementVNode("path", {
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round",
+					"stroke-width": "2",
+					d: "M5 13l4 4L19 7"
+				})])])], -1)),
+				createCommentVNode(" Success Message "),
+				_cache[3] || (_cache[3] = createElementVNode("h1", { class: "text-3xl font-bold text-base-content mb-4" }, " Support Ticket Created Successfully! ", -1)),
+				_cache[4] || (_cache[4] = createElementVNode("p", { class: "text-lg text-base-content/70 mb-8" }, " The support ticket has been created and is ready for processing. ", -1)),
+				createCommentVNode(" What Happens Next "),
+				_cache[5] || (_cache[5] = createStaticVNode("<div class=\"bg-base-200 rounded-lg p-6 mb-8\"><h2 class=\"text-xl font-semibold mb-4\">Next Steps</h2><div class=\"space-y-3 text-left\"><div class=\"flex items-start gap-3\"><div class=\"flex-shrink-0 w-6 h-6 bg-primary text-primary-content rounded-full flex items-center justify-center text-sm font-semibold\"> 1 </div><div><div class=\"font-medium\">Review &amp; Assign</div><div class=\"text-sm text-base-content/70\"> Review the ticket details and assign to appropriate team member </div></div></div><div class=\"flex items-start gap-3\"><div class=\"flex-shrink-0 w-6 h-6 bg-primary text-primary-content rounded-full flex items-center justify-center text-sm font-semibold\"> 2 </div><div><div class=\"font-medium\">Set Timeline</div><div class=\"text-sm text-base-content/70\"> Update target dates and delivery estimates if needed </div></div></div><div class=\"flex items-start gap-3\"><div class=\"flex-shrink-0 w-6 h-6 bg-primary text-primary-content rounded-full flex items-center justify-center text-sm font-semibold\"> 3 </div><div><div class=\"font-medium\">Begin Work</div><div class=\"text-sm text-base-content/70\"> Start development or operational work as appropriate </div></div></div></div></div>", 1)),
+				createCommentVNode(" Action Buttons "),
+				createElementVNode("div", _hoisted_3$7, [createVNode(_component_router_link, {
+					to: { name: unref(staffSupportPaths).staff_list.name },
+					class: "btn btn-primary btn-lg"
+				}, {
+					default: withCtx(() => [..._cache[0] || (_cache[0] = [createTextVNode(" View All Support Tickets ", -1)])]),
+					_: 1
+				}, 8, ["to"]), createVNode(_component_router_link, {
+					to: { name: unref(staffSupportPaths).staff_create.name },
+					class: "btn btn-outline btn-lg"
+				}, {
+					default: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode(" Create Another Ticket ", -1)])]),
+					_: 1
+				}, 8, ["to"])])
+			])]);
 		};
 	}
 });
-var SupportTicketAttachments_default = _sfc_main$11;
+var StaffSupportTicketSuccess_default = _sfc_main$12;
 
 //#endregion
 //#region src/slices/support_ticket/shared/CreditBalanceWidget.vue
@@ -7916,7 +7970,7 @@ const _hoisted_12 = {
 	key: 2,
 	class: "pt-2"
 };
-const _sfc_main$10 = /* @__PURE__ */ defineComponent({
+const _sfc_main$11 = /* @__PURE__ */ defineComponent({
 	__name: "CreditBalanceWidget",
 	props: {
 		variant: { default: "full" },
@@ -7998,7 +8052,25 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var CreditBalanceWidget_default = /* @__PURE__ */ export_helper_default(_sfc_main$10, [["__scopeId", "data-v-703dc3c5"]]);
+var CreditBalanceWidget_default = /* @__PURE__ */ export_helper_default(_sfc_main$11, [["__scopeId", "data-v-703dc3c5"]]);
+
+//#endregion
+//#region src/slices/support_ticket/shared/SupportTicketAttachments.vue
+const _sfc_main$10 = /* @__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$10;
 
 //#endregion
 //#region src/slices/support_ticket/staff/staffSupportTicketFiltersMetadata.ts
@@ -8246,7 +8318,7 @@ const baseRoutes = [
 	{
 		path: authPaths.reset_password.path,
 		name: authPaths.reset_password.name,
-		component: () => import("./ResetPassword-DAn7dYAp.js"),
+		component: () => import("./ResetPassword-Q8vhelQz.js"),
 		meta: {
 			title: "Reset Password",
 			description: "Reset Password page for Category 5 App"
@@ -8483,7 +8555,7 @@ const adminRoutes = [{
 		{
 			path: "credit-management",
 			name: "CreditManagement",
-			component: () => import("./CreditManagement-0JxmCIAd.js"),
+			component: () => import("./CreditManagement-Bal5mbQC.js"),
 			meta: {
 				title: "Credit Management",
 				description: "Manage customer credits and allocations",
@@ -8524,7 +8596,7 @@ const creditRoutes = [{
 	children: [{
 		path: creditPaths.credit_balance.path,
 		name: creditPaths.credit_balance.name,
-		component: () => import("./CreditBalanceDashboard-BTW4IK66.js"),
+		component: () => import("./CreditBalanceDashboard-CBaQsjyo.js"),
 		meta: {
 			title: "Credit Balance",
 			description: "View your current credit balance and history.",
@@ -9129,5 +9201,5 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 var CreditManagement_default = _sfc_main;
 
 //#endregion
-export { savedFilterRoutes as $, Sidebar_default as $t, ApproveRejectActions_default as A, staffOnly as At, CustomerCreateSupportTicketForm_default as B, SummarySection_default as Bt, CreditBalanceWidget_default as C, userRoutes as Ct, ConvertToInternalWorkflow_default as D, createSuperAdminOnlyGuard as Dt, CancelInternalTaskWorkflow_default as E, createStaffOnlyGuard as Et, adminSupportTicketUpdateSchemaWithMetadata as F, buildQueryWithFilters as Ft, SupportTicketStatusBadge_default as G, KeyValueEditor_default as Gt, customerSupportTicketUpdateSchemaWithMetadata as H, RecordVersionList_default as Ht, StaffSupportTicketList_default as I, deserializeFiltersFromQueryParams as It, customerSupportPaths as J, FieldDisplay_default as Jt, staffSupportPaths as K, FileManager_default as Kt, adminSupportTicketRowSchemaWithMetadata as L, extractFiltersFromQuery as Lt, StaffSupportTicketSuccess_default as M, userIsSuperAdmin as Mt, StaffCreateSupportTicketForm_default as N, userAlreadyLoggedIn as Nt, ConvertToCustomerWorkflow_default as O, createUserAuthorizedGuard as Ot, adminSupportTicketCreateSchemaWithMetadata as P, timezones as Pt, SaveFilterModal_default as Q, Admin_default as Qt, SupportTicketTimeline_default as R, serializeFiltersToQueryParams as Rt, adminSupportTicketFiltersSchemaWithMetadata as S, teamUpdateSchemaWithMetadata as St, ReactivateInternalTaskWorkflow_default as T, createLeadOrStaffOnlyGuard as Tt, CustomerSupportTicketList_default as U, RecordChangesSummary_default as Ut, customerSupportTicketCreateSchemaWithMetadata as V, RecordVersionViewer_default as Vt, customerSupportTicketRowSchemaWithMetadata as W, LoadingErrorStates_default as Wt, SavedFilterPresets_default as X, Default_default as Xt, customerSupportTicketRoutes as Y, InApp_default as Yt, ManagePresetsModal_default as Z, Auth_default as Zt, resetPasswordSchemaWithMetadata as _, teamPaths as _t, addCreditsSchemaWithMetadata as a, RightSidebar_default as an, TeamMemberList_default as at, useSupportTicketStatus as b, teamMemberRoutes as bt, CreditTransactionHistory_default as c, LoginButton_default as cn, CreateTeamMemberForm_default as ct, CreditBalanceOverview_default as d, AppHeader_default as dn, TeamList_default as dt, PINNED_PRESETS_KEY as en, useSavedFilters as et, creditPaths as f, AppTabNavigation_default as fn, teamRowSchemaWithMetadata as ft, ResetPassword_default as g, CreateTeamForm_default as gt, SocialLoginButtons_default as h, EditTeamForm_default as ht, AddCredits_default as i, useBuildTag as in, TeamMemberParent_default as it, CustomerCreditBalance_default as j, userAuthenticated as jt, CompleteSupportTicketForm_default as k, leadOrStaffOnly as kt, CreditTransactionTypeBadge_default as l, InputModal_default as ln, ViewTeam_default as lt, adminRoutes as m, TeamAttachmentsTab_default as mt, SetMonthlyAllocation_default as n, usePinnedPresets as nn, getLastUsedPresetRedirect as nt, setMonthlyAllocationSchemaWithMetadata as o, NotFound_default as on, teamMemberRowSchemaWithMetadata as ot, creditRoutes as p, DragoncoreVue as pn, teamFiltersSchemaWithMetadata as pt, staffSupportTicketRoutes as q, FieldGroup_default as qt, ResetMonthlyBalance_default as r, MS as rn, ViewTeamMember_default as rt, CreditBalanceDashboard_default as s, Navbar_default as sn, teamMemberFiltersSchemaWithMetadata as st, CreditManagement_default as t, useInjectedPinnedPresets as tn, createLastUsedPresetGuard as tt, creditTransactionRowSchemaWithMetadata as u, BaseModal_default as un, TeamParent_default as ut, authPaths as v, teamRoutes as vt, SupportTicketAttachments_default as w, createAuthenticatedGuard as wt, useSupportTicketPermissions as x, teamCreateSchemaWithMetadata as xt, authRoutes as y, teamMemberPaths as yt, CustomerSupportTicketSuccess_default as z, useUserLookup as zt };
-//# sourceMappingURL=src-ChwBeNHB.js.map
+export { savedFilterRoutes as $, Sidebar_default as $t, adminSupportTicketUpdateSchemaWithMetadata as A, staffOnly as At, customerSupportTicketRowSchemaWithMetadata as B, SummarySection_default as Bt, SupportTicketAttachments_default as C, userRoutes as Ct, adminSupportTicketRowSchemaWithMetadata as D, createSuperAdminOnlyGuard as Dt, StaffSupportTicketList_default as E, createStaffOnlyGuard as Et, CancelInternalTaskWorkflow_default as F, buildQueryWithFilters as Ft, SupportTicketTimeline_default as G, KeyValueEditor_default as Gt, CustomerCreateSupportTicketForm_default as H, RecordVersionList_default as Ht, ApproveRejectActions_default as I, deserializeFiltersFromQueryParams as It, customerSupportPaths as J, FieldDisplay_default as Jt, staffSupportPaths as K, FileManager_default as Kt, CustomerCreditBalance_default as L, extractFiltersFromQuery as Lt, ConvertToInternalWorkflow_default as M, userIsSuperAdmin as Mt, ConvertToCustomerWorkflow_default as N, userAlreadyLoggedIn as Nt, StaffCreateSupportTicketForm_default as O, createUserAuthorizedGuard as Ot, CompleteSupportTicketForm_default as P, timezones as Pt, SaveFilterModal_default as Q, Admin_default as Qt, CustomerSupportTicketSuccess_default as R, serializeFiltersToQueryParams as Rt, adminSupportTicketFiltersSchemaWithMetadata as S, teamUpdateSchemaWithMetadata as St, StaffSupportTicketSuccess_default as T, createLeadOrStaffOnlyGuard as Tt, customerSupportTicketCreateSchemaWithMetadata as U, RecordChangesSummary_default as Ut, SupportTicketStatusBadge_default as V, RecordVersionViewer_default as Vt, customerSupportTicketUpdateSchemaWithMetadata as W, LoadingErrorStates_default as Wt, SavedFilterPresets_default as X, Default_default as Xt, customerSupportTicketRoutes as Y, InApp_default as Yt, ManagePresetsModal_default as Z, Auth_default as Zt, resetPasswordSchemaWithMetadata as _, teamPaths as _t, addCreditsSchemaWithMetadata as a, RightSidebar_default as an, TeamMemberList_default as at, useSupportTicketStatus as b, teamMemberRoutes as bt, CreditTransactionHistory_default as c, LoginButton_default as cn, CreateTeamMemberForm_default as ct, CreditBalanceOverview_default as d, AppHeader_default as dn, TeamList_default as dt, PINNED_PRESETS_KEY as en, useSavedFilters as et, creditPaths as f, AppTabNavigation_default as fn, teamRowSchemaWithMetadata as ft, ResetPassword_default as g, CreateTeamForm_default as gt, SocialLoginButtons_default as h, EditTeamForm_default as ht, AddCredits_default as i, useBuildTag as in, TeamMemberParent_default as it, ReactivateInternalTaskWorkflow_default as j, userAuthenticated as jt, adminSupportTicketCreateSchemaWithMetadata as k, leadOrStaffOnly as kt, CreditTransactionTypeBadge_default as l, InputModal_default as ln, ViewTeam_default as lt, adminRoutes as m, TeamAttachmentsTab_default as mt, SetMonthlyAllocation_default as n, usePinnedPresets as nn, getLastUsedPresetRedirect as nt, setMonthlyAllocationSchemaWithMetadata as o, NotFound_default as on, teamMemberRowSchemaWithMetadata as ot, creditRoutes as p, DragoncoreVue as pn, teamFiltersSchemaWithMetadata as pt, staffSupportTicketRoutes as q, FieldGroup_default as qt, ResetMonthlyBalance_default as r, MS as rn, ViewTeamMember_default as rt, CreditBalanceDashboard_default as s, Navbar_default as sn, teamMemberFiltersSchemaWithMetadata as st, CreditManagement_default as t, useInjectedPinnedPresets as tn, createLastUsedPresetGuard as tt, creditTransactionRowSchemaWithMetadata as u, BaseModal_default as un, TeamParent_default as ut, authPaths as v, teamRoutes as vt, CreditBalanceWidget_default as w, createAuthenticatedGuard as wt, useSupportTicketPermissions as x, teamCreateSchemaWithMetadata as xt, authRoutes as y, teamMemberPaths as yt, CustomerSupportTicketList_default as z, useUserLookup as zt };
+//# sourceMappingURL=src-wQ7pAFHx.js.map