@dragonmastery/dragoncore-vue 0.0.1

package/dist/StaffSupportTicketWorkflowTab-DmVTPzxS.js

@@ -0,0 +1,1234 @@
+import { t as useMutation } from "./useMutation-CFwe7H9j.js";
+import { t as useQuery } from "./useQuery-p7oJO7OD.js";
+import { t as ZiniaContainer_default } from "./ZiniaContainer-C7c7Vwkh.js";
+import { n as formatStaffCreditValue, r as SupportTicketTypeBadge_default } from "./creditValueFormatter-DftEzu8d.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createStaticVNode, createTextVNode, createVNode, defineComponent, inject, normalizeClass, openBlock, ref, toDisplayString, unref, withCtx, withModifiers } from "vue";
+import { useRoute, useRouter } from "vue-router";
+import { CompleteSupportTicketSchema } from "@dragonmastery/dragoncore-shared";
+import { useForm, withMetadata } from "@dragonmastery/zinia-forms-core";
+import { toast } from "vue3-toastify";
+
+//#region src/slices/support_ticket/components/SupportTicketApprovalBadge.vue
+const _hoisted_1$9 = ["aria-label"];
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+	__name: "SupportTicketApprovalBadge",
+	props: {
+		approvalStatus: {},
+		size: { default: "md" },
+		variant: { default: "default" }
+	},
+	setup(__props) {
+		/**
+		* SupportTicketApprovalBadge - A reusable Vue component for displaying support ticket approval status
+		* as color-coded badges with consistent DaisyUI styling and accessibility features.
+		*
+		* @example
+		* <SupportTicketApprovalBadge :approvalStatus="'PENDING'" size="md" />
+		* <SupportTicketApprovalBadge :approvalStatus="'APPROVED'" size="sm" variant="outline" />
+		*/
+		const props = __props;
+		/**
+		* Configuration for each approval status badge
+		*/
+		const approvalConfig = {
+			PENDING: {
+				color: "badge-warning",
+				text: "Pending",
+				ariaLabel: "Approval: Awaiting staff decision"
+			},
+			APPROVED: {
+				color: "badge-success",
+				text: "Approved",
+				ariaLabel: "Approval: Approved by staff"
+			},
+			REJECTED: {
+				color: "badge-error",
+				text: "Rejected",
+				ariaLabel: "Approval: Rejected by staff"
+			},
+			INTERNAL: {
+				color: "badge-info",
+				text: "Internal",
+				ariaLabel: "Approval: Internal staff ticket"
+			}
+		};
+		const getApprovalConfig = (approvalStatus) => {
+			const config$1 = approvalConfig[approvalStatus];
+			if (!config$1) return {
+				color: "badge-neutral",
+				text: approvalStatus || "Unknown",
+				ariaLabel: `Approval: ${approvalStatus || "Unknown status"}`
+			};
+			return config$1;
+		};
+		const config = computed(() => getApprovalConfig(props.approvalStatus));
+		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$9);
+		};
+	}
+});
+var SupportTicketApprovalBadge_default = _sfc_main$9;
+
+//#endregion
+//#region src/slices/support_ticket/components/SupportTicketDevLifecycleBadge.vue
+const _hoisted_1$8 = ["aria-label"];
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+	__name: "SupportTicketDevLifecycleBadge",
+	props: {
+		devLifecycle: {},
+		size: { default: "md" },
+		variant: { default: "default" }
+	},
+	setup(__props) {
+		/**
+		* SupportTicketDevLifecycleBadge - A reusable Vue component for displaying support ticket dev lifecycle
+		* as color-coded badges with consistent DaisyUI styling and accessibility features.
+		*
+		* @example
+		* <SupportTicketDevLifecycleBadge :devLifecycle="'DEVELOPMENT'" size="md" />
+		* <SupportTicketDevLifecycleBadge :devLifecycle="'TESTING'" size="sm" variant="outline" />
+		*/
+		const props = __props;
+		/**
+		* Configuration for each dev lifecycle badge
+		*/
+		const devLifecycleConfig = {
+			PENDING: {
+				color: "badge-neutral",
+				text: "Pending",
+				ariaLabel: "Dev Stage: Pending"
+			},
+			BACKLOG: {
+				color: "badge-info",
+				text: "Backlog",
+				ariaLabel: "Dev Stage: In backlog"
+			},
+			PLANNING: {
+				color: "badge-info",
+				text: "Planning",
+				ariaLabel: "Dev Stage: Planning phase"
+			},
+			DEVELOPMENT: {
+				color: "badge-secondary",
+				text: "Dev",
+				ariaLabel: "Dev Stage: In development"
+			},
+			CODE_REVIEW: {
+				color: "badge-secondary",
+				text: "Review",
+				ariaLabel: "Dev Stage: Code review"
+			},
+			TESTING: {
+				color: "badge-warning",
+				text: "Testing",
+				ariaLabel: "Dev Stage: Testing phase"
+			},
+			STAGING: {
+				color: "badge-warning",
+				text: "Staging",
+				ariaLabel: "Dev Stage: On staging"
+			},
+			PO_APPROVAL: {
+				color: "badge-warning",
+				text: "PO Review",
+				ariaLabel: "Dev Stage: Awaiting PO approval"
+			},
+			DEPLOYED: {
+				color: "badge-success",
+				text: "Live",
+				ariaLabel: "Dev Stage: Deployed to production"
+			},
+			CANCELLED: {
+				color: "badge-error",
+				text: "Cancelled",
+				ariaLabel: "Dev Stage: Cancelled"
+			}
+		};
+		const getDevLifecycleConfig = (devLifecycle) => {
+			const config$1 = devLifecycleConfig[devLifecycle];
+			if (!config$1) return {
+				color: "badge-neutral",
+				text: devLifecycle || "Unknown",
+				ariaLabel: `Dev Stage: ${devLifecycle || "Unknown stage"}`
+			};
+			return config$1;
+		};
+		const config = computed(() => getDevLifecycleConfig(props.devLifecycle));
+		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$8);
+		};
+	}
+});
+var SupportTicketDevLifecycleBadge_default = _sfc_main$8;
+
+//#endregion
+//#region src/slices/support_ticket/staff/components/CustomerCreditBalance.vue
+const _hoisted_1$7 = {
+	key: 0,
+	class: "flex items-center gap-2"
+};
+const _hoisted_2$7 = { class: "space-y-2" };
+const _hoisted_3$7 = { class: "grid grid-cols-2 gap-2 text-sm" };
+const _hoisted_4$7 = { class: "font-bold ml-2" };
+const _hoisted_5$7 = { class: "font-bold ml-2" };
+const _hoisted_6$7 = {
+	key: 0,
+	class: "alert alert-warning alert-sm"
+};
+const _sfc_main$7 = /* @__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$7, [..._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$7, [
+				createElementVNode("div", _hoisted_3$7, [createElementVNode("div", null, [_cache[2] || (_cache[2] = createElementVNode("span", { class: "text-base-content/60" }, "Monthly:", -1)), createElementVNode("span", _hoisted_4$7, 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$7, toDisplayString(unref(formatStaffCreditValue)(creditBalance.value.rollover)), 1)])]),
+				createElementVNode("div", { class: normalizeClass(["flex items-center justify-between p-2 rounded", {
+					"bg-success/20": totalAvailable.value > 0,
+					"bg-error/20": totalAvailable.value === 0
+				}]) }, [_cache[4] || (_cache[4] = createElementVNode("span", { class: "text-sm font-medium" }, "Total Available:", -1)), createElementVNode("span", { class: normalizeClass(["font-bold", {
+					"text-success": totalAvailable.value > 0,
+					"text-error": totalAvailable.value === 0
+				}]) }, toDisplayString(unref(formatStaffCreditValue)(totalAvailable.value.toString())), 3)], 2),
+				createCommentVNode(" Warning if no balance "),
+				totalAvailable.value === 0 ? (openBlock(), createElementBlock("div", _hoisted_6$7, [..._cache[5] || (_cache[5] = [createElementVNode("svg", {
+					xmlns: "http://www.w3.org/2000/svg",
+					class: "stroke-current shrink-0 h-4 w-4",
+					fill: "none",
+					viewBox: "0 0 24 24"
+				}, [createElementVNode("path", {
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round",
+					"stroke-width": "2",
+					d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
+				})], -1), createElementVNode("span", { class: "text-xs" }, "Customer has insufficient credits", -1)])])) : createCommentVNode("v-if", true)
+			])], 2112)) : createCommentVNode("v-if", true)]);
+		};
+	}
+});
+var CustomerCreditBalance_default = _sfc_main$7;
+
+//#endregion
+//#region src/slices/support_ticket/staff/components/ApproveRejectActions.vue
+const _hoisted_1$6 = {
+	key: 0,
+	class: "alert alert-warning py-2"
+};
+const _hoisted_2$6 = {
+	key: 1,
+	class: "space-y-3"
+};
+const _hoisted_3$6 = { class: "alert alert-info py-2" };
+const _hoisted_4$6 = { class: "text-xs sm:text-sm" };
+const _hoisted_5$6 = { class: "bg-base-100 rounded-lg p-3" };
+const _hoisted_6$6 = { class: "flex flex-col sm:flex-row gap-2 sm:gap-3 justify-end mt-4" };
+const _hoisted_7$6 = ["disabled"];
+const _hoisted_8$6 = {
+	key: 0,
+	class: "loading loading-spinner loading-sm mr-2"
+};
+const _hoisted_9$5 = ["disabled"];
+const _hoisted_10$2 = {
+	key: 0,
+	class: "loading loading-spinner loading-sm mr-2"
+};
+const _hoisted_11$2 = {
+	key: 2,
+	class: "alert alert-error mt-2 py-2"
+};
+const _hoisted_12$2 = { class: "text-sm" };
+const _hoisted_13$2 = { class: "alert alert-warning py-2" };
+const _hoisted_14$2 = { class: "text-xs sm:text-sm" };
+const _hoisted_15$1 = { class: "font-semibold" };
+const _hoisted_16$1 = {
+	key: 0,
+	class: "alert alert-info py-2"
+};
+const _hoisted_17$1 = { 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 _sfc_main$6 = /* @__PURE__ */ defineComponent({
+	__name: "ApproveRejectActions",
+	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 modalButtonClass = ref("");
+		const modalCallback = ref(null);
+		const { mutate: approveSupportTicket, loading: isApproving } = useMutation((api, input) => api.supportTickets.approveTicket(input), { invalidate: /^support-tickets?:/ });
+		const { mutate: rejectSupportTicket, loading: isRejecting } = useMutation((api, input) => api.supportTickets.rejectTicket(input), { invalidate: /^support-tickets?:/ });
+		const { mutate: revertSupportTicket, loading: isReverting } = useMutation((api, input) => api.supportTickets.revertTicket(input), { invalidate: /^support-tickets?:/ });
+		const showApproveModal = () => {
+			const creditDisplay = formatStaffCreditValue(props.support_ticket.credit_value, props.support_ticket.approval_status);
+			const credits = creditDisplay === "TBD" || creditDisplay === "N/A" ? 0 : parseFloat(creditDisplay);
+			modalTitle.value = "Approve Support Ticket?";
+			modalMessage.value = `This will:\n\n• Deduct ${credits.toFixed(2)} credits from customer\n• Lock the support ticket item\n• Start development workflow\n\nThis action cannot be undone.`;
+			modalButtonText.value = "Approve & Deduct";
+			modalButtonClass.value = "btn-success";
+			modalCallback.value = handleApprove;
+			confirmModal.value?.showModal();
+		};
+		const showRejectModal = () => {
+			modalTitle.value = "Reject Support Ticket?";
+			modalMessage.value = "This will:\n\n• Reject this support ticket request\n• Lock the support ticket item\n• No credits will be deducted\n\nThe customer will be notified.";
+			modalButtonText.value = "Reject";
+			modalButtonClass.value = "btn-error";
+			modalCallback.value = handleReject;
+			confirmModal.value?.showModal();
+		};
+		const showRevertModal = () => {
+			modalTitle.value = "Revert Support Ticket to PENDING?";
+			const creditDisplay = formatStaffCreditValue(props.support_ticket.credit_value, props.support_ticket.approval_status);
+			modalMessage.value = "This will:\n\n• Change status back to PENDING\n• Unlock the support ticket item\n" + (creditDisplay !== "TBD" && creditDisplay !== "N/A" ? `• Refund ${creditDisplay} credits to customer\n` : "") + "• Allow the customer to edit again\n\nAre you sure you want to revert this decision?";
+			modalButtonText.value = "Revert to PENDING";
+			modalButtonClass.value = "btn-warning";
+			modalCallback.value = handleRevert;
+			confirmModal.value?.showModal();
+		};
+		const closeModal = () => {
+			confirmModal.value?.close();
+			modalCallback.value = null;
+		};
+		const handleApprove = async () => {
+			error.value = null;
+			closeModal();
+			try {
+				const response = await approveSupportTicket({ id: props.support_ticket.id });
+				toast.success(`Support Ticket approved! ${formatStaffCreditValue(props.support_ticket.credit_value, props.support_ticket.approval_status)} credits deducted.`);
+				emit("update", response);
+			} catch (e) {
+				const errorMessage = e instanceof Error ? e.message : "An unknown error occurred.";
+				error.value = errorMessage;
+				toast.error(errorMessage);
+			}
+		};
+		const handleReject = async () => {
+			error.value = null;
+			closeModal();
+			try {
+				const response = await rejectSupportTicket({ id: props.support_ticket.id });
+				toast.info("Support Ticket rejected.");
+				emit("update", response);
+			} catch (e) {
+				const errorMessage = e instanceof Error ? e.message : "An unknown error occurred.";
+				error.value = errorMessage;
+				toast.error(errorMessage);
+			}
+		};
+		const handleRevert = async () => {
+			error.value = null;
+			closeModal();
+			try {
+				const response = await revertSupportTicket({ id: props.support_ticket.id });
+				const creditDisplay = formatStaffCreditValue(props.support_ticket.credit_value, props.support_ticket.approval_status);
+				const refundMessage = creditDisplay !== "TBD" && creditDisplay !== "N/A" ? ` ${creditDisplay} credits refunded.` : "";
+				toast.success(`Support Ticket reverted to PENDING.${refundMessage}`);
+				emit("update", response);
+			} catch (e) {
+				const errorMessage = e instanceof Error ? e.message : "An unknown error occurred.";
+				error.value = errorMessage;
+				toast.error(errorMessage);
+			}
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [
+				createCommentVNode(" Approve/Reject Section (PENDING only) "),
+				props.support_ticket.approval_status === "PENDING" ? (openBlock(), createBlock(ZiniaContainer_default, { key: 0 }, {
+					default: withCtx(() => [
+						_cache[3] || (_cache[3] = 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$6, [..._cache[1] || (_cache[1] = [createElementVNode("div", null, [createElementVNode("svg", {
+							xmlns: "http://www.w3.org/2000/svg",
+							class: "stroke-current shrink-0 h-5 w-5",
+							fill: "none",
+							viewBox: "0 0 24 24"
+						}, [createElementVNode("path", {
+							"stroke-linecap": "round",
+							"stroke-linejoin": "round",
+							"stroke-width": "2",
+							d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
+						})]), createElementVNode("span", { class: "text-xs sm:text-sm" }, "You must set an estimate before approving")], -1)])])) : (openBlock(), createElementBlock("div", _hoisted_2$6, [
+							createElementVNode("div", _hoisted_3$6, [createElementVNode("div", null, [createElementVNode("span", _hoisted_4$6, "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$6, [_cache[2] || (_cache[2] = createElementVNode("h4", { class: "text-xs sm:text-sm font-medium mb-2" }, "Customer Balance Check", -1)), createVNode(CustomerCreditBalance_default)])
+						])),
+						createElementVNode("div", _hoisted_6$6, [createElementVNode("button", {
+							class: "btn btn-error btn-outline w-full sm:w-auto order-2 sm:order-1",
+							onClick: withModifiers(showRejectModal, ["prevent"]),
+							disabled: unref(isApproving) || unref(isRejecting)
+						}, [unref(isRejecting) ? (openBlock(), createElementBlock("span", _hoisted_8$6)) : createCommentVNode("v-if", true), createTextVNode(" " + toDisplayString(unref(isRejecting) ? "Rejecting..." : "Reject"), 1)], 8, _hoisted_7$6), createElementVNode("button", {
+							class: "btn btn-success w-full sm:w-auto order-1 sm:order-2",
+							onClick: withModifiers(showApproveModal, ["prevent"]),
+							disabled: unref(formatStaffCreditValue)(props.support_ticket.credit_value, props.support_ticket.approval_status) === "TBD" || unref(isApproving) || unref(isRejecting)
+						}, [unref(isApproving) ? (openBlock(), createElementBlock("span", _hoisted_10$2)) : createCommentVNode("v-if", true), createTextVNode(" " + toDisplayString(unref(isApproving) ? "Approving..." : "Approve & Deduct"), 1)], 8, _hoisted_9$5)]),
+						error.value ? (openBlock(), createElementBlock("div", _hoisted_11$2, [createElementVNode("span", _hoisted_12$2, toDisplayString(error.value), 1)])) : createCommentVNode("v-if", true)
+					]),
+					_: 1
+				})) : props.support_ticket.approval_status === "APPROVED" || props.support_ticket.approval_status === "REJECTED" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createCommentVNode(" Revert Section (APPROVED/REJECTED only) "), createVNode(ZiniaContainer_default, null, {
+					default: withCtx(() => [
+						_cache[8] || (_cache[8] = createElementVNode("h3", { class: "card-title text-base sm:text-lg" }, "Revert Decision", -1)),
+						createElementVNode("div", _hoisted_13$2, [_cache[7] || (_cache[7] = createElementVNode("svg", {
+							xmlns: "http://www.w3.org/2000/svg",
+							class: "stroke-current shrink-0 h-5 w-5",
+							fill: "none",
+							viewBox: "0 0 24 24"
+						}, [createElementVNode("path", {
+							"stroke-linecap": "round",
+							"stroke-linejoin": "round",
+							"stroke-width": "2",
+							d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
+						})], -1)), createElementVNode("div", _hoisted_14$2, [_cache[6] || (_cache[6] = createElementVNode("div", { class: "font-medium mb-1" }, "Admin Action Required", -1)), createElementVNode("div", null, [
+							_cache[4] || (_cache[4] = createTextVNode(" This support ticket is currently ", -1)),
+							createElementVNode("span", _hoisted_15$1, toDisplayString(props.support_ticket.approval_status), 1),
+							_cache[5] || (_cache[5] = createTextVNode(". You can revert it back to PENDING status. ", -1))
+						])])]),
+						unref(formatStaffCreditValue)(props.support_ticket.credit_value, props.support_ticket.approval_status) !== "TBD" && unref(formatStaffCreditValue)(props.support_ticket.credit_value, props.support_ticket.approval_status) !== "N/A" ? (openBlock(), createElementBlock("div", _hoisted_16$1, [createElementVNode("div", _hoisted_17$1, " Credits: " + toDisplayString(unref(formatStaffCreditValue)(props.support_ticket.credit_value, props.support_ticket.approval_status)) + " will be refunded to customer ", 1)])) : createCommentVNode("v-if", true),
+						createElementVNode("div", _hoisted_18, [createElementVNode("button", {
+							class: "btn btn-warning w-full sm:w-auto",
+							onClick: withModifiers(showRevertModal, ["prevent"]),
+							disabled: unref(isReverting)
+						}, [unref(isReverting) ? (openBlock(), createElementBlock("span", _hoisted_20)) : createCommentVNode("v-if", true), createTextVNode(" " + toDisplayString(unref(isReverting) ? "Reverting..." : "Revert to PENDING"), 1)], 8, _hoisted_19)]),
+						error.value ? (openBlock(), createElementBlock("div", _hoisted_21, [createElementVNode("span", _hoisted_22, toDisplayString(error.value), 1)])) : createCommentVNode("v-if", true)
+					]),
+					_: 1
+				})], 2112)) : createCommentVNode("v-if", true),
+				createCommentVNode(" Confirmation Modal "),
+				createElementVNode("dialog", {
+					ref_key: "confirmModal",
+					ref: confirmModal,
+					class: "modal"
+				}, [createElementVNode("div", _hoisted_23, [
+					createElementVNode("h3", _hoisted_24, toDisplayString(modalTitle.value), 1),
+					createElementVNode("p", _hoisted_25, toDisplayString(modalMessage.value), 1),
+					createElementVNode("div", _hoisted_26, [createElementVNode("button", {
+						class: "btn btn-ghost",
+						onClick: closeModal
+					}, "Cancel"), createElementVNode("button", {
+						class: normalizeClass(["btn", modalButtonClass.value]),
+						onClick: _cache[0] || (_cache[0] = () => modalCallback.value?.())
+					}, toDisplayString(modalButtonText.value), 3)])
+				]), createElementVNode("form", {
+					method: "dialog",
+					class: "modal-backdrop"
+				}, [createElementVNode("button", { onClick: closeModal }, "close")])], 512)
+			], 64);
+		};
+	}
+});
+var ApproveRejectActions_default = _sfc_main$6;
+
+//#endregion
+//#region src/slices/support_ticket/staff/components/CancelInternalTaskWorkflow.vue
+const _hoisted_1$5 = { class: "flex justify-end mt-4" };
+const _hoisted_2$5 = ["disabled"];
+const _hoisted_3$5 = {
+	key: 0,
+	class: "loading loading-spinner loading-sm mr-2"
+};
+const _hoisted_4$5 = {
+	key: 0,
+	class: "alert alert-error mt-2 py-2"
+};
+const _hoisted_5$5 = { class: "text-sm" };
+const _hoisted_6$5 = { class: "modal-box" };
+const _hoisted_7$5 = { class: "font-bold text-lg" };
+const _hoisted_8$5 = { class: "py-4 whitespace-pre-line" };
+const _hoisted_9$4 = { class: "modal-action" };
+const _sfc_main$5 = /* @__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$5, [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$5)) : createCommentVNode("v-if", true), createTextVNode(" " + toDisplayString(unref(isCancelling) ? "Cancelling..." : "Cancel Internal Task"), 1)], 8, _hoisted_2$5)]),
+						error.value ? (openBlock(), createElementBlock("div", _hoisted_4$5, [createElementVNode("span", _hoisted_5$5, toDisplayString(error.value), 1)])) : createCommentVNode("v-if", true)
+					]),
+					_: 1
+				})) : createCommentVNode("v-if", true),
+				createCommentVNode(" Confirmation Modal "),
+				createElementVNode("dialog", {
+					ref_key: "confirmModal",
+					ref: confirmModal,
+					class: "modal"
+				}, [createElementVNode("div", _hoisted_6$5, [
+					createElementVNode("h3", _hoisted_7$5, toDisplayString(modalTitle.value), 1),
+					createElementVNode("p", _hoisted_8$5, toDisplayString(modalMessage.value), 1),
+					createElementVNode("div", _hoisted_9$4, [createElementVNode("button", {
+						class: "btn btn-ghost",
+						onClick: closeModal
+					}, "Cancel"), createElementVNode("button", {
+						class: "btn btn-error",
+						onClick: _cache[0] || (_cache[0] = () => modalCallback.value?.())
+					}, toDisplayString(modalButtonText.value), 1)])
+				]), createElementVNode("form", {
+					method: "dialog",
+					class: "modal-backdrop"
+				}, [createElementVNode("button", { onClick: closeModal }, "close")])], 512)
+			], 64);
+		};
+	}
+});
+var CancelInternalTaskWorkflow_default = _sfc_main$5;
+
+//#endregion
+//#region src/slices/support_ticket/staff/components/CompleteSupportTicketForm.vue
+const _hoisted_1$4 = { class: "text-xs sm:text-sm text-base-content/70 mb-4" };
+const _hoisted_2$4 = { class: "font-semibold" };
+const _hoisted_3$4 = { class: "text-xs sm:text-sm" };
+const _hoisted_4$4 = { class: "grid grid-cols-2 gap-2 sm:gap-4 mt-2" };
+const _hoisted_5$4 = { class: "bg-base-100 p-3 rounded-lg" };
+const _hoisted_6$4 = { class: "text-lg sm:text-xl font-bold text-primary" };
+const _hoisted_7$4 = { class: "bg-base-100 p-3 rounded-lg" };
+const _hoisted_8$4 = { class: "text-xs text-base-content/60" };
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+	__name: "CompleteSupportTicketForm",
+	props: { support_ticket: {} },
+	emits: ["update"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const { form, zinia, ZiniaSubmitButton, ZiniaForm } = useForm(withMetadata(CompleteSupportTicketSchema.pick({ delivered_value: true }), "completeSupportTicketSchema", { delivered_value: {
+			inputType: "text",
+			placeholder: "100.00"
+		} }), {
+			storeName: `complete-support_ticket-${props.support_ticket.id}`,
+			persistToLocalStorage: false,
+			renderStyle: "daisy_ui",
+			initialValues: { delivered_value: formatStaffCreditValue(props.support_ticket.credit_value, props.support_ticket.approval_status) === "TBD" || formatStaffCreditValue(props.support_ticket.credit_value, props.support_ticket.approval_status) === "N/A" ? "0.00" : formatStaffCreditValue(props.support_ticket.credit_value, props.support_ticket.approval_status) }
+		});
+		const { mutate: completeSupportTicket } = useMutation((api, input) => api.supportTickets.completeTicket(input), { invalidate: /^support-tickets?:/ });
+		const isCompleted = computed(() => props.support_ticket.status === "COMPLETED");
+		const getComparisonClass = () => {
+			const creditDisplay = formatStaffCreditValue(props.support_ticket.credit_value, props.support_ticket.approval_status);
+			if (!form.values.delivered_value || creditDisplay === "TBD" || creditDisplay === "N/A") return "";
+			const actual = parseFloat(form.values.delivered_value);
+			const final = parseFloat(creditDisplay);
+			if (isNaN(actual) || isNaN(final)) return "";
+			if (actual > final) return "alert-warning";
+			if (actual === final) return "alert-success";
+			return "alert-info";
+		};
+		const getComparisonMessage = () => {
+			const creditDisplay = formatStaffCreditValue(props.support_ticket.credit_value, props.support_ticket.approval_status);
+			if (!form.values.delivered_value || creditDisplay === "TBD" || creditDisplay === "N/A") return "";
+			const actual = parseFloat(form.values.delivered_value);
+			const final = parseFloat(creditDisplay);
+			if (isNaN(actual) || isNaN(final)) return "";
+			const variance = ((actual - final) / final * 100).toFixed(1);
+			if (actual > final) return `📈 Took ${(actual - final).toFixed(2)} more effort (+${variance}%)`;
+			else if (actual === final) return "🎯 Exactly on estimate!";
+			else return `📉 Took ${(final - actual).toFixed(2)} less effort (${variance}%)`;
+		};
+		const getActualClass = () => {
+			const creditDisplay = formatStaffCreditValue(props.support_ticket.credit_value, props.support_ticket.approval_status);
+			if (!props.support_ticket.delivered_value || creditDisplay === "TBD" || creditDisplay === "N/A") return "";
+			const actual = parseFloat(props.support_ticket.delivered_value);
+			const final = parseFloat(creditDisplay);
+			if (isNaN(actual) || isNaN(final)) return "";
+			if (actual > final) return "text-warning";
+			if (actual === final) return "text-success";
+			return "text-info";
+		};
+		const getVarianceLabel = () => {
+			const creditDisplay = formatStaffCreditValue(props.support_ticket.credit_value, props.support_ticket.approval_status);
+			if (!props.support_ticket.delivered_value || creditDisplay === "TBD" || creditDisplay === "N/A") return "Work performed";
+			const actual = parseFloat(props.support_ticket.delivered_value);
+			const final = parseFloat(creditDisplay);
+			if (isNaN(actual) || isNaN(final)) return "Work performed";
+			const diff = actual - final;
+			const variance = (diff / final * 100).toFixed(1);
+			if (diff > 0) return `+${variance}% over estimate`;
+			if (diff < 0) return `${variance}% under estimate`;
+			return "On target";
+		};
+		const handleComplete = async (formData) => {
+			const response = await completeSupportTicket({
+				id: props.support_ticket.id,
+				delivered_value: formData.delivered_value
+			});
+			if (!response) throw new Error("Failed to complete support ticket");
+			return response;
+		};
+		const handleSuccess = () => {
+			toast.success("SupportTicket marked as completed!", {});
+			emit("update");
+		};
+		const handleError = (error) => {
+			const errorMessage = error instanceof Error ? error.message : "An unknown error occurred.";
+			toast.error(errorMessage);
+		};
+		return (_ctx, _cache) => {
+			return ["APPROVED", "INTERNAL"].includes(props.support_ticket.approval_status) && !isCompleted.value ? (openBlock(), createBlock(unref(ZiniaForm), {
+				key: 0,
+				onHandleSubmit: handleComplete,
+				onSuccess: handleSuccess,
+				onError: handleError
+			}, {
+				default: withCtx(() => [
+					_cache[2] || (_cache[2] = createElementVNode("h3", { class: "card-title text-base sm:text-lg" }, "Complete Support Ticket", -1)),
+					createElementVNode("p", _hoisted_1$4, [
+						_cache[0] || (_cache[0] = createTextVNode(" Customer was charged ", -1)),
+						createElementVNode("span", _hoisted_2$4, toDisplayString(unref(formatStaffCreditValue)(props.support_ticket.credit_value, props.support_ticket.approval_status)), 1),
+						_cache[1] || (_cache[1] = createTextVNode(" credits ", -1))
+					]),
+					createCommentVNode(" Delivered Value Field "),
+					createVNode(unref(zinia).DeliveredValueField, {
+						label: "Actual Effort Delivered",
+						placeholder: "100.00",
+						hint: "How much effort did it actually take?"
+					}),
+					createCommentVNode(" Variance Indicator "),
+					unref(form).values.delivered_value && unref(formatStaffCreditValue)(props.support_ticket.credit_value, props.support_ticket.approval_status) !== "TBD" && unref(formatStaffCreditValue)(props.support_ticket.credit_value, props.support_ticket.approval_status) !== "N/A" ? (openBlock(), createElementBlock("div", {
+						key: 0,
+						class: normalizeClass(["alert py-2", getComparisonClass()])
+					}, [createElementVNode("span", _hoisted_3$4, toDisplayString(getComparisonMessage()), 1)], 2)) : createCommentVNode("v-if", true),
+					createVNode(unref(ZiniaSubmitButton), {
+						submitText: "Mark as Completed",
+						submittingText: "Completing..."
+					})
+				]),
+				_: 1
+			})) : isCompleted.value ? (openBlock(), createBlock(ZiniaContainer_default, { key: 1 }, {
+				default: withCtx(() => [_cache[6] || (_cache[6] = createElementVNode("h3", { class: "card-title text-success text-base sm:text-lg" }, "✅ Completed", -1)), createElementVNode("div", _hoisted_4$4, [createElementVNode("div", _hoisted_5$4, [
+					_cache[3] || (_cache[3] = createElementVNode("div", { class: "text-xs text-base-content/70" }, "Customer Charged", -1)),
+					createElementVNode("div", _hoisted_6$4, toDisplayString(unref(formatStaffCreditValue)(props.support_ticket.credit_value, props.support_ticket.approval_status)), 1),
+					_cache[4] || (_cache[4] = createElementVNode("div", { class: "text-xs text-base-content/60" }, "Fixed price", -1))
+				]), createElementVNode("div", _hoisted_7$4, [
+					_cache[5] || (_cache[5] = createElementVNode("div", { class: "text-xs text-base-content/70" }, "Actual Effort", -1)),
+					createElementVNode("div", { class: normalizeClass(["text-lg sm:text-xl font-bold", getActualClass()]) }, toDisplayString(props.support_ticket.delivered_value ?? "N/A"), 3),
+					createElementVNode("div", _hoisted_8$4, toDisplayString(getVarianceLabel()), 1)
+				])])]),
+				_: 1
+			})) : createCommentVNode("v-if", true);
+		};
+	}
+});
+var CompleteSupportTicketForm_default = _sfc_main$4;
+
+//#endregion
+//#region src/slices/support_ticket/staff/components/ConvertToCustomerWorkflow.vue
+const _hoisted_1$3 = { class: "flex justify-end mt-4" };
+const _hoisted_2$3 = ["disabled"];
+const _hoisted_3$3 = {
+	key: 0,
+	class: "loading loading-spinner loading-sm mr-2"
+};
+const _hoisted_4$3 = {
+	key: 0,
+	class: "alert alert-error mt-2 py-2"
+};
+const _hoisted_5$3 = { class: "text-sm" };
+const _hoisted_6$3 = { class: "modal-box" };
+const _hoisted_7$3 = { class: "font-bold text-lg" };
+const _hoisted_8$3 = { class: "py-4 whitespace-pre-line" };
+const _hoisted_9$3 = { class: "modal-action" };
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+	__name: "ConvertToCustomerWorkflow",
+	props: { support_ticket: {} },
+	emits: ["update"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const error = ref(null);
+		const confirmModal = ref(null);
+		const modalTitle = ref("");
+		const modalMessage = ref("");
+		const modalButtonText = ref("");
+		const modalCallback = ref(null);
+		const { mutate: convertToCustomer, loading: isConverting } = useMutation((api, input) => api.supportTickets.convertToCustomer(input.id), { invalidate: /^support-tickets?:/ });
+		const showConvertModal = () => {
+			modalTitle.value = "Convert to Customer Support Ticket?";
+			modalMessage.value = "This will:\n\n• Change status to PENDING\n• Require approval workflow\n• Clear dev lifecycle stage\n• Reset to planning phase\n\nYou'll need to set a credit estimate before the support ticket can be approved.";
+			modalButtonText.value = "Convert to Customer Support Ticket";
+			modalCallback.value = handleConvert;
+			confirmModal.value?.showModal();
+		};
+		const handleConvert = async () => {
+			error.value = null;
+			try {
+				const result = await convertToCustomer({ id: props.support_ticket.id });
+				toast.success("✅ Converted to customer support ticket successfully");
+				closeModal();
+				emit("update", result);
+			} catch (err) {
+				error.value = err instanceof Error ? err.message : "Failed to convert";
+				toast.error(`❌ ${error.value}`);
+			}
+		};
+		const closeModal = () => {
+			confirmModal.value?.close();
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [
+				createCommentVNode(" Convert to Customer SupportTicket Section (INTERNAL only) "),
+				props.support_ticket.approval_status === "INTERNAL" ? (openBlock(), createBlock(ZiniaContainer_default, { key: 0 }, {
+					default: withCtx(() => [
+						_cache[1] || (_cache[1] = createElementVNode("h3", { class: "card-title text-base sm:text-lg" }, "Convert to Customer SupportTicket", -1)),
+						_cache[2] || (_cache[2] = createElementVNode("div", { class: "alert alert-info py-2" }, [createElementVNode("div", { class: "flex flex-col gap-2" }, [createElementVNode("span", { class: "font-semibold text-sm" }, "What happens when you convert:"), createElementVNode("ul", { class: "text-xs sm:text-sm space-y-1 ml-4 list-disc" }, [
+							createElementVNode("li", null, "Changes status from internal task to customer support_ticket"),
+							createElementVNode("li", null, "Requires approval workflow (goes to PENDING)"),
+							createElementVNode("li", null, "Clears dev lifecycle (back to planning)"),
+							createElementVNode("li", null, "Staff must set credit estimate before approval")
+						])])], -1)),
+						createElementVNode("div", _hoisted_1$3, [createElementVNode("button", {
+							class: "btn btn-primary w-full sm:w-auto",
+							onClick: withModifiers(showConvertModal, ["prevent"]),
+							disabled: unref(isConverting)
+						}, [unref(isConverting) ? (openBlock(), createElementBlock("span", _hoisted_3$3)) : createCommentVNode("v-if", true), createTextVNode(" " + toDisplayString(unref(isConverting) ? "Converting..." : "Convert to Customer SupportTicket"), 1)], 8, _hoisted_2$3)]),
+						error.value ? (openBlock(), createElementBlock("div", _hoisted_4$3, [createElementVNode("span", _hoisted_5$3, toDisplayString(error.value), 1)])) : createCommentVNode("v-if", true)
+					]),
+					_: 1
+				})) : createCommentVNode("v-if", true),
+				createCommentVNode(" Confirmation Modal "),
+				createElementVNode("dialog", {
+					ref_key: "confirmModal",
+					ref: confirmModal,
+					class: "modal"
+				}, [createElementVNode("div", _hoisted_6$3, [
+					createElementVNode("h3", _hoisted_7$3, toDisplayString(modalTitle.value), 1),
+					createElementVNode("p", _hoisted_8$3, toDisplayString(modalMessage.value), 1),
+					createElementVNode("div", _hoisted_9$3, [createElementVNode("button", {
+						class: "btn btn-ghost",
+						onClick: closeModal
+					}, "Cancel"), createElementVNode("button", {
+						class: "btn btn-primary",
+						onClick: _cache[0] || (_cache[0] = () => modalCallback.value?.())
+					}, toDisplayString(modalButtonText.value), 1)])
+				]), createElementVNode("form", {
+					method: "dialog",
+					class: "modal-backdrop"
+				}, [createElementVNode("button", { onClick: closeModal }, "close")])], 512)
+			], 64);
+		};
+	}
+});
+var ConvertToCustomerWorkflow_default = _sfc_main$3;
+
+//#endregion
+//#region src/slices/support_ticket/staff/components/ConvertToInternalWorkflow.vue
+const _hoisted_1$2 = { class: "flex justify-end mt-4" };
+const _hoisted_2$2 = ["disabled"];
+const _hoisted_3$2 = {
+	key: 0,
+	class: "loading loading-spinner loading-sm mr-2"
+};
+const _hoisted_4$2 = {
+	key: 0,
+	class: "alert alert-error mt-2 py-2"
+};
+const _hoisted_5$2 = { class: "text-sm" };
+const _hoisted_6$2 = { class: "modal-box" };
+const _hoisted_7$2 = { class: "font-bold text-lg" };
+const _hoisted_8$2 = { class: "py-4 whitespace-pre-line" };
+const _hoisted_9$2 = { class: "modal-action" };
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+	__name: "ConvertToInternalWorkflow",
+	props: { support_ticket: {} },
+	emits: ["update"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const error = ref(null);
+		const confirmModal = ref(null);
+		const modalTitle = ref("");
+		const modalMessage = ref("");
+		const modalButtonText = ref("");
+		const modalCallback = ref(null);
+		const { mutate: convertToInternal, loading: isConverting } = useMutation((api, input) => api.supportTickets.convertToInternal(input.id), { invalidate: /^support-tickets?:/ });
+		const showConvertModal = () => {
+			const hasCredits = props.support_ticket.credit_value && parseFloat(props.support_ticket.credit_value) > 0;
+			modalTitle.value = "Convert to Internal Task?";
+			modalMessage.value = "This will:\n\n• Change status to INTERNAL\n• Bypass customer approval workflow\n" + (hasCredits ? `• Clear ${props.support_ticket.credit_value} credit estimate\n` : "") + "• Set dev lifecycle to BACKLOG\n• Allow immediate development start\n\nThis change can be useful for converting customer ideas into internal improvements.";
+			modalButtonText.value = "Convert to Internal";
+			modalCallback.value = handleConvert;
+			confirmModal.value?.showModal();
+		};
+		const handleConvert = async () => {
+			error.value = null;
+			try {
+				const result = await convertToInternal({ id: props.support_ticket.id });
+				toast.success("✅ Converted to internal task successfully");
+				closeModal();
+				emit("update", result);
+			} catch (err) {
+				error.value = err instanceof Error ? err.message : "Failed to convert";
+				toast.error(`❌ ${error.value}`);
+			}
+		};
+		const closeModal = () => {
+			confirmModal.value?.close();
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [
+				createCommentVNode(" Convert to Internal Section (PENDING only) "),
+				props.support_ticket.approval_status === "PENDING" ? (openBlock(), createBlock(ZiniaContainer_default, { key: 0 }, {
+					default: withCtx(() => [
+						_cache[1] || (_cache[1] = createElementVNode("h3", { class: "card-title text-base sm:text-lg" }, "Convert to Internal Task", -1)),
+						_cache[2] || (_cache[2] = createElementVNode("div", { class: "alert alert-info py-2" }, [createElementVNode("div", { class: "flex flex-col gap-2" }, [createElementVNode("span", { class: "font-semibold text-sm" }, "What happens when you convert:"), createElementVNode("ul", { class: "text-xs sm:text-sm space-y-1 ml-4 list-disc" }, [
+							createElementVNode("li", null, "Changes status from customer support_ticket to internal task"),
+							createElementVNode("li", null, "Bypasses approval workflow entirely"),
+							createElementVNode("li", null, "Automatically clears any credit estimates (internal tasks = no credits)"),
+							createElementVNode("li", null, "Can start development immediately")
+						])])], -1)),
+						createElementVNode("div", _hoisted_1$2, [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$2)) : createCommentVNode("v-if", true), createTextVNode(" " + toDisplayString(unref(isConverting) ? "Converting..." : "Convert to Internal Task"), 1)], 8, _hoisted_2$2)]),
+						error.value ? (openBlock(), createElementBlock("div", _hoisted_4$2, [createElementVNode("span", _hoisted_5$2, toDisplayString(error.value), 1)])) : createCommentVNode("v-if", true)
+					]),
+					_: 1
+				})) : createCommentVNode("v-if", true),
+				createCommentVNode(" Confirmation Modal "),
+				createElementVNode("dialog", {
+					ref_key: "confirmModal",
+					ref: confirmModal,
+					class: "modal"
+				}, [createElementVNode("div", _hoisted_6$2, [
+					createElementVNode("h3", _hoisted_7$2, toDisplayString(modalTitle.value), 1),
+					createElementVNode("p", _hoisted_8$2, toDisplayString(modalMessage.value), 1),
+					createElementVNode("div", _hoisted_9$2, [createElementVNode("button", {
+						class: "btn btn-ghost",
+						onClick: closeModal
+					}, "Cancel"), createElementVNode("button", {
+						class: "btn btn-primary",
+						onClick: _cache[0] || (_cache[0] = () => modalCallback.value?.())
+					}, toDisplayString(modalButtonText.value), 1)])
+				]), createElementVNode("form", {
+					method: "dialog",
+					class: "modal-backdrop"
+				}, [createElementVNode("button", { onClick: closeModal }, "close")])], 512)
+			], 64);
+		};
+	}
+});
+var ConvertToInternalWorkflow_default = _sfc_main$2;
+
+//#endregion
+//#region src/slices/support_ticket/staff/components/ReactivateInternalTaskWorkflow.vue
+const _hoisted_1$1 = { class: "alert alert-info py-2" };
+const _hoisted_2$1 = { class: "flex flex-col gap-2" };
+const _hoisted_3$1 = { class: "text-xs sm:text-sm space-y-1 ml-4 list-disc" };
+const _hoisted_4$1 = { key: 0 };
+const _hoisted_5$1 = { key: 1 };
+const _hoisted_6$1 = { class: "flex justify-end mt-4" };
+const _hoisted_7$1 = ["disabled"];
+const _hoisted_8$1 = {
+	key: 0,
+	class: "loading loading-spinner loading-sm mr-2"
+};
+const _hoisted_9$1 = {
+	key: 0,
+	class: "alert alert-error mt-2 py-2"
+};
+const _hoisted_10$1 = { class: "text-sm" };
+const _hoisted_11$1 = { class: "modal-box" };
+const _hoisted_12$1 = { class: "font-bold text-lg" };
+const _hoisted_13$1 = { class: "py-4 whitespace-pre-line" };
+const _hoisted_14$1 = { class: "modal-action" };
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+	__name: "ReactivateInternalTaskWorkflow",
+	props: { support_ticket: {} },
+	emits: ["update"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const error = ref(null);
+		const confirmModal = ref(null);
+		const modalTitle = ref("");
+		const modalMessage = ref("");
+		const modalButtonText = ref("");
+		const modalCallback = ref(null);
+		const { mutate: reactivateInternalTask, loading: isReactivating } = useMutation((api, input) => api.supportTickets.reactivateInternalTask(input), { invalidate: /^support-tickets?:/ });
+		const showReactivateModal = () => {
+			const isCancelled = props.support_ticket.dev_lifecycle === "CANCELLED";
+			const targetState = isCancelled ? "BACKLOG" : "PO_APPROVAL";
+			modalTitle.value = `Reopen ${isCancelled ? "Cancelled" : "Deployed"} Task?`;
+			modalMessage.value = `This will:\n\n• Set dev lifecycle to ${targetState}\n• Clear completion timestamp\n• Resume task as active\n\n` + (isCancelled ? `Task will restart from backlog for fresh planning.` : `Task will go to PO approval stage for review/fixes.`);
+			modalButtonText.value = "Reopen Task";
+			modalCallback.value = handleReactivate;
+			confirmModal.value?.showModal();
+		};
+		const handleReactivate = async () => {
+			error.value = null;
+			try {
+				const result = await reactivateInternalTask({ id: props.support_ticket.id });
+				toast.success("✅ Internal task reopened successfully");
+				closeModal();
+				emit("update", result);
+			} catch (err) {
+				error.value = err instanceof Error ? err.message : "Failed to reactivate task";
+				toast.error(`❌ ${error.value}`);
+			}
+		};
+		const closeModal = () => {
+			confirmModal.value?.close();
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [
+				createCommentVNode(" Reactivate Terminal Internal Task Section (INTERNAL + CANCELLED or DEPLOYED) "),
+				props.support_ticket.approval_status === "INTERNAL" && (props.support_ticket.dev_lifecycle === "CANCELLED" || props.support_ticket.dev_lifecycle === "DEPLOYED") ? (openBlock(), createBlock(ZiniaContainer_default, { key: 0 }, {
+					default: withCtx(() => [
+						_cache[5] || (_cache[5] = createElementVNode("h3", { class: "card-title text-base sm:text-lg" }, "Reopen Internal Task", -1)),
+						createElementVNode("div", _hoisted_1$1, [createElementVNode("div", _hoisted_2$1, [_cache[4] || (_cache[4] = createElementVNode("span", { class: "font-semibold text-sm" }, "What happens when you reopen:", -1)), createElementVNode("ul", _hoisted_3$1, [
+							props.support_ticket.dev_lifecycle === "CANCELLED" ? (openBlock(), createElementBlock("li", _hoisted_4$1, " Sets dev lifecycle to BACKLOG (fresh start) ")) : (openBlock(), createElementBlock("li", _hoisted_5$1, "Sets dev lifecycle to PO_APPROVAL (ready for review/fixes)")),
+							_cache[1] || (_cache[1] = createElementVNode("li", null, "Clears completion timestamp", -1)),
+							_cache[2] || (_cache[2] = createElementVNode("li", null, "Task becomes active again", -1)),
+							_cache[3] || (_cache[3] = createElementVNode("li", null, "You can resume work or make additional changes", -1))
+						])])]),
+						createElementVNode("div", _hoisted_6$1, [createElementVNode("button", {
+							class: "btn btn-success w-full sm:w-auto",
+							onClick: withModifiers(showReactivateModal, ["prevent"]),
+							disabled: unref(isReactivating)
+						}, [unref(isReactivating) ? (openBlock(), createElementBlock("span", _hoisted_8$1)) : createCommentVNode("v-if", true), createTextVNode(" " + toDisplayString(unref(isReactivating) ? "Reopening..." : "Reopen Task"), 1)], 8, _hoisted_7$1)]),
+						error.value ? (openBlock(), createElementBlock("div", _hoisted_9$1, [createElementVNode("span", _hoisted_10$1, toDisplayString(error.value), 1)])) : createCommentVNode("v-if", true)
+					]),
+					_: 1
+				})) : createCommentVNode("v-if", true),
+				createCommentVNode(" Confirmation Modal "),
+				createElementVNode("dialog", {
+					ref_key: "confirmModal",
+					ref: confirmModal,
+					class: "modal"
+				}, [createElementVNode("div", _hoisted_11$1, [
+					createElementVNode("h3", _hoisted_12$1, toDisplayString(modalTitle.value), 1),
+					createElementVNode("p", _hoisted_13$1, toDisplayString(modalMessage.value), 1),
+					createElementVNode("div", _hoisted_14$1, [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$1;
+
+//#endregion
+//#region src/slices/support_ticket/staff/StaffSupportTicketWorkflowTab.vue
+const _hoisted_1 = {
+	key: 0,
+	class: "flex justify-center items-center p-8"
+};
+const _hoisted_2 = {
+	key: 1,
+	class: "alert alert-error mb-4"
+};
+const _hoisted_3 = {
+	key: 3,
+	class: "space-y-6"
+};
+const _hoisted_4 = { class: "flex gap-4 items-center" };
+const _hoisted_5 = {
+	key: 1,
+	class: "badge badge-lg badge-warning"
+};
+const _hoisted_6 = ["disabled"];
+const _hoisted_7 = { class: "modal-box" };
+const _hoisted_8 = { class: "text-center mb-6" };
+const _hoisted_9 = {
+	key: 0,
+	class: "bg-base-200 p-3 rounded-lg mb-3"
+};
+const _hoisted_10 = { class: "font-semibold" };
+const _hoisted_11 = { class: "text-sm text-base-content/70" };
+const _hoisted_12 = { class: "text-sm text-base-content/70" };
+const _hoisted_13 = { key: 1 };
+const _hoisted_14 = { class: "modal-action justify-center gap-3" };
+const _hoisted_15 = ["disabled"];
+const _hoisted_16 = ["disabled"];
+const _hoisted_17 = {
+	key: 0,
+	class: "loading loading-spinner loading-sm"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	__name: "StaffSupportTicketWorkflowTab",
+	props: {
+		ticket: {},
+		isLoading: { type: Boolean },
+		error: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const route = useRoute();
+		const router = useRouter();
+		const support_ticket_id = route.params.id;
+		const refreshTicket = inject("refreshTicket");
+		const currentSupportTicket = computed(() => {
+			return props.ticket ? {
+				...props.ticket,
+				__typename: "AdminSupportTicket"
+			} : null;
+		});
+		const showDeleteModal = ref(false);
+		const { mutate: deleteSupportTicket, loading: isDeleting } = useMutation((api, input) => api.supportTickets.deleteTicket(input.id), { invalidate: /^support-tickets?:/ });
+		const handleWorkflowUpdate = async () => {
+			if (refreshTicket) await refreshTicket();
+		};
+		function openDeleteModal() {
+			showDeleteModal.value = true;
+		}
+		function closeDeleteModal() {
+			showDeleteModal.value = false;
+		}
+		async function confirmDelete() {
+			closeDeleteModal();
+			try {
+				await deleteSupportTicket({ id: support_ticket_id });
+				await router.push({ name: "StaffSupportTicketList" });
+				toast.success("Support ticket deleted successfully");
+			} catch (err) {
+				const errorMsg = err instanceof Error ? err.message : "Failed to delete support ticket";
+				if (errorMsg.includes("Cannot delete approved tickets")) toast.error(errorMsg);
+				else toast.error("Failed to delete support ticket");
+				console.error(err);
+			}
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [
+				__props.isLoading ? (openBlock(), createElementBlock("div", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("span", { class: "loading loading-spinner loading-lg" }, null, -1)])])) : __props.error ? (openBlock(), createElementBlock("div", _hoisted_2, [_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(__props.error.message), 1)])) : unref(isDeleting) ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [createCommentVNode(" Deleting State "), _cache[2] || (_cache[2] = createStaticVNode("<div class=\"max-w-7xl mx-auto p-6\"><div class=\"flex flex-col items-center justify-center p-16\"><div class=\"loading loading-spinner loading-lg mb-4\"></div><p class=\"text-lg mb-2\">Deleting support ticket...</p><p class=\"text-sm text-base-content/70\">This may take a moment</p></div></div>", 1))], 2112)) : currentSupportTicket.value ? (openBlock(), createElementBlock("div", _hoisted_3, [
+					createCommentVNode(" Status Badge "),
+					createVNode(ZiniaContainer_default, null, {
+						default: withCtx(() => [_cache[3] || (_cache[3] = createElementVNode("h3", { class: "card-title" }, "Current Status", -1)), createElementVNode("div", _hoisted_4, [
+							createVNode(SupportTicketApprovalBadge_default, {
+								approvalStatus: currentSupportTicket.value.approval_status,
+								size: "lg"
+							}, null, 8, ["approvalStatus"]),
+							currentSupportTicket.value.dev_lifecycle ? (openBlock(), createBlock(SupportTicketDevLifecycleBadge_default, {
+								key: 0,
+								devLifecycle: currentSupportTicket.value.dev_lifecycle,
+								size: "lg"
+							}, null, 8, ["devLifecycle"])) : createCommentVNode("v-if", true),
+							currentSupportTicket.value.is_locked ? (openBlock(), createElementBlock("div", _hoisted_5, " 🔒 LOCKED ")) : createCommentVNode("v-if", true)
+						])]),
+						_: 1
+					}),
+					createCommentVNode(" Complete: For both APPROVED and INTERNAL (not cancelled or already deployed) "),
+					currentSupportTicket.value.dev_lifecycle !== "CANCELLED" && currentSupportTicket.value.dev_lifecycle !== "DEPLOYED" ? (openBlock(), createBlock(CompleteSupportTicketForm_default, {
+						key: 0,
+						support_ticket: currentSupportTicket.value,
+						onUpdate: handleWorkflowUpdate
+					}, null, 8, ["support_ticket"])) : createCommentVNode("v-if", true),
+					createCommentVNode(" Approve/Reject: Only for customer support_ticket (not INTERNAL) "),
+					currentSupportTicket.value.approval_status !== "INTERNAL" ? (openBlock(), createBlock(ApproveRejectActions_default, {
+						key: 1,
+						support_ticket: currentSupportTicket.value,
+						onUpdate: handleWorkflowUpdate
+					}, null, 8, ["support_ticket"])) : createCommentVNode("v-if", true),
+					createCommentVNode(" Convert to Internal: Only for PENDING support_ticket "),
+					currentSupportTicket.value.approval_status === "PENDING" ? (openBlock(), createBlock(ConvertToInternalWorkflow_default, {
+						key: 2,
+						support_ticket: currentSupportTicket.value,
+						onUpdate: handleWorkflowUpdate
+					}, null, 8, ["support_ticket"])) : createCommentVNode("v-if", true),
+					createCommentVNode(" Convert to Customer: Only for INTERNAL tasks that aren't cancelled or deployed "),
+					currentSupportTicket.value.approval_status === "INTERNAL" && currentSupportTicket.value.dev_lifecycle !== "CANCELLED" && currentSupportTicket.value.dev_lifecycle !== "DEPLOYED" ? (openBlock(), createBlock(ConvertToCustomerWorkflow_default, {
+						key: 3,
+						support_ticket: currentSupportTicket.value,
+						onUpdate: handleWorkflowUpdate
+					}, null, 8, ["support_ticket"])) : createCommentVNode("v-if", true),
+					createCommentVNode(" Cancel Internal Task: Only for INTERNAL tasks that aren't already cancelled or deployed "),
+					currentSupportTicket.value.approval_status === "INTERNAL" && currentSupportTicket.value.dev_lifecycle !== "CANCELLED" && currentSupportTicket.value.dev_lifecycle !== "DEPLOYED" ? (openBlock(), createBlock(CancelInternalTaskWorkflow_default, {
+						key: 4,
+						support_ticket: currentSupportTicket.value,
+						onUpdate: handleWorkflowUpdate
+					}, null, 8, ["support_ticket"])) : createCommentVNode("v-if", true),
+					createCommentVNode(" Reactivate Internal Task: Only for terminal INTERNAL tasks (CANCELLED or DEPLOYED) "),
+					currentSupportTicket.value.approval_status === "INTERNAL" && (currentSupportTicket.value.dev_lifecycle === "CANCELLED" || currentSupportTicket.value.dev_lifecycle === "DEPLOYED") ? (openBlock(), createBlock(ReactivateInternalTaskWorkflow_default, {
+						key: 5,
+						support_ticket: currentSupportTicket.value,
+						onUpdate: handleWorkflowUpdate
+					}, null, 8, ["support_ticket"])) : createCommentVNode("v-if", true),
+					createCommentVNode(" Danger Zone - Always show section "),
+					currentSupportTicket.value ? (openBlock(), createBlock(ZiniaContainer_default, { key: 6 }, {
+						default: withCtx(() => [
+							_cache[6] || (_cache[6] = createElementVNode("h3", { class: "card-title text-error" }, "Danger Zone", -1)),
+							createCommentVNode(" Show delete button if backend says ticket can be deleted "),
+							currentSupportTicket.value.can_delete ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [_cache[4] || (_cache[4] = createElementVNode("p", { class: "text-sm text-base-content/70 mb-4" }, " Permanently delete this support ticket. This action cannot be undone. ", -1)), createElementVNode("button", {
+								onClick: openDeleteModal,
+								class: "btn btn-error btn-sm",
+								disabled: unref(isDeleting)
+							}, " Delete Support Ticket ", 8, _hoisted_6)], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createCommentVNode(" Show message if backend says ticket cannot be deleted "), _cache[5] || (_cache[5] = createElementVNode("div", { class: "alert alert-info" }, [createElementVNode("svg", {
+								xmlns: "http://www.w3.org/2000/svg",
+								fill: "none",
+								viewBox: "0 0 24 24",
+								class: "stroke-current shrink-0 w-6 h-6"
+							}, [createElementVNode("path", {
+								"stroke-linecap": "round",
+								"stroke-linejoin": "round",
+								"stroke-width": "2",
+								d: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+							})]), createElementVNode("span", null, " This ticket cannot be deleted because it has been charged to the customer. Use the archive feature instead if you need to hide it from the active list. ")], -1))], 64))
+						]),
+						_: 1
+					})) : createCommentVNode("v-if", true)
+				])) : createCommentVNode("v-if", true),
+				createCommentVNode(" Delete Confirmation Modal "),
+				createElementVNode("dialog", { class: normalizeClass([{ "modal modal-open": showDeleteModal.value }, "modal"]) }, [createElementVNode("div", _hoisted_7, [
+					createCommentVNode(" Warning Icon "),
+					_cache[9] || (_cache[9] = createElementVNode("div", { class: "flex items-center justify-center w-16 h-16 mx-auto mb-4 bg-error/10 rounded-full" }, [createElementVNode("svg", {
+						xmlns: "http://www.w3.org/2000/svg",
+						class: "w-8 h-8 text-error",
+						fill: "none",
+						viewBox: "0 0 24 24",
+						stroke: "currentColor"
+					}, [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-2.5L13.732 4c-.77-.833-1.964-.833-2.732 0L3.732 16.5c-.77.833.192 2.5 1.732 2.5z"
+					})])], -1)),
+					createCommentVNode(" Modal Title "),
+					_cache[10] || (_cache[10] = createElementVNode("h3", { class: "text-lg font-bold text-center mb-2" }, "Delete Support Ticket", -1)),
+					createCommentVNode(" Modal Content "),
+					createElementVNode("div", _hoisted_8, [
+						_cache[7] || (_cache[7] = createElementVNode("p", { class: "text-base-content/80 mb-2" }, " Are you sure you want to delete this support ticket? ", -1)),
+						currentSupportTicket.value ? (openBlock(), createElementBlock("div", _hoisted_9, [
+							createElementVNode("p", _hoisted_10, toDisplayString(currentSupportTicket.value.title || "Untitled Ticket"), 1),
+							createElementVNode("p", _hoisted_11, toDisplayString(currentSupportTicket.value.requester_name || "No Requester"), 1),
+							createElementVNode("div", _hoisted_12, [currentSupportTicket.value.type ? (openBlock(), createBlock(SupportTicketTypeBadge_default, {
+								key: 0,
+								type: currentSupportTicket.value.type,
+								size: "sm"
+							}, null, 8, ["type"])) : (openBlock(), createElementBlock("span", _hoisted_13, "No Type"))])
+						])) : createCommentVNode("v-if", true),
+						_cache[8] || (_cache[8] = createElementVNode("p", { class: "text-sm text-error font-medium" }, "This action cannot be undone.", -1))
+					]),
+					createCommentVNode(" Modal Actions "),
+					createElementVNode("div", _hoisted_14, [createElementVNode("button", {
+						onClick: closeDeleteModal,
+						class: "btn btn-outline",
+						disabled: unref(isDeleting)
+					}, " Cancel ", 8, _hoisted_15), createElementVNode("button", {
+						onClick: confirmDelete,
+						class: "btn btn-error",
+						disabled: unref(isDeleting)
+					}, [unref(isDeleting) ? (openBlock(), createElementBlock("span", _hoisted_17)) : createCommentVNode("v-if", true), createTextVNode(" " + toDisplayString(unref(isDeleting) ? "Deleting..." : "Delete Support Ticket"), 1)], 8, _hoisted_16)])
+				]), createElementVNode("form", {
+					method: "dialog",
+					class: "modal-backdrop",
+					onClick: closeDeleteModal
+				}, [..._cache[11] || (_cache[11] = [createElementVNode("button", { type: "button" }, "close", -1)])])], 2)
+			], 64);
+		};
+	}
+});
+var StaffSupportTicketWorkflowTab_default = _sfc_main;
+
+//#endregion
+export { CompleteSupportTicketForm_default as a, CustomerCreditBalance_default as c, ConvertToCustomerWorkflow_default as i, SupportTicketDevLifecycleBadge_default as l, ReactivateInternalTaskWorkflow_default as n, CancelInternalTaskWorkflow_default as o, ConvertToInternalWorkflow_default as r, ApproveRejectActions_default as s, StaffSupportTicketWorkflowTab_default as t, SupportTicketApprovalBadge_default as u };
+//# sourceMappingURL=StaffSupportTicketWorkflowTab-DmVTPzxS.js.map