@dragonmastery/dragoncore-vue 0.0.8 → 0.0.9

package/dist/StaffSupportTicketDetailPage-DY07Ez0R.js

@@ -1,1928 +0,0 @@
-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 { a as SupportTicketTypeBadge_default, i as SupportTicketApprovalBadge_default, l as formatStaffCreditValue, n as TimelineItem_default, o as SupportTicketPriorityBadge_default, r as formatTicketDate, t as TimelineSystemEvent_default } from "./TimelineSystemEvent-D58zN850.js";
-import { n as formatToISODate } from "./convertToLocalDateTime-DOSGtMn8.js";
-import { t as extractRpcErrorMessage } from "./extractRpcErrorMessage-C_UbKgHL.js";
-import { t as formatTicketDisplayId } from "./displayIdFormatter-B1ZKgofu.js";
-import { t as SupportTicketDevLifecycleBadge_default } from "./SupportTicketDevLifecycleBadge-Ba-Rm6QW.js";
-import { a as SupportTicketAttachmentsCollapsible_default, i as parseRecordVersions, n as MetadataField_default, r as ActionBannerAlert_default, t as TimelineNoteInput_default } from "./TimelineNoteInput-BVqF4MtZ.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_DEV_LIFECYCLE_FILTER_OPTIONS, SUPPORT_TICKET_PRIORITY_NUMBER_TO_LABEL, StaffSupportTicketUpdateSchema, SupportTicketDevLifecycleUpdateEnum, 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 = ["value", "disabled"];
-const _hoisted_4$3 = ["value"];
-const _hoisted_5$3 = {
-	key: 2,
-	class: "text-base-content/50 italic text-sm"
-};
-const _hoisted_6$3 = { key: 0 };
-const _hoisted_7$3 = {
-	key: 1,
-	class: "text-base-content/50 italic text-sm"
-};
-const _hoisted_8$3 = { class: "md:col-span-2" };
-const _hoisted_9$3 = {
-	key: 0,
-	class: "whitespace-pre-wrap text-sm"
-};
-const _hoisted_10$3 = {
-	key: 0,
-	class: "text-base-content/50"
-};
-const _hoisted_11$3 = { class: "text-base-content/50" };
-const _hoisted_12$3 = {
-	key: 1,
-	class: "text-base-content/50 italic text-sm"
-};
-const _hoisted_13$3 = { class: "text-base-content/50" };
-const _hoisted_14$3 = { class: "text-base-content/50" };
-const _hoisted_15$3 = { class: "inline-flex items-center gap-1" };
-const _hoisted_16$3 = {
-	key: 0,
-	"aria-hidden": "true"
-};
-const _hoisted_17$3 = {
-	key: 0,
-	class: "flex justify-end gap-2 mt-4"
-};
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
-	__name: "StaffMetadataCard",
-	props: { ticket: {} },
-	emits: ["edit"],
-	setup(__props) {
-		const props = __props;
-		const refreshTicket = inject("refreshTicket");
-		const devLifecycleUpdateOptions = SUPPORT_TICKET_DEV_LIFECYCLE_FILTER_OPTIONS.filter((opt) => SupportTicketDevLifecycleUpdateEnum.includes(opt.value));
-		const updatingDevLifecycle = ref(false);
-		const { mutate: updateTicket } = useMutation((api, input) => api.supportTickets.staffUpdateTicket(input), { invalidate: /^support-tickets?:/ });
-		const canEditDevLifecycle = computed(() => {
-			const t = props.ticket;
-			if (!t.approval_status) return false;
-			if (!["APPROVED", "INTERNAL"].includes(t.approval_status)) return false;
-			const dl = t.dev_lifecycle;
-			if (dl === "DEPLOYED" || dl === "CANCELLED") return false;
-			return true;
-		});
-		const effectiveDevLifecycleForSelect = computed(() => {
-			const dl = props.ticket.dev_lifecycle;
-			if (dl && SupportTicketDevLifecycleUpdateEnum.includes(dl)) return dl;
-			return "BACKLOG";
-		});
-		async function handleDevLifecycleChange(newDevLifecycle) {
-			if (!SupportTicketDevLifecycleUpdateEnum.includes(newDevLifecycle)) return;
-			if (!refreshTicket) return;
-			const t = props.ticket;
-			updatingDevLifecycle.value = true;
-			try {
-				const priority = typeof t.priority === "number" ? t.priority : supportTicketPriorityToNumber(t.priority);
-				await updateTicket({
-					id: t.id,
-					title: t.title,
-					type: t.type,
-					priority,
-					dev_lifecycle: newDevLifecycle
-				});
-				await refreshTicket();
-			} finally {
-				updatingDevLifecycle.value = false;
-			}
-		}
-		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" }, {
-					default: withCtx(() => [canEditDevLifecycle.value ? (openBlock(), createElementBlock("select", {
-						key: 0,
-						value: effectiveDevLifecycleForSelect.value,
-						class: "select select-sm select-bordered min-w-[7rem]",
-						disabled: updatingDevLifecycle.value,
-						onChange: _cache[0] || (_cache[0] = ($event) => handleDevLifecycleChange($event.target.value))
-					}, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(devLifecycleUpdateOptions), (opt) => {
-						return openBlock(), createElementBlock("option", {
-							key: opt.value,
-							value: opt.value
-						}, toDisplayString(opt.label), 9, _hoisted_4$3);
-					}), 128))], 40, _hoisted_3$3)) : __props.ticket.dev_lifecycle ? (openBlock(), createBlock(SupportTicketDevLifecycleBadge_default, {
-						key: 1,
-						"dev-lifecycle": __props.ticket.dev_lifecycle,
-						size: "sm"
-					}, null, 8, ["dev-lifecycle"])) : (openBlock(), createElementBlock("span", _hoisted_5$3, "Not started"))]),
-					_: 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_6$3, toDisplayString(assigneeDisplay.value), 1)) : (openBlock(), createElementBlock("span", _hoisted_7$3, "Unassigned"))]),
-					_: 1
-				}),
-				createVNode(MetadataField_default, { label: "Requester" }, {
-					default: withCtx(() => [createTextVNode(toDisplayString(__props.ticket.created_by_display_name), 1)]),
-					_: 1
-				}),
-				createElementVNode("div", _hoisted_8$3, [createVNode(MetadataField_default, { label: "Description" }, {
-					empty: withCtx(() => [..._cache[2] || (_cache[2] = [createElementVNode("span", { class: "text-base-content/50 italic text-sm" }, "No description provided", -1)])]),
-					default: withCtx(() => [__props.ticket.description?.trim() ? (openBlock(), createElementBlock("p", _hoisted_9$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_10$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_11$3, "· " + toDisplayString(startRelative.value), 1)], 64)) : (openBlock(), createElementBlock("span", _hoisted_12$3, "Not set"))]),
-					_: 1
-				}),
-				createVNode(MetadataField_default, { label: "Target" }, {
-					empty: withCtx(() => [..._cache[3] || (_cache[3] = [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_13$3, "· " + toDisplayString(targetRelative.value), 1)], 2)) : createCommentVNode("v-if", true)]),
-					_: 1
-				}),
-				createVNode(MetadataField_default, { label: "Completed" }, {
-					empty: withCtx(() => [..._cache[4] || (_cache[4] = [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_14$3, "· " + toDisplayString(completedRelative.value), 1)], 64)) : createCommentVNode("v-if", true)]),
-					_: 1
-				}),
-				createVNode(MetadataField_default, { label: "Credits" }, {
-					default: withCtx(() => [createElementVNode("span", _hoisted_15$3, [__props.ticket.is_locked ? (openBlock(), createElementBlock("span", _hoisted_16$3, "🔒")) : createCommentVNode("v-if", true), createTextVNode(" " + toDisplayString(creditDisplay.value), 1)])]),
-					_: 1
-				}),
-				createVNode(MetadataField_default, { label: "Delivered Value" }, {
-					empty: withCtx(() => [..._cache[5] || (_cache[5] = [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
-				})
-			]), !__props.ticket.archived_at ? (openBlock(), createElementBlock("div", _hoisted_17$3, [createElementVNode("button", {
-				type: "button",
-				class: "btn btn-sm",
-				onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("edit"))
-			}, [..._cache[6] || (_cache[6] = [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)])])])) : createCommentVNode("v-if", true)]);
-		};
-	}
-});
-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: "grid grid-cols-1 md:grid-cols-2 gap-4" };
-const _hoisted_2$3 = { class: "form-control md:col-span-2" };
-const _hoisted_3$2 = { class: "form-control md:col-span-2" };
-const _hoisted_4$2 = { class: "form-control" };
-const _hoisted_5$2 = {
-	key: 0,
-	class: "form-control"
-};
-const _hoisted_6$2 = ["disabled"];
-const _hoisted_7$2 = ["value"];
-const _hoisted_8$2 = { class: "form-control" };
-const _hoisted_9$2 = {
-	key: 1,
-	class: "form-control"
-};
-const _hoisted_10$2 = {
-	key: 2,
-	class: "form-control"
-};
-const _hoisted_11$2 = {
-	key: 3,
-	class: "form-control"
-};
-const _hoisted_12$2 = {
-	key: 4,
-	class: "form-control"
-};
-const _hoisted_13$2 = {
-	key: 5,
-	class: "form-control"
-};
-const _hoisted_14$2 = {
-	key: 6,
-	class: "form-control"
-};
-const _hoisted_15$2 = {
-	key: 0,
-	class: "alert alert-error py-2 mt-4"
-};
-const _hoisted_16$2 = { class: "text-sm" };
-const _hoisted_17$2 = { class: "flex justify-end gap-2 mt-4" };
-const _hoisted_18$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(), createBlock(unref(ZiniaForm), {
-				onHandleSubmit: handleSubmit,
-				onSuccess: handleSuccess,
-				onError: handleError,
-				title: "",
-				subtitle: ""
-			}, {
-				default: withCtx(() => [
-					createElementVNode("div", _hoisted_1$3, [
-						createCommentVNode(" Title - full width "),
-						createElementVNode("div", _hoisted_2$3, [createVNode(unref(zinia).TitleField, { placeholder: "Enter ticket title" })]),
-						createCommentVNode(" Description - full width "),
-						createElementVNode("div", _hoisted_3$2, [createVNode(unref(zinia).DescriptionField, {
-							class: "w-full",
-							placeholder: "Describe the ticket in detail"
-						})]),
-						createCommentVNode(" Type "),
-						createElementVNode("div", _hoisted_4$2, [createVNode(unref(zinia).TypeField)]),
-						createCommentVNode(" Assignee - only when not archived "),
-						!__props.ticket.archived_at ? (openBlock(), createElementBlock("div", _hoisted_5$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_7$2);
-						}), 128))], 8, _hoisted_6$2), [[vModelSelect, assigneeId.value]])])) : createCommentVNode("v-if", true),
-						createCommentVNode(" Priority "),
-						createElementVNode("div", _hoisted_8$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_9$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_10$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_11$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_12$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_13$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_14$2, [createVNode(unref(zinia).CompletedAtField, { formatter: unref(formatToISODate) }, null, 8, ["formatter"])])) : createCommentVNode("v-if", true)
-					]),
-					unref(form).submitError ? (openBlock(), createElementBlock("div", _hoisted_15$2, [createElementVNode("span", _hoisted_16$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_17$2, [createElementVNode("button", {
-						type: "button",
-						class: "btn btn-ghost",
-						onClick: handleCancel,
-						disabled: saving.value
-					}, " Cancel ", 8, _hoisted_18$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,
-						action: item.data.action,
-						type: item.data.type,
-						details: item.data.details,
-						"old-value": item.data.oldValue,
-						"new-value": item.data.newValue,
-						changes: item.data.changes
-					}, null, 8, [
-						"author",
-						"message",
-						"timestamp",
-						"action",
-						"type",
-						"details",
-						"old-value",
-						"new-value",
-						"changes"
-					])) : 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 = { class: "modal-box" };
-const _hoisted_10 = { class: "form-control py-4" };
-const _hoisted_11 = ["disabled"];
-const _hoisted_12 = {
-	key: 0,
-	class: "alert alert-error py-2 mb-4"
-};
-const _hoisted_13 = { class: "text-sm" };
-const _hoisted_14 = { class: "modal-action" };
-const _hoisted_15 = ["disabled"];
-const _hoisted_16 = ["disabled"];
-const _hoisted_17 = {
-	key: 0,
-	class: "loading loading-spinner loading-xs mr-2"
-};
-const _hoisted_18 = { class: "mb-8" };
-const _hoisted_19 = { class: "mb-8" };
-const _hoisted_20 = { class: "mb-8" };
-const _hoisted_21 = {
-	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(" 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_9, [
-					_cache[11] || (_cache[11] = createElementVNode("h3", { class: "font-bold text-lg" }, "Reject Ticket", -1)),
-					_cache[12] || (_cache[12] = createElementVNode("p", { class: "text-sm text-base-content/70 py-2" }, " This will lock the ticket and notify the requester. ", -1)),
-					createElementVNode("div", _hoisted_10, [_cache[10] || (_cache[10] = createElementVNode("label", { class: "label" }, [createElementVNode("span", { class: "label-text text-sm font-medium" }, "Reason (optional)")], -1)), withDirectives(createElementVNode("textarea", {
-						"onUpdate:modelValue": _cache[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_11), [[vModelText, rejectReason.value]])]),
-					rejectError.value ? (openBlock(), createElementBlock("div", _hoisted_12, [createElementVNode("span", _hoisted_13, toDisplayString(rejectError.value), 1)])) : createCommentVNode("v-if", true),
-					createElementVNode("div", _hoisted_14, [createElementVNode("button", {
-						class: "btn btn-ghost",
-						onClick: closeRejectModal,
-						disabled: unref(isRejecting)
-					}, " Cancel ", 8, _hoisted_15), createElementVNode("button", {
-						class: "btn btn-error",
-						onClick: handleRejectWithReason,
-						disabled: unref(isRejecting)
-					}, [unref(isRejecting) ? (openBlock(), createElementBlock("span", _hoisted_17)) : createCommentVNode("v-if", true), createTextVNode(" " + toDisplayString(unref(isRejecting) ? "Rejecting..." : "Reject Ticket"), 1)], 8, _hoisted_16)])
-				]), createElementVNode("form", {
-					method: "dialog",
-					class: "modal-backdrop"
-				}, [createElementVNode("button", { onClick: closeRejectModal }, "close")])], 512),
-				createCommentVNode(" Metadata Card (Display or Edit) "),
-				createElementVNode("div", _hoisted_18, [!isEditMode.value ? (openBlock(), createBlock(StaffMetadataCard_default, {
-					key: 0,
-					ticket: __props.ticket,
-					onEdit: enterEditMode
-				}, 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_19, [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_20, [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_21, [..._cache[13] || (_cache[13] = [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-DY07Ez0R.js.map