@dragonmastery/dragoncore-vue 0.0.3 → 0.0.4

package/dist/StaffSupportTicketDetailPage-D49ibqrO.js

@@ -0,0 +1,1884 @@
+import { t as BATCH_MODE } from "./useRpcAuth-Dp2sec-X.js";
+import "./useQueryCache-DqcDMsxb.js";
+import { t as useMutation } from "./useMutation-B4_S4Xoa.js";
+import { t as useQuery } from "./useQuery-B7ndu5_P.js";
+import { c as SupportTicketTypeBadge_default, i as SupportTicketApprovalBadge_default, l as SupportTicketPriorityBadge_default, n as TimelineItem_default, r as formatTicketDate, s as formatStaffCreditValue, t as TimelineSystemEvent_default } from "./TimelineSystemEvent-B69B3eeL.js";
+import { n as formatToISODate } 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 { a as SupportTicketAttachmentsCollapsible_default, i as parseRecordVersions, n as MetadataField_default, r as ActionBannerAlert_default, t as TimelineNoteInput_default } from "./TimelineNoteInput-BRsQ2QTz.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, inject, nextTick, normalizeClass, openBlock, ref, renderList, resolveComponent, toDisplayString, unref, vModelCheckbox, vModelSelect, vModelText, watch, withCtx, withDirectives } from "vue";
+import { useRoute, useRouter } from "vue-router";
+import { ApproveSupportTicketSchema, CompleteSupportTicketSchema, OPERATORS, RecordConst, SUPPORT_TICKET_PRIORITY_NUMBER_TO_LABEL, StaffSupportTicketUpdateSchema, supportTicketPriorityToNumber } from "@dragonmastery/dragoncore-shared";
+import { useForm, withMetadata } from "@dragonmastery/zinia-forms-core";
+import { toast } from "vue3-toastify";
+
+//#region src/slices/support_ticket/staff/approveSupportTicketFormMetadata.ts
+/**
+* Form schema reuses approve workflow schema (credit_value only).
+*/
+const ApproveSupportTicketFormSchema = ApproveSupportTicketSchema.pick({ credit_value: true });
+const approveSupportTicketFormMetadata = withMetadata(ApproveSupportTicketFormSchema, "approveSupportTicketForm", { credit_value: {
+	label: "Credit value to deduct",
+	inputType: "currency",
+	step: .01,
+	placeholder: "0.00",
+	helpText: "Enter the credit amount to deduct from the customer"
+} });
+
+//#endregion
+//#region src/slices/support_ticket/staff/components/ApproveSupportTicketModal.vue
+const _hoisted_1$10 = { class: "modal-box" };
+const _hoisted_2$10 = { class: "py-2 whitespace-pre-line text-sm text-base-content/80" };
+const _hoisted_3$9 = {
+	key: 0,
+	class: "alert alert-error py-2 my-2"
+};
+const _hoisted_4$9 = { class: "text-sm" };
+const _hoisted_5$9 = { class: "py-2 text-sm text-base-content/70 whitespace-pre-line" };
+const _hoisted_6$9 = { class: "modal-action" };
+const _hoisted_7$9 = ["disabled"];
+const APPROVE_MODAL_INTRO = "This will:\n\n• Deduct credits from customer (amount set below)\n• Lock the support ticket item\n• Start development workflow\n";
+const APPROVE_MODAL_FOOTER = `This action cannot be undone.`;
+const _sfc_main$11 = /* @__PURE__ */ defineComponent({
+	__name: "ApproveSupportTicketModal",
+	props: {
+		ticket: {},
+		isOpen: { type: Boolean }
+	},
+	emits: ["close", "success"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const modalRef = ref(null);
+		const approveModalIntro = APPROVE_MODAL_INTRO;
+		const approveModalFooter = APPROVE_MODAL_FOOTER;
+		const { form, zinia, ZiniaForm, ZiniaSubmitButton, ZiniaFormErrorsSummary, refreshFormData } = useForm(approveSupportTicketFormMetadata, {
+			storeName: "approve-support-ticket-form",
+			persistToLocalStorage: false,
+			renderStyle: "daisy_ui",
+			fetchData: async () => {
+				const raw = props.ticket?.credit_value?.trim();
+				return { credit_value: raw && raw !== "" ? raw : "0" };
+			}
+		});
+		const { mutate: approveSupportTicket, loading: isApproving } = useMutation((api, input) => api.supportTickets.approveTicket(input), { invalidate: /^support-tickets?:/ });
+		watch(() => props.isOpen, (isOpen) => {
+			if (isOpen) {
+				refreshFormData();
+				modalRef.value?.showModal();
+			} else modalRef.value?.close();
+		}, { immediate: true });
+		function close() {
+			modalRef.value?.close();
+			emit("close");
+		}
+		async function handleSubmit(formData) {
+			if (!props.ticket) return;
+			await approveSupportTicket({
+				id: props.ticket.id,
+				credit_value: formData.credit_value
+			});
+		}
+		function handleSuccess() {
+			close();
+			toast.success(`Support Ticket approved! ${form.values.credit_value} credits deducted.`);
+			emit("success");
+		}
+		function handleError(error) {
+			const message = extractRpcErrorMessage(error, "Failed to approve");
+			form.setSubmitError(message);
+			toast.error(message);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("dialog", {
+				ref_key: "modalRef",
+				ref: modalRef,
+				class: "modal"
+			}, [createElementVNode("div", _hoisted_1$10, [
+				_cache[0] || (_cache[0] = createElementVNode("h3", { class: "font-bold text-lg" }, "Approve Support Ticket?", -1)),
+				createElementVNode("p", _hoisted_2$10, toDisplayString(unref(approveModalIntro)), 1),
+				createVNode(unref(ZiniaForm), {
+					onHandleSubmit: handleSubmit,
+					onSuccess: handleSuccess,
+					onError: handleError,
+					title: "",
+					subtitle: ""
+				}, {
+					default: withCtx(() => [
+						createVNode(unref(zinia).CreditValueField),
+						unref(form).submitError ? (openBlock(), createElementBlock("div", _hoisted_3$9, [createElementVNode("span", _hoisted_4$9, toDisplayString(unref(form).submitError), 1)])) : createCommentVNode("v-if", true),
+						createElementVNode("p", _hoisted_5$9, toDisplayString(unref(approveModalFooter)), 1),
+						createElementVNode("div", _hoisted_6$9, [createElementVNode("button", {
+							type: "button",
+							class: "btn btn-ghost",
+							onClick: close,
+							disabled: unref(isApproving)
+						}, " Cancel ", 8, _hoisted_7$9), createVNode(unref(ZiniaSubmitButton), {
+							submitText: "Approve & Deduct",
+							submittingText: "Approving..."
+						})]),
+						createVNode(unref(ZiniaFormErrorsSummary), { title: "Please fix the following errors:" })
+					]),
+					_: 1
+				})
+			]), createElementVNode("form", {
+				method: "dialog",
+				class: "modal-backdrop"
+			}, [createElementVNode("button", {
+				type: "button",
+				onClick: close
+			}, "close")])], 512);
+		};
+	}
+});
+var ApproveSupportTicketModal_default = _sfc_main$11;
+
+//#endregion
+//#region src/slices/support_ticket/staff/components/ArchiveSupportTicketModal.vue
+const _hoisted_1$9 = { class: "modal-box" };
+const _hoisted_2$9 = { class: "font-bold text-lg" };
+const _hoisted_3$8 = { class: "py-4 text-sm text-base-content/80" };
+const _hoisted_4$8 = {
+	key: 0,
+	class: "alert alert-error py-2 mb-4"
+};
+const _hoisted_5$8 = { class: "text-sm" };
+const _hoisted_6$8 = { class: "modal-action" };
+const _hoisted_7$8 = ["disabled"];
+const _hoisted_8$6 = ["disabled"];
+const _hoisted_9$4 = {
+	key: 0,
+	class: "loading loading-spinner loading-sm mr-2"
+};
+const _sfc_main$10 = /* @__PURE__ */ defineComponent({
+	__name: "ArchiveSupportTicketModal",
+	props: {
+		ticket: {},
+		isOpen: { type: Boolean }
+	},
+	emits: ["close", "success"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const isArchived = computed(() => !!props.ticket?.archived_at);
+		const modalRef = ref(null);
+		const archiveError = ref(null);
+		const { mutate: archiveTicket, loading: isArchiving } = useMutation((api, input) => api.supportTickets.archiveTicket(input), { invalidate: /^support-tickets?:/ });
+		watch(() => props.isOpen, (isOpen) => {
+			if (isOpen) {
+				archiveError.value = null;
+				modalRef.value?.showModal();
+			} else modalRef.value?.close();
+		}, { immediate: true });
+		function close() {
+			modalRef.value?.close();
+			emit("close");
+		}
+		async function handleToggle() {
+			if (!props.ticket) return;
+			archiveError.value = null;
+			try {
+				await archiveTicket({ id: props.ticket.id });
+				toast.success(isArchived.value ? "Ticket unarchived" : "Ticket archived");
+				close();
+				emit("success");
+			} catch (e) {
+				const message = extractRpcErrorMessage(e, isArchived.value ? "Failed to unarchive" : "Failed to archive");
+				archiveError.value = message;
+				toast.error(message);
+			}
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("dialog", {
+				ref_key: "modalRef",
+				ref: modalRef,
+				class: "modal"
+			}, [createElementVNode("div", _hoisted_1$9, [
+				createElementVNode("h3", _hoisted_2$9, toDisplayString(isArchived.value ? "Unarchive Support Ticket?" : "Archive Support Ticket?"), 1),
+				createElementVNode("p", _hoisted_3$8, [isArchived.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(" This will unarchive the ticket. Comments, edits, and attachments will be unlocked for customer and staff. ")], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(" This will archive the ticket. Once archived, no one (customer or staff) can add or edit comments, edit the ticket, or add/delete attachments. ")], 64))]),
+				archiveError.value ? (openBlock(), createElementBlock("div", _hoisted_4$8, [createElementVNode("span", _hoisted_5$8, toDisplayString(archiveError.value), 1)])) : createCommentVNode("v-if", true),
+				createElementVNode("div", _hoisted_6$8, [createElementVNode("button", {
+					type: "button",
+					class: "btn btn-ghost",
+					onClick: close,
+					disabled: unref(isArchiving)
+				}, " Cancel ", 8, _hoisted_7$8), createElementVNode("button", {
+					type: "button",
+					class: normalizeClass(isArchived.value ? "btn btn-primary" : "btn btn-warning"),
+					onClick: handleToggle,
+					disabled: unref(isArchiving)
+				}, [unref(isArchiving) ? (openBlock(), createElementBlock("span", _hoisted_9$4)) : createCommentVNode("v-if", true), createTextVNode(" " + toDisplayString(unref(isArchiving) ? isArchived.value ? "Unarchiving..." : "Archiving..." : isArchived.value ? "Unarchive" : "Archive"), 1)], 10, _hoisted_8$6)])
+			]), createElementVNode("form", {
+				method: "dialog",
+				class: "modal-backdrop"
+			}, [createElementVNode("button", {
+				type: "button",
+				onClick: close
+			}, "close")])], 512);
+		};
+	}
+});
+var ArchiveSupportTicketModal_default = _sfc_main$10;
+
+//#endregion
+//#region src/slices/support_ticket/staff/completeSupportTicketFormMetadata.ts
+const CompleteSupportTicketFormSchema = CompleteSupportTicketSchema.pick({ delivered_value: true });
+const completeSupportTicketFormMetadata = withMetadata(CompleteSupportTicketFormSchema, "completeSupportTicketForm", { delivered_value: {
+	label: "Actual Effort Delivered",
+	inputType: "currency",
+	step: .01,
+	placeholder: "100.00",
+	helpText: "How much effort did it actually take?"
+} });
+
+//#endregion
+//#region src/slices/support_ticket/staff/components/CompleteSupportTicketModal.vue
+const _hoisted_1$8 = { class: "modal-box" };
+const _hoisted_2$8 = { class: "py-2 text-sm text-base-content/80" };
+const _hoisted_3$7 = { class: "font-semibold" };
+const _hoisted_4$7 = {
+	key: 0,
+	class: "alert alert-error py-2 my-2"
+};
+const _hoisted_5$7 = { class: "text-sm" };
+const _hoisted_6$7 = { class: "modal-action" };
+const _hoisted_7$7 = ["disabled"];
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+	__name: "CompleteSupportTicketModal",
+	props: {
+		ticket: {},
+		isOpen: { type: Boolean }
+	},
+	emits: ["close", "success"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const modalRef = ref(null);
+		const creditDisplay = computed(() => props.ticket ? formatStaffCreditValue(props.ticket.credit_value, props.ticket.approval_status) : "0");
+		const { form, zinia, ZiniaForm, ZiniaSubmitButton, ZiniaFormErrorsSummary, refreshFormData } = useForm(completeSupportTicketFormMetadata, {
+			storeName: "complete-support-ticket-form",
+			persistToLocalStorage: false,
+			renderStyle: "daisy_ui",
+			fetchData: async () => {
+				const display = creditDisplay.value;
+				return { delivered_value: display === "TBD" || display === "N/A" ? "0.00" : display };
+			}
+		});
+		const { mutate: completeSupportTicket, loading: isCompleting } = useMutation((api, input) => api.supportTickets.completeTicket(input), { invalidate: /^support-tickets?:/ });
+		watch(() => props.isOpen, (isOpen) => {
+			if (isOpen) {
+				refreshFormData();
+				modalRef.value?.showModal();
+			} else modalRef.value?.close();
+		}, { immediate: true });
+		function close() {
+			modalRef.value?.close();
+			emit("close");
+		}
+		async function handleSubmit(formData) {
+			if (!props.ticket) return;
+			await completeSupportTicket({
+				id: props.ticket.id,
+				delivered_value: formData.delivered_value
+			});
+		}
+		function handleSuccess() {
+			close();
+			toast.success("Support ticket marked as completed!");
+			emit("success");
+		}
+		function handleError(error) {
+			const message = extractRpcErrorMessage(error, "Failed to complete");
+			form.setSubmitError(message);
+			toast.error(message);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("dialog", {
+				ref_key: "modalRef",
+				ref: modalRef,
+				class: "modal"
+			}, [createElementVNode("div", _hoisted_1$8, [
+				_cache[2] || (_cache[2] = createElementVNode("h3", { class: "font-bold text-lg" }, "Complete Support Ticket", -1)),
+				createElementVNode("p", _hoisted_2$8, [
+					_cache[0] || (_cache[0] = createTextVNode(" Customer was charged ", -1)),
+					createElementVNode("span", _hoisted_3$7, toDisplayString(creditDisplay.value), 1),
+					_cache[1] || (_cache[1] = createTextVNode(" credits. Enter the actual effort delivered: ", -1))
+				]),
+				createVNode(unref(ZiniaForm), {
+					onHandleSubmit: handleSubmit,
+					onSuccess: handleSuccess,
+					onError: handleError,
+					title: "",
+					subtitle: ""
+				}, {
+					default: withCtx(() => [
+						createVNode(unref(zinia).DeliveredValueField, { placeholder: "100.00" }),
+						unref(form).submitError ? (openBlock(), createElementBlock("div", _hoisted_4$7, [createElementVNode("span", _hoisted_5$7, toDisplayString(unref(form).submitError), 1)])) : createCommentVNode("v-if", true),
+						createElementVNode("div", _hoisted_6$7, [createElementVNode("button", {
+							type: "button",
+							class: "btn btn-ghost",
+							onClick: close,
+							disabled: unref(isCompleting)
+						}, " Cancel ", 8, _hoisted_7$7), createVNode(unref(ZiniaSubmitButton), {
+							submitText: "Mark as Completed",
+							submittingText: "Completing..."
+						})]),
+						createVNode(unref(ZiniaFormErrorsSummary), { title: "Please fix the following errors:" })
+					]),
+					_: 1
+				})
+			]), createElementVNode("form", {
+				method: "dialog",
+				class: "modal-backdrop"
+			}, [createElementVNode("button", {
+				type: "button",
+				onClick: close
+			}, "close")])], 512);
+		};
+	}
+});
+var CompleteSupportTicketModal_default = _sfc_main$9;
+
+//#endregion
+//#region src/slices/support_ticket/staff/components/ConvertToInternalModal.vue
+const _hoisted_1$7 = { class: "modal-box" };
+const _hoisted_2$7 = { class: "py-4 whitespace-pre-line text-sm text-base-content/80" };
+const _hoisted_3$6 = {
+	key: 0,
+	class: "alert alert-error py-2 mb-4"
+};
+const _hoisted_4$6 = { class: "text-sm" };
+const _hoisted_5$6 = { class: "modal-action" };
+const _hoisted_6$6 = ["disabled"];
+const _hoisted_7$6 = ["disabled"];
+const _hoisted_8$5 = {
+	key: 0,
+	class: "loading loading-spinner loading-sm mr-2"
+};
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+	__name: "ConvertToInternalModal",
+	props: {
+		ticket: {},
+		isOpen: { type: Boolean }
+	},
+	emits: ["close", "success"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const modalRef = ref(null);
+		const convertError = ref(null);
+		const convertMessage = ref("");
+		const { mutate: convertToInternal, loading: isConverting } = useMutation((api, id) => api.supportTickets.convertToInternal(id), { invalidate: /^support-tickets?:/ });
+		watch([() => props.isOpen, () => props.ticket], ([isOpen, ticket]) => {
+			if (isOpen && ticket) {
+				convertMessage.value = "This will:\n\n• Change status to INTERNAL\n• Bypass customer approval workflow\n" + (ticket.credit_value && parseFloat(ticket.credit_value) > 0 ? `• Clear ${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.";
+				convertError.value = null;
+				modalRef.value?.showModal();
+			} else modalRef.value?.close();
+		}, { immediate: true });
+		function close() {
+			modalRef.value?.close();
+			emit("close");
+		}
+		async function handleConvert() {
+			if (!props.ticket) return;
+			convertError.value = null;
+			try {
+				await convertToInternal(props.ticket.id);
+				toast.success("Converted to internal task successfully");
+				close();
+				emit("success");
+			} catch (e) {
+				const message = extractRpcErrorMessage(e, "Failed to convert");
+				convertError.value = message;
+				toast.error(message);
+			}
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("dialog", {
+				ref_key: "modalRef",
+				ref: modalRef,
+				class: "modal"
+			}, [createElementVNode("div", _hoisted_1$7, [
+				_cache[0] || (_cache[0] = createElementVNode("h3", { class: "font-bold text-lg" }, "Convert to Internal Task?", -1)),
+				createElementVNode("p", _hoisted_2$7, toDisplayString(convertMessage.value), 1),
+				convertError.value ? (openBlock(), createElementBlock("div", _hoisted_3$6, [createElementVNode("span", _hoisted_4$6, toDisplayString(convertError.value), 1)])) : createCommentVNode("v-if", true),
+				createElementVNode("div", _hoisted_5$6, [createElementVNode("button", {
+					type: "button",
+					class: "btn btn-ghost",
+					onClick: close,
+					disabled: unref(isConverting)
+				}, " Cancel ", 8, _hoisted_6$6), createElementVNode("button", {
+					type: "button",
+					class: "btn btn-primary",
+					onClick: handleConvert,
+					disabled: unref(isConverting)
+				}, [unref(isConverting) ? (openBlock(), createElementBlock("span", _hoisted_8$5)) : createCommentVNode("v-if", true), createTextVNode(" " + toDisplayString(unref(isConverting) ? "Converting..." : "Convert to Internal"), 1)], 8, _hoisted_7$6)])
+			]), createElementVNode("form", {
+				method: "dialog",
+				class: "modal-backdrop"
+			}, [createElementVNode("button", {
+				type: "button",
+				onClick: close
+			}, "close")])], 512);
+		};
+	}
+});
+var ConvertToInternalModal_default = _sfc_main$8;
+
+//#endregion
+//#region src/slices/support_ticket/staff/components/DeleteSupportTicketModal.vue
+const _hoisted_1$6 = { class: "modal-box" };
+const _hoisted_2$6 = {
+	key: 0,
+	class: "alert alert-error py-2 mb-4"
+};
+const _hoisted_3$5 = { class: "text-sm" };
+const _hoisted_4$5 = { class: "modal-action" };
+const _hoisted_5$5 = ["disabled"];
+const _hoisted_6$5 = ["disabled"];
+const _hoisted_7$5 = {
+	key: 0,
+	class: "loading loading-spinner loading-sm mr-2"
+};
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+	__name: "DeleteSupportTicketModal",
+	props: {
+		ticket: {},
+		isOpen: { type: Boolean }
+	},
+	emits: ["close", "success"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const modalRef = ref(null);
+		const deleteError = ref(null);
+		const { mutate: deleteTicket, loading: isDeleting } = useMutation((api, id) => api.supportTickets.deleteTicket(id), { invalidate: /^support-tickets?:/ });
+		watch(() => props.isOpen, (isOpen) => {
+			if (isOpen) {
+				deleteError.value = null;
+				modalRef.value?.showModal();
+			} else modalRef.value?.close();
+		}, { immediate: true });
+		function close() {
+			modalRef.value?.close();
+			emit("close");
+		}
+		async function handleDelete() {
+			if (!props.ticket) return;
+			deleteError.value = null;
+			try {
+				await deleteTicket(props.ticket.id);
+				toast.success("Ticket deleted");
+				close();
+				emit("success");
+			} catch (e) {
+				const message = extractRpcErrorMessage(e, "Failed to delete");
+				deleteError.value = message;
+				toast.error(message);
+			}
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("dialog", {
+				ref_key: "modalRef",
+				ref: modalRef,
+				class: "modal"
+			}, [createElementVNode("div", _hoisted_1$6, [
+				_cache[0] || (_cache[0] = createElementVNode("h3", { class: "font-bold text-lg" }, "Delete Support Ticket?", -1)),
+				_cache[1] || (_cache[1] = createElementVNode("p", { class: "py-4 text-sm text-base-content/80" }, " This will soft-delete the ticket. It can be restored if needed. This action cannot be undone for approved tickets (you cannot delete approved tickets). ", -1)),
+				deleteError.value ? (openBlock(), createElementBlock("div", _hoisted_2$6, [createElementVNode("span", _hoisted_3$5, toDisplayString(deleteError.value), 1)])) : createCommentVNode("v-if", true),
+				createElementVNode("div", _hoisted_4$5, [createElementVNode("button", {
+					type: "button",
+					class: "btn btn-ghost",
+					onClick: close,
+					disabled: unref(isDeleting)
+				}, " Cancel ", 8, _hoisted_5$5), createElementVNode("button", {
+					type: "button",
+					class: "btn btn-error",
+					onClick: handleDelete,
+					disabled: unref(isDeleting)
+				}, [unref(isDeleting) ? (openBlock(), createElementBlock("span", _hoisted_7$5)) : createCommentVNode("v-if", true), createTextVNode(" " + toDisplayString(unref(isDeleting) ? "Deleting..." : "Delete"), 1)], 8, _hoisted_6$5)])
+			]), createElementVNode("form", {
+				method: "dialog",
+				class: "modal-backdrop"
+			}, [createElementVNode("button", {
+				type: "button",
+				onClick: close
+			}, "close")])], 512);
+		};
+	}
+});
+var DeleteSupportTicketModal_default = _sfc_main$7;
+
+//#endregion
+//#region src/slices/support_ticket/staff/components/RevertSupportTicketModal.vue
+const _hoisted_1$5 = { class: "modal-box" };
+const _hoisted_2$5 = { class: "py-4 whitespace-pre-line text-sm text-base-content/80" };
+const _hoisted_3$4 = {
+	key: 0,
+	class: "alert alert-error py-2 mb-4"
+};
+const _hoisted_4$4 = { class: "text-sm" };
+const _hoisted_5$4 = { class: "modal-action" };
+const _hoisted_6$4 = ["disabled"];
+const _hoisted_7$4 = ["disabled"];
+const _hoisted_8$4 = {
+	key: 0,
+	class: "loading loading-spinner loading-sm mr-2"
+};
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+	__name: "RevertSupportTicketModal",
+	props: {
+		ticket: {},
+		isOpen: { type: Boolean }
+	},
+	emits: ["close", "success"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const modalRef = ref(null);
+		const revertError = ref(null);
+		const revertMessage = ref("");
+		const { mutate: revertSupportTicket, loading: isReverting } = useMutation((api, input) => api.supportTickets.revertTicket(input), { invalidate: /^support-tickets?:/ });
+		watch([() => props.isOpen, () => props.ticket], ([isOpen, ticket]) => {
+			if (isOpen && ticket) {
+				const creditDisplay = formatStaffCreditValue(ticket.credit_value, ticket.approval_status);
+				revertMessage.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?";
+				revertError.value = null;
+				modalRef.value?.showModal();
+			} else modalRef.value?.close();
+		}, { immediate: true });
+		function close() {
+			modalRef.value?.close();
+			emit("close");
+		}
+		async function handleRevert() {
+			if (!props.ticket) return;
+			revertError.value = null;
+			try {
+				await revertSupportTicket({ id: props.ticket.id });
+				const creditDisplay = formatStaffCreditValue(props.ticket.credit_value, props.ticket.approval_status);
+				const refundMessage = creditDisplay !== "TBD" && creditDisplay !== "N/A" ? ` ${creditDisplay} credits refunded.` : "";
+				toast.success(`Support Ticket reverted to PENDING.${refundMessage}`);
+				close();
+				emit("success");
+			} catch (e) {
+				const message = extractRpcErrorMessage(e, "Failed to revert");
+				revertError.value = message;
+				toast.error(message);
+			}
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("dialog", {
+				ref_key: "modalRef",
+				ref: modalRef,
+				class: "modal"
+			}, [createElementVNode("div", _hoisted_1$5, [
+				_cache[0] || (_cache[0] = createElementVNode("h3", { class: "font-bold text-lg" }, "Revert Support Ticket to PENDING?", -1)),
+				createElementVNode("p", _hoisted_2$5, toDisplayString(revertMessage.value), 1),
+				revertError.value ? (openBlock(), createElementBlock("div", _hoisted_3$4, [createElementVNode("span", _hoisted_4$4, toDisplayString(revertError.value), 1)])) : createCommentVNode("v-if", true),
+				createElementVNode("div", _hoisted_5$4, [createElementVNode("button", {
+					type: "button",
+					class: "btn btn-ghost",
+					onClick: close,
+					disabled: unref(isReverting)
+				}, " Cancel ", 8, _hoisted_6$4), createElementVNode("button", {
+					type: "button",
+					class: "btn btn-warning",
+					onClick: handleRevert,
+					disabled: unref(isReverting)
+				}, [unref(isReverting) ? (openBlock(), createElementBlock("span", _hoisted_8$4)) : createCommentVNode("v-if", true), createTextVNode(" " + toDisplayString(unref(isReverting) ? "Reverting..." : "Revert to PENDING"), 1)], 8, _hoisted_7$4)])
+			]), createElementVNode("form", {
+				method: "dialog",
+				class: "modal-backdrop"
+			}, [createElementVNode("button", {
+				type: "button",
+				onClick: close
+			}, "close")])], 512);
+		};
+	}
+});
+var RevertSupportTicketModal_default = _sfc_main$6;
+
+//#endregion
+//#region src/slices/support_ticket/staff/components/StaffActionBanner.vue
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+	__name: "StaffActionBanner",
+	props: { ticket: {} },
+	emits: [
+		"approve",
+		"reject",
+		"revert",
+		"convertToInternal",
+		"delete",
+		"complete",
+		"archive"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const lockedDateFormatted = computed(() => {
+			const at = props.ticket.locked_approval_at;
+			return at ? formatTicketDate(at).formatted : "";
+		});
+		const isCompleted = computed(() => props.ticket.status === "COMPLETED");
+		const isArchived = computed(() => !!props.ticket.archived_at);
+		return (_ctx, _cache) => {
+			return isArchived.value ? (openBlock(), createBlock(ActionBannerAlert_default, {
+				key: 0,
+				variant: "neutral",
+				icon: "archive"
+			}, {
+				actions: withCtx(() => [createElementVNode("button", {
+					type: "button",
+					class: "btn btn-ghost btn-sm",
+					onClick: _cache[0] || (_cache[0] = ($event) => emit("archive"))
+				}, " Unarchive ")]),
+				default: withCtx(() => [_cache[14] || (_cache[14] = createTextVNode(" This ticket is archived. Comments, edits, and attachments are locked for both customer and staff. ", -1))]),
+				_: 1
+			})) : __props.ticket.approval_status === "PENDING" ? (openBlock(), createBlock(ActionBannerAlert_default, {
+				key: 1,
+				variant: "warning",
+				icon: "clock"
+			}, {
+				actions: withCtx(() => [
+					createElementVNode("button", {
+						type: "button",
+						class: "btn btn-success btn-sm",
+						onClick: _cache[1] || (_cache[1] = ($event) => emit("approve"))
+					}, " Approve "),
+					createElementVNode("button", {
+						type: "button",
+						class: "btn btn-error btn-sm",
+						onClick: _cache[2] || (_cache[2] = ($event) => emit("reject"))
+					}, " Reject "),
+					createElementVNode("button", {
+						type: "button",
+						class: "btn btn-primary btn-sm",
+						onClick: _cache[3] || (_cache[3] = ($event) => emit("convertToInternal"))
+					}, " Convert to Internal "),
+					createElementVNode("button", {
+						type: "button",
+						class: "btn btn-ghost btn-sm",
+						onClick: _cache[4] || (_cache[4] = ($event) => emit("delete"))
+					}, " Delete ")
+				]),
+				default: withCtx(() => [_cache[15] || (_cache[15] = createTextVNode(" This ticket is awaiting approval. ", -1))]),
+				_: 1
+			})) : __props.ticket.approval_status === "APPROVED" && __props.ticket.locked_approval_at ? (openBlock(), createBlock(ActionBannerAlert_default, {
+				key: 2,
+				variant: "success",
+				icon: "lock"
+			}, {
+				actions: withCtx(() => [createElementVNode("button", {
+					type: "button",
+					class: "btn btn-warning btn-sm",
+					onClick: _cache[5] || (_cache[5] = ($event) => emit("revert"))
+				}, " Revert "), !isCompleted.value ? (openBlock(), createElementBlock("button", {
+					key: 0,
+					type: "button",
+					class: "btn btn-primary btn-sm",
+					onClick: _cache[6] || (_cache[6] = ($event) => emit("complete"))
+				}, " Complete ")) : !isArchived.value ? (openBlock(), createElementBlock("button", {
+					key: 1,
+					type: "button",
+					class: "btn btn-ghost btn-sm",
+					onClick: _cache[7] || (_cache[7] = ($event) => emit("archive"))
+				}, " Archive ")) : createCommentVNode("v-if", true)]),
+				default: withCtx(() => [createTextVNode(" This ticket was approved on " + toDisplayString(lockedDateFormatted.value) + ". ", 1)]),
+				_: 1
+			})) : __props.ticket.approval_status === "REJECTED" && __props.ticket.locked_approval_at ? (openBlock(), createBlock(ActionBannerAlert_default, {
+				key: 3,
+				variant: "error",
+				icon: "lock"
+			}, {
+				actions: withCtx(() => [
+					createElementVNode("button", {
+						type: "button",
+						class: "btn btn-warning btn-sm",
+						onClick: _cache[8] || (_cache[8] = ($event) => emit("revert"))
+					}, " Revert "),
+					!isArchived.value ? (openBlock(), createElementBlock("button", {
+						key: 0,
+						type: "button",
+						class: "btn btn-ghost btn-sm",
+						onClick: _cache[9] || (_cache[9] = ($event) => emit("archive"))
+					}, " Archive ")) : createCommentVNode("v-if", true),
+					createElementVNode("button", {
+						type: "button",
+						class: "btn btn-ghost btn-sm",
+						onClick: _cache[10] || (_cache[10] = ($event) => emit("delete"))
+					}, " Delete ")
+				]),
+				default: withCtx(() => [createTextVNode(" This ticket was rejected on " + toDisplayString(lockedDateFormatted.value) + ". ", 1)]),
+				_: 1
+			})) : __props.ticket.approval_status === "INTERNAL" ? (openBlock(), createBlock(ActionBannerAlert_default, {
+				key: 4,
+				variant: "info",
+				icon: "info"
+			}, {
+				actions: withCtx(() => [!isCompleted.value ? (openBlock(), createElementBlock("button", {
+					key: 0,
+					type: "button",
+					class: "btn btn-primary btn-sm",
+					onClick: _cache[11] || (_cache[11] = ($event) => emit("complete"))
+				}, " Complete ")) : !isArchived.value ? (openBlock(), createElementBlock("button", {
+					key: 1,
+					type: "button",
+					class: "btn btn-ghost btn-sm",
+					onClick: _cache[12] || (_cache[12] = ($event) => emit("archive"))
+				}, " Archive ")) : createCommentVNode("v-if", true), createElementVNode("button", {
+					type: "button",
+					class: "btn btn-ghost btn-sm",
+					onClick: _cache[13] || (_cache[13] = ($event) => emit("delete"))
+				}, " Delete ")]),
+				default: withCtx(() => [_cache[16] || (_cache[16] = createTextVNode(" Internal ticket. ", -1))]),
+				_: 1
+			})) : createCommentVNode("v-if", true);
+		};
+	}
+});
+var StaffActionBanner_default = _sfc_main$5;
+
+//#endregion
+//#region src/slices/support_ticket/staff/components/StaffMetadataCard.vue
+const _hoisted_1$4 = { class: "border border-base-200 rounded-lg p-4 md:p-6" };
+const _hoisted_2$4 = { class: "grid grid-cols-1 md:grid-cols-2 gap-x-8 gap-y-3" };
+const _hoisted_3$3 = { key: 0 };
+const _hoisted_4$3 = {
+	key: 1,
+	class: "text-base-content/50 italic text-sm"
+};
+const _hoisted_5$3 = { class: "md:col-span-2" };
+const _hoisted_6$3 = {
+	key: 0,
+	class: "whitespace-pre-wrap text-sm"
+};
+const _hoisted_7$3 = {
+	key: 0,
+	class: "text-base-content/50"
+};
+const _hoisted_8$3 = { class: "text-base-content/50" };
+const _hoisted_9$3 = {
+	key: 1,
+	class: "text-base-content/50 italic text-sm"
+};
+const _hoisted_10$3 = { class: "text-base-content/50" };
+const _hoisted_11$3 = { class: "text-base-content/50" };
+const _hoisted_12$3 = { class: "inline-flex items-center gap-1" };
+const _hoisted_13$3 = {
+	key: 0,
+	"aria-hidden": "true"
+};
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+	__name: "StaffMetadataCard",
+	props: { ticket: {} },
+	setup(__props) {
+		const props = __props;
+		const assigneeDisplay = computed(() => {
+			const assigneeId = props.ticket?.assigned_to;
+			if (!assigneeId) return null;
+			return props.ticket.assigned_to_display_name ?? assigneeId;
+		});
+		const ticketDisplayId = computed(() => formatTicketDisplayId(props.ticket.display_id, props.ticket.display_id_prefix, props.ticket.id));
+		const createdFormatted = computed(() => {
+			const at = props.ticket.created_at;
+			return at ? formatTicketDate(at).formatted : "";
+		});
+		const createdRelative = computed(() => {
+			const at = props.ticket.created_at;
+			return at ? formatTicketDate(at).relative : "";
+		});
+		const startFormatted = computed(() => props.ticket.start_at ? formatTicketDate(props.ticket.start_at).formatted : "");
+		const startRelative = computed(() => props.ticket.start_at ? formatTicketDate(props.ticket.start_at).relative : "");
+		const targetFormatted = computed(() => props.ticket.target_at ? formatTicketDate(props.ticket.target_at).formatted : "");
+		const targetRelative = computed(() => props.ticket.target_at ? formatTicketDate(props.ticket.target_at).relative : "");
+		const completedFormatted = computed(() => props.ticket.completed_at ? formatTicketDate(props.ticket.completed_at).formatted : "");
+		const completedRelative = computed(() => props.ticket.completed_at ? formatTicketDate(props.ticket.completed_at).relative : "");
+		const isTargetOverdue = computed(() => {
+			if (!props.ticket.target_at || props.ticket.completed_at) return false;
+			return new Date(props.ticket.target_at) < /* @__PURE__ */ new Date() && !props.ticket.completed_at;
+		});
+		const creditDisplay = computed(() => formatStaffCreditValue(props.ticket.credit_value, props.ticket.approval_status));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$4, [createElementVNode("div", _hoisted_2$4, [
+				createVNode(MetadataField_default, { label: "Status" }, {
+					default: withCtx(() => [createVNode(SupportTicketApprovalBadge_default, {
+						"approval-status": __props.ticket.approval_status,
+						size: "sm"
+					}, null, 8, ["approval-status"])]),
+					_: 1
+				}),
+				createVNode(MetadataField_default, { label: "Dev Lifecycle" }, {
+					empty: withCtx(() => [..._cache[0] || (_cache[0] = [createElementVNode("span", { class: "text-base-content/50 italic text-sm" }, "Not started", -1)])]),
+					default: withCtx(() => [__props.ticket.dev_lifecycle ? (openBlock(), createBlock(SupportTicketDevLifecycleBadge_default, {
+						key: 0,
+						"dev-lifecycle": __props.ticket.dev_lifecycle,
+						size: "sm"
+					}, null, 8, ["dev-lifecycle"])) : createCommentVNode("v-if", true)]),
+					_: 1
+				}),
+				createVNode(MetadataField_default, { label: "Type" }, {
+					default: withCtx(() => [createVNode(SupportTicketTypeBadge_default, {
+						type: __props.ticket.type,
+						size: "sm"
+					}, null, 8, ["type"])]),
+					_: 1
+				}),
+				createVNode(MetadataField_default, { label: "Priority" }, {
+					default: withCtx(() => [createVNode(SupportTicketPriorityBadge_default, {
+						priority: __props.ticket.priority,
+						size: "sm"
+					}, null, 8, ["priority"])]),
+					_: 1
+				}),
+				createVNode(MetadataField_default, { label: "Assignee" }, {
+					default: withCtx(() => [assigneeDisplay.value ? (openBlock(), createElementBlock("span", _hoisted_3$3, toDisplayString(assigneeDisplay.value), 1)) : (openBlock(), createElementBlock("span", _hoisted_4$3, "Unassigned"))]),
+					_: 1
+				}),
+				createVNode(MetadataField_default, { label: "Requester" }, {
+					default: withCtx(() => [createTextVNode(toDisplayString(__props.ticket.created_by_display_name), 1)]),
+					_: 1
+				}),
+				createElementVNode("div", _hoisted_5$3, [createVNode(MetadataField_default, { label: "Description" }, {
+					empty: withCtx(() => [..._cache[1] || (_cache[1] = [createElementVNode("span", { class: "text-base-content/50 italic text-sm" }, "No description provided", -1)])]),
+					default: withCtx(() => [__props.ticket.description?.trim() ? (openBlock(), createElementBlock("p", _hoisted_6$3, toDisplayString(__props.ticket.description), 1)) : createCommentVNode("v-if", true)]),
+					_: 1
+				})]),
+				createVNode(MetadataField_default, {
+					label: "Ticket ID",
+					copyable: true
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(ticketDisplayId.value), 1)]),
+					_: 1
+				}),
+				createVNode(MetadataField_default, { label: "Created" }, {
+					default: withCtx(() => [createTextVNode(toDisplayString(createdFormatted.value) + " ", 1), createdRelative.value ? (openBlock(), createElementBlock("span", _hoisted_7$3, "· " + toDisplayString(createdRelative.value), 1)) : createCommentVNode("v-if", true)]),
+					_: 1
+				}),
+				createVNode(MetadataField_default, { label: "Started" }, {
+					default: withCtx(() => [__props.ticket.start_at ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(toDisplayString(startFormatted.value) + " ", 1), createElementVNode("span", _hoisted_8$3, "· " + toDisplayString(startRelative.value), 1)], 64)) : (openBlock(), createElementBlock("span", _hoisted_9$3, "Not set"))]),
+					_: 1
+				}),
+				createVNode(MetadataField_default, { label: "Target" }, {
+					empty: withCtx(() => [..._cache[2] || (_cache[2] = [createElementVNode("span", { class: "text-base-content/50 italic text-sm" }, "Not set", -1)])]),
+					default: withCtx(() => [__props.ticket.target_at ? (openBlock(), createElementBlock("span", {
+						key: 0,
+						class: normalizeClass({ "text-error": isTargetOverdue.value })
+					}, [createTextVNode(toDisplayString(targetFormatted.value) + " ", 1), createElementVNode("span", _hoisted_10$3, "· " + toDisplayString(targetRelative.value), 1)], 2)) : createCommentVNode("v-if", true)]),
+					_: 1
+				}),
+				createVNode(MetadataField_default, { label: "Completed" }, {
+					empty: withCtx(() => [..._cache[3] || (_cache[3] = [createElementVNode("span", { class: "text-base-content/50 italic text-sm" }, "Not set", -1)])]),
+					default: withCtx(() => [__props.ticket.completed_at ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(toDisplayString(completedFormatted.value) + " ", 1), createElementVNode("span", _hoisted_11$3, "· " + toDisplayString(completedRelative.value), 1)], 64)) : createCommentVNode("v-if", true)]),
+					_: 1
+				}),
+				createVNode(MetadataField_default, { label: "Credits" }, {
+					default: withCtx(() => [createElementVNode("span", _hoisted_12$3, [__props.ticket.is_locked ? (openBlock(), createElementBlock("span", _hoisted_13$3, "🔒")) : createCommentVNode("v-if", true), createTextVNode(" " + toDisplayString(creditDisplay.value), 1)])]),
+					_: 1
+				}),
+				createVNode(MetadataField_default, { label: "Delivered Value" }, {
+					empty: withCtx(() => [..._cache[4] || (_cache[4] = [createElementVNode("span", { class: "text-base-content/50 italic text-sm" }, "Not set", -1)])]),
+					default: withCtx(() => [__props.ticket.delivered_value?.trim() ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(toDisplayString(__props.ticket.delivered_value), 1)], 64)) : createCommentVNode("v-if", true)]),
+					_: 1
+				})
+			])]);
+		};
+	}
+});
+var StaffMetadataCard_default = _sfc_main$4;
+
+//#endregion
+//#region src/slices/support_ticket/staff/staffMetadataCardEditFormMetadata.ts
+const staffMetadataCardEditFormMetadata = withMetadata(StaffSupportTicketUpdateSchema, "staffMetadataCardEditForm", {
+	title: {
+		label: "Title",
+		placeholder: "Enter ticket title"
+	},
+	description: {
+		label: "Description",
+		inputType: "textarea",
+		placeholder: "Describe the ticket in detail"
+	},
+	type: { label: "Type" },
+	priority: {
+		label: "Priority",
+		inputType: "select",
+		valueToLabel: SUPPORT_TICKET_PRIORITY_NUMBER_TO_LABEL,
+		valueType: "number"
+	},
+	dev_lifecycle: { label: "Development Lifecycle" },
+	credit_value: {
+		label: "Credit Value",
+		inputType: "currency",
+		step: .01,
+		placeholder: "0.00"
+	},
+	delivered_value: {
+		label: "Delivered Value",
+		inputType: "currency",
+		step: .01,
+		placeholder: "0.00"
+	},
+	start_at: {
+		label: "Start At",
+		inputType: "date"
+	},
+	target_at: {
+		label: "Target At",
+		inputType: "date"
+	},
+	completed_at: {
+		label: "Completed At",
+		inputType: "date"
+	}
+});
+
+//#endregion
+//#region src/slices/support_ticket/staff/components/StaffMetadataCardEdit.vue
+const _hoisted_1$3 = { class: "border border-base-200 rounded-lg p-4 md:p-6" };
+const _hoisted_2$3 = { class: "grid grid-cols-1 md:grid-cols-2 gap-4" };
+const _hoisted_3$2 = { class: "form-control md:col-span-2" };
+const _hoisted_4$2 = { class: "form-control md:col-span-2" };
+const _hoisted_5$2 = { class: "form-control" };
+const _hoisted_6$2 = {
+	key: 0,
+	class: "form-control"
+};
+const _hoisted_7$2 = ["disabled"];
+const _hoisted_8$2 = ["value"];
+const _hoisted_9$2 = { class: "form-control" };
+const _hoisted_10$2 = {
+	key: 1,
+	class: "form-control"
+};
+const _hoisted_11$2 = {
+	key: 2,
+	class: "form-control"
+};
+const _hoisted_12$2 = {
+	key: 3,
+	class: "form-control"
+};
+const _hoisted_13$2 = {
+	key: 4,
+	class: "form-control"
+};
+const _hoisted_14$2 = {
+	key: 5,
+	class: "form-control"
+};
+const _hoisted_15$2 = {
+	key: 6,
+	class: "form-control"
+};
+const _hoisted_16$2 = {
+	key: 0,
+	class: "alert alert-error py-2 mt-4"
+};
+const _hoisted_17$2 = { class: "text-sm" };
+const _hoisted_18$2 = { class: "flex justify-end gap-2 mt-4" };
+const _hoisted_19$2 = ["disabled"];
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+	__name: "StaffMetadataCardEdit",
+	props: {
+		ticket: {},
+		saving: { type: Boolean }
+	},
+	emits: ["success", "cancel"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const assigneeId = ref(props.ticket.assigned_to ?? "");
+		watch(() => props.ticket.assigned_to, (v) => {
+			assigneeId.value = v ?? "";
+		});
+		const { data: triageUsers } = useQuery((api) => api.users.getTriageUsers(), {
+			cacheKey: "triage-users",
+			staleTime: 3600 * 1e3
+		});
+		const emit = __emit;
+		const { mutate: updateTicket, loading: isSaving } = useMutation((api, input) => api.supportTickets.staffUpdateTicket(input), { invalidate: /^support-tickets?:/ });
+		const saving = computed(() => props.saving ?? isSaving.value);
+		function formatDateForInput(dateString) {
+			if (!dateString) return null;
+			try {
+				return new Date(dateString).toISOString().split("T")[0] || null;
+			} catch {
+				return null;
+			}
+		}
+		function formatDateForOutput(dateString) {
+			if (!dateString || dateString.trim() === "") return null;
+			try {
+				const date = /* @__PURE__ */ new Date(dateString + "T00:00:00");
+				if (isNaN(date.getTime())) return null;
+				return date.toISOString();
+			} catch {
+				return null;
+			}
+		}
+		const { form, zinia, ZiniaForm, ZiniaSubmitButton, ZiniaFormErrorsSummary } = useForm(staffMetadataCardEditFormMetadata, {
+			storeName: `staff-metadata-card-edit-${props.ticket.id}`,
+			persistToLocalStorage: false,
+			renderStyle: "daisy_ui",
+			fetchData: async () => {
+				const t = props.ticket;
+				const devLifecycle = t.dev_lifecycle && [
+					"BACKLOG",
+					"PLANNING",
+					"DEVELOPMENT",
+					"CODE_REVIEW",
+					"TESTING",
+					"STAGING",
+					"PO_APPROVAL",
+					"VERIFICATION"
+				].includes(t.dev_lifecycle) ? t.dev_lifecycle : void 0;
+				return {
+					id: t.id,
+					title: t.title || "",
+					description: t.description ?? "",
+					type: t.type,
+					priority: supportTicketPriorityToNumber(t.priority),
+					dev_lifecycle: devLifecycle,
+					credit_value: t.credit_value?.trim() || null,
+					delivered_value: t.delivered_value?.trim() || null,
+					start_at: formatDateForInput(t.start_at) ?? null,
+					target_at: formatDateForInput(t.target_at) ?? null,
+					completed_at: formatDateForInput(t.completed_at) ?? null
+				};
+			}
+		});
+		function buildPayload(formData) {
+			const t = props.ticket;
+			const payload = {
+				id: t.id,
+				title: String(formData.title ?? "").trim(),
+				description: formData.description || "",
+				type: formData.type,
+				priority: formData.priority
+			};
+			if (["APPROVED", "INTERNAL"].includes(t.approval_status || "") && t.dev_lifecycle !== "DEPLOYED" && t.dev_lifecycle !== "CANCELLED") {
+				const dl = formData.dev_lifecycle;
+				if (dl !== null && dl !== void 0 && dl !== "PENDING" && dl !== "DEPLOYED" && dl !== "CANCELLED") payload.dev_lifecycle = dl;
+			}
+			if (t.approval_status === "PENDING") {
+				const cv = formData.credit_value;
+				if (cv != null && cv !== "") payload.credit_value = String(cv).trim();
+			}
+			if (t.dev_lifecycle === "DEPLOYED") {
+				const dv = formData.delivered_value;
+				if (dv != null && dv !== "") payload.delivered_value = String(dv).trim();
+			}
+			if ([
+				"PENDING",
+				"APPROVED",
+				"INTERNAL"
+			].includes(t.approval_status || "") && t.dev_lifecycle !== "CANCELLED" && t.dev_lifecycle !== "DEPLOYED") {
+				const startAt = formatDateForOutput(formData.start_at);
+				if (startAt !== null) payload.start_at = startAt;
+				const targetAt = formatDateForOutput(formData.target_at);
+				if (targetAt !== null) payload.target_at = targetAt;
+			}
+			if (t.dev_lifecycle === "DEPLOYED" || t.dev_lifecycle === "CANCELLED") {
+				const completedAt = formatDateForOutput(formData.completed_at);
+				if (completedAt !== null) payload.completed_at = completedAt;
+			}
+			payload.assigned_to = assigneeId.value || null;
+			return payload;
+		}
+		async function handleSubmit(formData) {
+			await updateTicket(buildPayload(formData));
+		}
+		function handleSuccess() {
+			emit("success");
+		}
+		function handleError(error) {
+			const message = extractRpcErrorMessage(error, "Failed to update ticket");
+			form.setSubmitError(message);
+		}
+		function handleCancel() {
+			emit("cancel");
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$3, [createVNode(unref(ZiniaForm), {
+				onHandleSubmit: handleSubmit,
+				onSuccess: handleSuccess,
+				onError: handleError,
+				title: "",
+				subtitle: ""
+			}, {
+				default: withCtx(() => [
+					createElementVNode("div", _hoisted_2$3, [
+						createCommentVNode(" Title - full width "),
+						createElementVNode("div", _hoisted_3$2, [createVNode(unref(zinia).TitleField, { placeholder: "Enter ticket title" })]),
+						createCommentVNode(" Description - full width "),
+						createElementVNode("div", _hoisted_4$2, [createVNode(unref(zinia).DescriptionField, {
+							class: "w-full",
+							placeholder: "Describe the ticket in detail"
+						})]),
+						createCommentVNode(" Type "),
+						createElementVNode("div", _hoisted_5$2, [createVNode(unref(zinia).TypeField)]),
+						createCommentVNode(" Assignee - only when not archived "),
+						!__props.ticket.archived_at ? (openBlock(), createElementBlock("div", _hoisted_6$2, [_cache[2] || (_cache[2] = createElementVNode("label", { class: "label" }, [createElementVNode("span", { class: "label-text" }, "Assignee")], -1)), withDirectives(createElementVNode("select", {
+							"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => assigneeId.value = $event),
+							class: "select select-bordered w-full",
+							disabled: saving.value
+						}, [_cache[1] || (_cache[1] = createElementVNode("option", { value: "" }, "Unassigned", -1)), (openBlock(true), createElementBlock(Fragment, null, renderList(unref(triageUsers) ?? [], (u) => {
+							return openBlock(), createElementBlock("option", {
+								key: u.id,
+								value: u.id
+							}, toDisplayString(u.email), 9, _hoisted_8$2);
+						}), 128))], 8, _hoisted_7$2), [[vModelSelect, assigneeId.value]])])) : createCommentVNode("v-if", true),
+						createCommentVNode(" Priority "),
+						createElementVNode("div", _hoisted_9$2, [createVNode(unref(zinia).PriorityField)]),
+						createCommentVNode(" Development Lifecycle - Only editable when APPROVED or INTERNAL (not terminal states) "),
+						["APPROVED", "INTERNAL"].includes(__props.ticket.approval_status || "") && __props.ticket.dev_lifecycle !== "DEPLOYED" && __props.ticket.dev_lifecycle !== "CANCELLED" ? (openBlock(), createElementBlock("div", _hoisted_10$2, [createVNode(unref(zinia).DevLifecycleField)])) : createCommentVNode("v-if", true),
+						createCommentVNode(" Credit Value - Only editable when PENDING "),
+						__props.ticket.approval_status === "PENDING" ? (openBlock(), createElementBlock("div", _hoisted_11$2, [createVNode(unref(zinia).CreditValueField, { placeholder: "0.00" })])) : createCommentVNode("v-if", true),
+						createCommentVNode(" Delivered Value - Only editable when DEPLOYED "),
+						__props.ticket.dev_lifecycle === "DEPLOYED" ? (openBlock(), createElementBlock("div", _hoisted_12$2, [createVNode(unref(zinia).DeliveredValueField, { placeholder: "0.00" })])) : createCommentVNode("v-if", true),
+						createCommentVNode(" Start At - Only editable when PENDING, APPROVED, or INTERNAL (not terminal) "),
+						[
+							"PENDING",
+							"APPROVED",
+							"INTERNAL"
+						].includes(__props.ticket.approval_status || "") && __props.ticket.dev_lifecycle !== "CANCELLED" && __props.ticket.dev_lifecycle !== "DEPLOYED" ? (openBlock(), createElementBlock("div", _hoisted_13$2, [createVNode(unref(zinia).StartAtField, { formatter: unref(formatToISODate) }, null, 8, ["formatter"])])) : createCommentVNode("v-if", true),
+						createCommentVNode(" Target At - Only editable when PENDING, APPROVED, or INTERNAL (not terminal) "),
+						[
+							"PENDING",
+							"APPROVED",
+							"INTERNAL"
+						].includes(__props.ticket.approval_status || "") && __props.ticket.dev_lifecycle !== "CANCELLED" && __props.ticket.dev_lifecycle !== "DEPLOYED" ? (openBlock(), createElementBlock("div", _hoisted_14$2, [createVNode(unref(zinia).TargetAtField, { formatter: unref(formatToISODate) }, null, 8, ["formatter"])])) : createCommentVNode("v-if", true),
+						createCommentVNode(" Completed At - Only editable when DEPLOYED or CANCELLED "),
+						__props.ticket.dev_lifecycle === "DEPLOYED" || __props.ticket.dev_lifecycle === "CANCELLED" ? (openBlock(), createElementBlock("div", _hoisted_15$2, [createVNode(unref(zinia).CompletedAtField, { formatter: unref(formatToISODate) }, null, 8, ["formatter"])])) : createCommentVNode("v-if", true)
+					]),
+					unref(form).submitError ? (openBlock(), createElementBlock("div", _hoisted_16$2, [createElementVNode("span", _hoisted_17$2, toDisplayString(unref(form).submitError), 1)])) : createCommentVNode("v-if", true),
+					createVNode(unref(ZiniaFormErrorsSummary), { title: "Please fix the following errors:" }),
+					createCommentVNode(" Action Buttons "),
+					createElementVNode("div", _hoisted_18$2, [createElementVNode("button", {
+						type: "button",
+						class: "btn btn-ghost",
+						onClick: handleCancel,
+						disabled: saving.value
+					}, " Cancel ", 8, _hoisted_19$2), createVNode(unref(ZiniaSubmitButton), {
+						submitText: "Save",
+						submittingText: "Saving..."
+					})])
+				]),
+				_: 1
+			})]);
+		};
+	}
+});
+var StaffMetadataCardEdit_default = _sfc_main$3;
+
+//#endregion
+//#region src/slices/support_ticket/staff/components/StaffTimeline.vue
+const _hoisted_1$2 = { class: "flex flex-col gap-4 w-full" };
+const _hoisted_2$2 = {
+	key: 0,
+	class: "text-base-content/50 text-sm text-center py-8"
+};
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+	__name: "StaffTimeline",
+	props: {
+		ticket: {},
+		customerNotes: {},
+		internalNotes: {},
+		systemEvents: {},
+		onAddNote: { type: Function }
+	},
+	setup(__props, { expose: __expose }) {
+		const props = __props;
+		const route = useRoute();
+		const router = useRouter();
+		const noteTypeFromQuery = computed(() => {
+			return route.query.noteType === "internal" ? "internal" : "customer";
+		});
+		function updateNoteTypeQuery(value) {
+			router.replace({
+				path: route.path,
+				query: {
+					...route.query,
+					noteType: value === "internal" ? "internal" : void 0
+				}
+			});
+		}
+		const noteInputRef = ref(null);
+		const mergedTimelineItems = computed(() => {
+			const items = [];
+			for (const note of props.customerNotes ?? []) items.push({
+				type: "customer-note",
+				timestamp: note.createdAt,
+				id: `customer-note-${note.createdAt}-${note.authorName}`,
+				data: note
+			});
+			for (const note of props.internalNotes ?? []) items.push({
+				type: "internal-note",
+				timestamp: note.createdAt,
+				id: `internal-note-${note.createdAt}-${note.authorName}`,
+				data: note
+			});
+			for (const event of props.systemEvents ?? []) items.push({
+				type: "system-event",
+				timestamp: event.timestamp,
+				id: event.id,
+				data: event
+			});
+			items.sort((a, b) => new Date(b.timestamp).getTime() - new Date(a.timestamp).getTime());
+			return items;
+		});
+		function resetInput() {
+			noteInputRef.value?.reset();
+		}
+		__expose({ resetInput });
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$2, [
+				createVNode(TimelineNoteInput_default, {
+					ref_key: "noteInputRef",
+					ref: noteInputRef,
+					"show-type-toggle": true,
+					disabled: !!__props.ticket.archived_at,
+					"note-type": noteTypeFromQuery.value,
+					"on-submit": __props.onAddNote,
+					"onUpdate:noteType": updateNoteTypeQuery
+				}, null, 8, [
+					"disabled",
+					"note-type",
+					"on-submit"
+				]),
+				mergedTimelineItems.value.length === 0 ? (openBlock(), createElementBlock("p", _hoisted_2$2, " No activity yet. ")) : createCommentVNode("v-if", true),
+				(openBlock(true), createElementBlock(Fragment, null, renderList(mergedTimelineItems.value, (item) => {
+					return openBlock(), createElementBlock(Fragment, { key: item.id }, [item.type === "customer-note" || item.type === "internal-note" ? (openBlock(), createBlock(TimelineItem_default, {
+						key: 0,
+						"author-name": item.data.authorName,
+						"created-at": item.data.createdAt,
+						variant: item.type === "customer-note" ? "customer" : "internal"
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(item.data.body ?? ""), 1)]),
+						_: 2
+					}, 1032, [
+						"author-name",
+						"created-at",
+						"variant"
+					])) : item.type === "system-event" ? (openBlock(), createBlock(TimelineSystemEvent_default, {
+						key: 1,
+						author: item.data.author,
+						message: item.data.message,
+						timestamp: item.data.timestamp,
+						"old-value": item.data.oldValue,
+						"new-value": item.data.newValue
+					}, null, 8, [
+						"author",
+						"message",
+						"timestamp",
+						"old-value",
+						"new-value"
+					])) : createCommentVNode("v-if", true)], 64);
+				}), 128))
+			]);
+		};
+	}
+});
+var StaffTimeline_default = _sfc_main$2;
+
+//#endregion
+//#region src/slices/support_ticket/staff/components/SupportTicketSubscribersCollapsible.vue
+const _hoisted_1$1 = {
+	key: 0,
+	class: "w-full"
+};
+const _hoisted_2$1 = { class: "collapse collapse-arrow bg-base-200" };
+const _hoisted_3$1 = { class: "collapse-title text-sm font-medium px-4 py-2 min-h-0" };
+const _hoisted_4$1 = { class: "flex items-center gap-2" };
+const _hoisted_5$1 = { class: "collapse-content px-0" };
+const _hoisted_6$1 = { class: "px-4 pb-4 space-y-4" };
+const _hoisted_7$1 = {
+	key: 0,
+	class: "flex flex-wrap items-end gap-2"
+};
+const _hoisted_8$1 = { class: "form-control flex-1 min-w-[200px]" };
+const _hoisted_9$1 = ["disabled"];
+const _hoisted_10$1 = ["value"];
+const _hoisted_11$1 = ["disabled"];
+const _hoisted_12$1 = {
+	key: 0,
+	class: "loading loading-spinner loading-xs"
+};
+const _hoisted_13$1 = { key: 1 };
+const _hoisted_14$1 = {
+	key: 1,
+	class: "flex justify-center py-4"
+};
+const _hoisted_15$1 = {
+	key: 2,
+	class: "text-sm text-base-content/50 italic"
+};
+const _hoisted_16$1 = {
+	key: 3,
+	class: "space-y-2"
+};
+const _hoisted_17$1 = { class: "text-sm truncate" };
+const _hoisted_18$1 = ["onClick", "disabled"];
+const _hoisted_19$1 = {
+	key: 0,
+	class: "loading loading-spinner loading-xs"
+};
+const _hoisted_20$1 = {
+	key: 1,
+	xmlns: "http://www.w3.org/2000/svg",
+	class: "h-4 w-4",
+	fill: "none",
+	viewBox: "0 0 24 24",
+	stroke: "currentColor"
+};
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+	__name: "SupportTicketSubscribersCollapsible",
+	props: {
+		supportTicketId: {},
+		locked: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const expanded = ref(false);
+		const selectedUserId = ref("");
+		const { data: subscribersData, loading: subscribersLoading, refetch: refetchSubscribers } = useQuery((api) => api.supportTickets.staffListSubscribers(props.supportTicketId), {
+			enabled: computed(() => !!props.supportTicketId),
+			cacheKey: `support-ticket-subscribers-${props.supportTicketId}`
+		});
+		const subscribers = computed(() => {
+			return subscribersData.value ?? [];
+		});
+		const { data: usersData } = useQuery((api) => api.users.getUsersForSelection(), { staleTime: 600 * 1e3 });
+		const availableUsers = computed(() => {
+			const users = usersData.value ?? [];
+			const existingIds = new Set(subscribers.value.map((s) => s.user_id));
+			return users.filter((u) => !existingIds.has(u.id));
+		});
+		const { mutate: addSubscriber, loading: isAddLoading } = useMutation((api, input) => api.supportTickets.staffAddSubscriber(input), { invalidate: /^support-ticket-subscribers/ });
+		const { mutate: removeSubscriber } = useMutation((api, input) => api.supportTickets.staffRemoveSubscriber(input), { invalidate: /^support-ticket-subscribers/ });
+		const isRemoveLoading = ref(null);
+		async function handleAddSubscriber() {
+			if (!selectedUserId.value) return;
+			try {
+				await addSubscriber({
+					support_ticket_id: props.supportTicketId,
+					user_id: selectedUserId.value
+				});
+				toast.success("Subscriber added");
+				selectedUserId.value = "";
+				await refetchSubscribers();
+			} catch (e) {
+				toast.error(extractRpcErrorMessage(e, "Failed to add subscriber"));
+			}
+		}
+		async function handleRemoveSubscriber(subscriberId) {
+			try {
+				isRemoveLoading.value = subscriberId;
+				await removeSubscriber({
+					supportTicketId: props.supportTicketId,
+					subscriberId
+				});
+				toast.success("Subscriber removed");
+				await refetchSubscribers();
+			} catch (e) {
+				toast.error(extractRpcErrorMessage(e, "Failed to remove subscriber"));
+			} finally {
+				isRemoveLoading.value = null;
+			}
+		}
+		return (_ctx, _cache) => {
+			return __props.supportTicketId ? (openBlock(), createElementBlock("div", _hoisted_1$1, [createElementVNode("div", _hoisted_2$1, [
+				withDirectives(createElementVNode("input", {
+					type: "checkbox",
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => expanded.value = $event)
+				}, null, 512), [[vModelCheckbox, expanded.value]]),
+				createElementVNode("div", _hoisted_3$1, [createElementVNode("div", _hoisted_4$1, [_cache[2] || (_cache[2] = 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: "M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9"
+				})], -1)), createElementVNode("span", null, "Subscribers (" + toDisplayString(subscribers.value.length) + ")", 1)])]),
+				createElementVNode("div", _hoisted_5$1, [createElementVNode("div", _hoisted_6$1, [
+					createCommentVNode(" Add subscriber "),
+					!__props.locked ? (openBlock(), createElementBlock("div", _hoisted_7$1, [createElementVNode("div", _hoisted_8$1, [_cache[4] || (_cache[4] = createElementVNode("label", { class: "label py-0" }, [createElementVNode("span", { class: "label-text text-sm" }, "Add subscriber")], -1)), withDirectives(createElementVNode("select", {
+						"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => selectedUserId.value = $event),
+						class: "select select-bordered select-sm w-full",
+						disabled: unref(isAddLoading)
+					}, [_cache[3] || (_cache[3] = createElementVNode("option", { value: "" }, "Select user...", -1)), (openBlock(true), createElementBlock(Fragment, null, renderList(availableUsers.value, (user) => {
+						return openBlock(), createElementBlock("option", {
+							key: user.id,
+							value: user.id
+						}, toDisplayString(user.email), 9, _hoisted_10$1);
+					}), 128))], 8, _hoisted_9$1), [[vModelSelect, selectedUserId.value]])]), createElementVNode("button", {
+						class: "btn btn-sm btn-primary",
+						disabled: !selectedUserId.value || unref(isAddLoading),
+						onClick: handleAddSubscriber
+					}, [unref(isAddLoading) ? (openBlock(), createElementBlock("span", _hoisted_12$1)) : (openBlock(), createElementBlock("span", _hoisted_13$1, "Add"))], 8, _hoisted_11$1)])) : createCommentVNode("v-if", true),
+					createCommentVNode(" Subscriber list "),
+					unref(subscribersLoading) ? (openBlock(), createElementBlock("div", _hoisted_14$1, [..._cache[5] || (_cache[5] = [createElementVNode("span", { class: "loading loading-spinner loading-sm" }, null, -1)])])) : subscribers.value.length === 0 ? (openBlock(), createElementBlock("ul", _hoisted_15$1, " No subscribers yet ")) : (openBlock(), createElementBlock("ul", _hoisted_16$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(subscribers.value, (sub) => {
+						return openBlock(), createElementBlock("li", {
+							key: sub.id,
+							class: "flex items-center justify-between gap-2 py-2 px-3 rounded bg-base-100 border border-base-300"
+						}, [createElementVNode("span", _hoisted_17$1, toDisplayString(sub.user_id_display_name ?? sub.user_id), 1), !__props.locked ? (openBlock(), createElementBlock("button", {
+							key: 0,
+							type: "button",
+							class: "btn btn-ghost btn-xs text-error",
+							"aria-label": "Remove subscriber",
+							onClick: ($event) => handleRemoveSubscriber(sub.id),
+							disabled: isRemoveLoading.value === sub.id
+						}, [isRemoveLoading.value === sub.id ? (openBlock(), createElementBlock("span", _hoisted_19$1)) : (openBlock(), createElementBlock("svg", _hoisted_20$1, [..._cache[6] || (_cache[6] = [createElementVNode("path", {
+							"stroke-linecap": "round",
+							"stroke-linejoin": "round",
+							"stroke-width": "2",
+							d: "M6 18L18 6M6 6l12 12"
+						}, null, -1)])]))], 8, _hoisted_18$1)) : createCommentVNode("v-if", true)]);
+					}), 128))]))
+				])])
+			])])) : createCommentVNode("v-if", true);
+		};
+	}
+});
+var SupportTicketSubscribersCollapsible_default = _sfc_main$1;
+
+//#endregion
+//#region src/slices/support_ticket/staff/StaffSupportTicketDetailPage.vue
+const _hoisted_1 = {
+	key: 0,
+	class: "flex justify-center items-center p-8"
+};
+const _hoisted_2 = { class: "alert alert-error mb-4 max-w-4xl mx-auto px-4" };
+const _hoisted_3 = { class: "flex-1" };
+const _hoisted_4 = { class: "mt-2" };
+const _hoisted_5 = { class: "px-4 py-6 max-w-4xl mx-auto" };
+const _hoisted_6 = { class: "mb-6" };
+const _hoisted_7 = { class: "text-2xl font-bold text-base-content break-words leading-tight mt-2" };
+const _hoisted_8 = { class: "mb-6" };
+const _hoisted_9 = {
+	key: 0,
+	class: "flex gap-2 mb-6"
+};
+const _hoisted_10 = { class: "modal-box" };
+const _hoisted_11 = { class: "form-control py-4" };
+const _hoisted_12 = ["disabled"];
+const _hoisted_13 = {
+	key: 0,
+	class: "alert alert-error py-2 mb-4"
+};
+const _hoisted_14 = { class: "text-sm" };
+const _hoisted_15 = { class: "modal-action" };
+const _hoisted_16 = ["disabled"];
+const _hoisted_17 = ["disabled"];
+const _hoisted_18 = {
+	key: 0,
+	class: "loading loading-spinner loading-xs mr-2"
+};
+const _hoisted_19 = { class: "mb-8" };
+const _hoisted_20 = { class: "mb-8" };
+const _hoisted_21 = { class: "mb-8" };
+const _hoisted_22 = {
+	key: 1,
+	class: "flex justify-center items-center py-8"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	__name: "StaffSupportTicketDetailPage",
+	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 isApproveModalOpen = ref(false);
+		const isRevertModalOpen = ref(false);
+		const isDeleteModalOpen = ref(false);
+		const isConvertToInternalModalOpen = ref(false);
+		const isCompleteModalOpen = ref(false);
+		const isArchiveModalOpen = ref(false);
+		const rejectModal = ref(null);
+		const rejectReason = ref("");
+		const rejectError = ref(null);
+		const isEditMode = computed(() => route.query.mode === "edit");
+		const refreshTicket = inject("refreshTicket");
+		const { data: timelineData, refetch: refetchTimeline } = useQuery(async (api) => {
+			const [customerNotes, internalNotes, recordVersions] = await Promise.all([
+				api.notes.getNotes({
+					record_id: {
+						operator: OPERATORS.EQUALS,
+						value: support_ticket_id
+					},
+					record_type: {
+						operator: OPERATORS.EQUALS,
+						value: "support_ticket"
+					},
+					is_internal: {
+						operator: OPERATORS.EQUALS,
+						value: false
+					},
+					first: 100,
+					sortBy: "created_at",
+					sortDirection: "asc"
+				}),
+				api.notes.getNotes({
+					record_id: {
+						operator: OPERATORS.EQUALS,
+						value: support_ticket_id
+					},
+					record_type: {
+						operator: OPERATORS.EQUALS,
+						value: "support_ticket"
+					},
+					is_internal: {
+						operator: OPERATORS.EQUALS,
+						value: true
+					},
+					first: 100,
+					sortBy: "created_at",
+					sortDirection: "asc"
+				}),
+				api.recordVersions.listRecordVersionsPaginated(support_ticket_id, RecordConst.SUPPORT_TICKET, {
+					record_types: [RecordConst.SUPPORT_TICKET, RecordConst.SUPPORT_TICKET_ACTIVITY],
+					first: 100,
+					sortBy: "recorded_at",
+					sortDirection: "asc"
+				})
+			]);
+			return {
+				customerNotes,
+				internalNotes,
+				recordVersions
+			};
+		}, {
+			enabled: !!support_ticket_id && !!props.ticket,
+			batchMode: BATCH_MODE.batch,
+			trackedSegment: "support-ticket-timeline"
+		});
+		const customerNotesForTimeline = computed(() => {
+			return (timelineData.value?.customerNotes?.items ?? []).map((n) => ({
+				authorName: n.created_by_display_name ?? n.created_by ?? "(unknown)",
+				createdAt: n.created_at,
+				body: n.body ?? ""
+			}));
+		});
+		const internalNotesForTimeline = computed(() => {
+			return (timelineData.value?.internalNotes?.items ?? []).map((n) => ({
+				authorName: n.created_by_display_name ?? n.created_by ?? "(unknown)",
+				createdAt: n.created_at,
+				body: n.body ?? ""
+			}));
+		});
+		const systemEventsForTimeline = computed(() => {
+			const data = timelineData.value?.recordVersions;
+			const versions = data?.items ?? [];
+			const userDisplayMap = data?.user_display_map;
+			return parseRecordVersions(versions, userDisplayMap ? new Map(Object.entries(userDisplayMap)) : void 0);
+		});
+		const { mutate: createNote } = useMutation((api, input) => api.notes.createNote(input), { invalidate: /^notes?:/ });
+		const { mutate: rejectSupportTicket, loading: isRejecting } = useMutation((api, input) => api.supportTickets.rejectTicket(input), { invalidate: /^support-tickets?:/ });
+		async function handleAddNote(payload) {
+			try {
+				await createNote({
+					record_id: support_ticket_id,
+					record_type: "support_ticket",
+					body: payload.content,
+					tag: null,
+					is_internal: payload.noteType === "internal"
+				});
+				await refetchTimeline();
+				toast.success(payload.noteType === "internal" ? "Internal note added" : "Note added");
+			} catch {
+				toast.error("Failed to add note");
+				throw new Error("Failed to add note");
+			}
+		}
+		function showApproveModal() {
+			if (!props.ticket) return;
+			isApproveModalOpen.value = true;
+		}
+		function showRevertModal() {
+			if (!props.ticket) return;
+			isRevertModalOpen.value = true;
+		}
+		function showDeleteModal() {
+			if (!props.ticket) return;
+			isDeleteModalOpen.value = true;
+		}
+		function showConvertToInternalModal() {
+			if (!props.ticket) return;
+			isConvertToInternalModalOpen.value = true;
+		}
+		function showCompleteModal() {
+			if (!props.ticket) return;
+			isCompleteModalOpen.value = true;
+		}
+		function showArchiveModal() {
+			if (!props.ticket) return;
+			isArchiveModalOpen.value = true;
+		}
+		function handleDeleteSuccess() {
+			router.push({ name: "StaffSupportTicketList" });
+		}
+		function showRejectModal() {
+			rejectReason.value = "";
+			rejectError.value = null;
+			rejectModal.value?.showModal();
+		}
+		function closeRejectModal() {
+			rejectModal.value?.close();
+			rejectReason.value = "";
+			rejectError.value = null;
+		}
+		async function handleApproveSuccess() {
+			await handleTicketUpdate();
+		}
+		async function handleRejectWithReason() {
+			if (!props.ticket) return;
+			rejectError.value = null;
+			try {
+				const reasonTrimmed = rejectReason.value.trim();
+				if (reasonTrimmed) await createNote({
+					record_id: props.ticket.id,
+					record_type: "support_ticket",
+					body: reasonTrimmed,
+					tag: null,
+					is_internal: false
+				});
+				await rejectSupportTicket({ id: props.ticket.id });
+				toast.info("Support Ticket rejected.");
+				closeRejectModal();
+				await handleTicketUpdate();
+			} catch (e) {
+				const errorMessage = extractRpcErrorMessage(e, "Failed to reject ticket");
+				rejectError.value = errorMessage;
+				toast.error(errorMessage);
+			}
+		}
+		async function handleTicketUpdate() {
+			if (refreshTicket) await refreshTicket();
+			await refetchTimeline();
+		}
+		function enterEditMode() {
+			router.push({
+				name: route.name || "StaffViewSupportTicket",
+				params: route.params,
+				query: {
+					...route.query,
+					mode: "edit"
+				}
+			});
+		}
+		async function exitEditMode() {
+			await router.push({
+				name: route.name || "StaffViewSupportTicket",
+				params: route.params,
+				query: {
+					...route.query,
+					mode: void 0
+				}
+			});
+		}
+		async function handleMetadataSaveSuccess() {
+			await exitEditMode();
+			await nextTick();
+			toast.success("Ticket updated successfully");
+			if (refreshTicket) await refreshTicket();
+			await refetchTimeline();
+		}
+		return (_ctx, _cache) => {
+			const _component_router_link = resolveComponent("router-link");
+			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" Loading State (only on initial load; refetch keeps content visible) "), __props.isLoading && !__props.ticket ? (openBlock(), createElementBlock("div", _hoisted_1, [..._cache[7] || (_cache[7] = [createElementVNode("span", { class: "loading loading-spinner loading-lg" }, null, -1)])])) : __props.error ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createCommentVNode(" Error State "), createElementVNode("div", _hoisted_2, [_cache[9] || (_cache[9] = 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("div", _hoisted_3, [createElementVNode("span", null, toDisplayString(__props.error.message || "An error occurred"), 1), createElementVNode("div", _hoisted_4, [createVNode(_component_router_link, {
+				to: { name: "StaffSupportTicketList" },
+				class: "link link-primary"
+			}, {
+				default: withCtx(() => [..._cache[8] || (_cache[8] = [createTextVNode(" Go back to ticket list ", -1)])]),
+				_: 1
+			})])])])], 2112)) : __props.ticket ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [createCommentVNode(" Main Content "), createElementVNode("div", _hoisted_5, [
+				createCommentVNode(" Header "),
+				createElementVNode("div", _hoisted_6, [createElementVNode("h1", _hoisted_7, toDisplayString(__props.ticket.title), 1)]),
+				createCommentVNode(" Action Banner (buttons only; sections in dialogs) "),
+				createElementVNode("div", _hoisted_8, [createVNode(StaffActionBanner_default, {
+					ticket: __props.ticket,
+					onApprove: showApproveModal,
+					onReject: showRejectModal,
+					onRevert: showRevertModal,
+					onConvertToInternal: showConvertToInternalModal,
+					onDelete: showDeleteModal,
+					onComplete: showCompleteModal,
+					onArchive: showArchiveModal
+				}, null, 8, ["ticket"])]),
+				createCommentVNode(" Edit / Cancel "),
+				!__props.ticket.archived_at ? (openBlock(), createElementBlock("div", _hoisted_9, [!isEditMode.value ? (openBlock(), createElementBlock("button", {
+					key: 0,
+					onClick: enterEditMode,
+					class: "btn btn-sm"
+				}, [..._cache[10] || (_cache[10] = [createElementVNode("svg", {
+					xmlns: "http://www.w3.org/2000/svg",
+					fill: "none",
+					viewBox: "0 0 24 24",
+					"stroke-width": "1.5",
+					stroke: "currentColor",
+					class: "w-4 h-4 mr-2"
+				}, [createElementVNode("path", {
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round",
+					d: "M16.862 4.487l1.687-1.688a1.875 1.875 0 112.652 2.652L10.582 16.07a4.5 4.5 0 01-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 011.13-1.897l8.932-8.931zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0115.75 21H5.25A2.25 2.25 0 013 18.75V8.25A2.25 2.25 0 015.25 6H10"
+				})], -1), createTextVNode(" Edit ", -1)])])) : isEditMode.value ? (openBlock(), createElementBlock("button", {
+					key: 1,
+					onClick: exitEditMode,
+					class: "btn btn-sm"
+				}, [..._cache[11] || (_cache[11] = [createElementVNode("svg", {
+					xmlns: "http://www.w3.org/2000/svg",
+					fill: "none",
+					viewBox: "0 0 24 24",
+					"stroke-width": "1.5",
+					stroke: "currentColor",
+					class: "w-4 h-4 mr-2"
+				}, [createElementVNode("path", {
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round",
+					d: "M6 18L18 6M6 6l12 12"
+				})], -1), createTextVNode(" Cancel ", -1)])])) : createCommentVNode("v-if", true)])) : createCommentVNode("v-if", true),
+				createCommentVNode(" Approve Modal "),
+				createVNode(ApproveSupportTicketModal_default, {
+					ticket: __props.ticket,
+					"is-open": isApproveModalOpen.value,
+					onClose: _cache[0] || (_cache[0] = ($event) => isApproveModalOpen.value = false),
+					onSuccess: handleApproveSuccess
+				}, null, 8, ["ticket", "is-open"]),
+				createCommentVNode(" Revert Modal "),
+				createVNode(RevertSupportTicketModal_default, {
+					ticket: __props.ticket,
+					"is-open": isRevertModalOpen.value,
+					onClose: _cache[1] || (_cache[1] = ($event) => isRevertModalOpen.value = false),
+					onSuccess: handleTicketUpdate
+				}, null, 8, ["ticket", "is-open"]),
+				createCommentVNode(" Delete Modal "),
+				createVNode(DeleteSupportTicketModal_default, {
+					ticket: __props.ticket,
+					"is-open": isDeleteModalOpen.value,
+					onClose: _cache[2] || (_cache[2] = ($event) => isDeleteModalOpen.value = false),
+					onSuccess: handleDeleteSuccess
+				}, null, 8, ["ticket", "is-open"]),
+				createCommentVNode(" Convert to Internal Modal "),
+				createVNode(ConvertToInternalModal_default, {
+					ticket: __props.ticket,
+					"is-open": isConvertToInternalModalOpen.value,
+					onClose: _cache[3] || (_cache[3] = ($event) => isConvertToInternalModalOpen.value = false),
+					onSuccess: handleTicketUpdate
+				}, null, 8, ["ticket", "is-open"]),
+				createCommentVNode(" Complete Modal "),
+				createVNode(CompleteSupportTicketModal_default, {
+					ticket: __props.ticket,
+					"is-open": isCompleteModalOpen.value,
+					onClose: _cache[4] || (_cache[4] = ($event) => isCompleteModalOpen.value = false),
+					onSuccess: handleTicketUpdate
+				}, null, 8, ["ticket", "is-open"]),
+				createCommentVNode(" Archive Modal "),
+				createVNode(ArchiveSupportTicketModal_default, {
+					ticket: __props.ticket,
+					"is-open": isArchiveModalOpen.value,
+					onClose: _cache[5] || (_cache[5] = ($event) => isArchiveModalOpen.value = false),
+					onSuccess: handleTicketUpdate
+				}, null, 8, ["ticket", "is-open"]),
+				createCommentVNode(" Reject Modal with Reason "),
+				createElementVNode("dialog", {
+					ref_key: "rejectModal",
+					ref: rejectModal,
+					class: "modal"
+				}, [createElementVNode("div", _hoisted_10, [
+					_cache[13] || (_cache[13] = createElementVNode("h3", { class: "font-bold text-lg" }, "Reject Ticket", -1)),
+					_cache[14] || (_cache[14] = createElementVNode("p", { class: "text-sm text-base-content/70 py-2" }, " This will lock the ticket and notify the requester. ", -1)),
+					createElementVNode("div", _hoisted_11, [_cache[12] || (_cache[12] = createElementVNode("label", { class: "label" }, [createElementVNode("span", { class: "label-text text-sm font-medium" }, "Reason (optional)")], -1)), withDirectives(createElementVNode("textarea", {
+						"onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => rejectReason.value = $event),
+						class: "textarea textarea-bordered w-full",
+						rows: "3",
+						placeholder: "Why is this ticket being rejected?",
+						disabled: unref(isRejecting)
+					}, null, 8, _hoisted_12), [[vModelText, rejectReason.value]])]),
+					rejectError.value ? (openBlock(), createElementBlock("div", _hoisted_13, [createElementVNode("span", _hoisted_14, toDisplayString(rejectError.value), 1)])) : createCommentVNode("v-if", true),
+					createElementVNode("div", _hoisted_15, [createElementVNode("button", {
+						class: "btn btn-ghost",
+						onClick: closeRejectModal,
+						disabled: unref(isRejecting)
+					}, " Cancel ", 8, _hoisted_16), createElementVNode("button", {
+						class: "btn btn-error",
+						onClick: handleRejectWithReason,
+						disabled: unref(isRejecting)
+					}, [unref(isRejecting) ? (openBlock(), createElementBlock("span", _hoisted_18)) : createCommentVNode("v-if", true), createTextVNode(" " + toDisplayString(unref(isRejecting) ? "Rejecting..." : "Reject Ticket"), 1)], 8, _hoisted_17)])
+				]), createElementVNode("form", {
+					method: "dialog",
+					class: "modal-backdrop"
+				}, [createElementVNode("button", { onClick: closeRejectModal }, "close")])], 512),
+				createCommentVNode(" Metadata Card (Display or Edit) "),
+				createElementVNode("div", _hoisted_19, [!isEditMode.value ? (openBlock(), createBlock(StaffMetadataCard_default, {
+					key: 0,
+					ticket: __props.ticket
+				}, null, 8, ["ticket"])) : (openBlock(), createBlock(StaffMetadataCardEdit_default, {
+					key: 1,
+					ticket: __props.ticket,
+					onSuccess: handleMetadataSaveSuccess,
+					onCancel: exitEditMode
+				}, null, 8, ["ticket"]))]),
+				createCommentVNode(" Attachments (separate from timeline so adding a comment doesn't cause refetch) "),
+				createElementVNode("div", _hoisted_20, [createVNode(SupportTicketAttachmentsCollapsible_default, {
+					"record-id": __props.ticket.id,
+					locked: !!__props.ticket.archived_at,
+					editable: !__props.ticket.archived_at,
+					onUploaded: unref(refetchTimeline),
+					onDeleted: unref(refetchTimeline)
+				}, null, 8, [
+					"record-id",
+					"locked",
+					"editable",
+					"onUploaded",
+					"onDeleted"
+				])]),
+				createCommentVNode(" Subscribers "),
+				createElementVNode("div", _hoisted_21, [createVNode(SupportTicketSubscribersCollapsible_default, {
+					"support-ticket-id": __props.ticket.id,
+					locked: !!__props.ticket.archived_at
+				}, null, 8, ["support-ticket-id", "locked"])]),
+				createCommentVNode(" Timeline: stay mounted once we have data so adding a comment doesn't unmount/remount "),
+				createElementVNode("div", null, [unref(timelineData) != null ? (openBlock(), createBlock(StaffTimeline_default, {
+					key: 0,
+					ticket: __props.ticket,
+					"customer-notes": customerNotesForTimeline.value,
+					"internal-notes": internalNotesForTimeline.value,
+					"system-events": systemEventsForTimeline.value,
+					"on-add-note": handleAddNote
+				}, null, 8, [
+					"ticket",
+					"customer-notes",
+					"internal-notes",
+					"system-events"
+				])) : (openBlock(), createElementBlock("div", _hoisted_22, [..._cache[15] || (_cache[15] = [createElementVNode("span", { class: "loading loading-spinner loading-lg" }, null, -1)])]))])
+			])], 2112)) : createCommentVNode("v-if", true)], 2112);
+		};
+	}
+});
+var StaffSupportTicketDetailPage_default = _sfc_main;
+
+//#endregion
+export { StaffSupportTicketDetailPage_default as default };
+//# sourceMappingURL=StaffSupportTicketDetailPage-D49ibqrO.js.map