@dragonmastery/dragoncore-vue 0.0.4 → 0.0.6

package/dist/{StaffSupportTicketDetailPage-D49ibqrO.js → StaffSupportTicketDetailPage-DY07Ez0R.js}

@@ -2,15 +2,15 @@ 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 { 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-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 { 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_PRIORITY_NUMBER_TO_LABEL, StaffSupportTicketUpdateSchema, supportTicketPriorityToNumber } from "@dragonmastery/dragoncore-shared";
+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";
 
@@ -746,37 +746,84 @@ var StaffActionBanner_default = _sfc_main$5;
 //#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 = {
+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_5$3 = { class: "md:col-span-2" };
-const _hoisted_6$3 = {
+const _hoisted_8$3 = { class: "md:col-span-2" };
+const _hoisted_9$3 = {
 	key: 0,
 	class: "whitespace-pre-wrap text-sm"
 };
-const _hoisted_7$3 = {
+const _hoisted_10$3 = {
 	key: 0,
 	class: "text-base-content/50"
 };
-const _hoisted_8$3 = { class: "text-base-content/50" };
-const _hoisted_9$3 = {
+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_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 = {
+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;
@@ -812,12 +859,22 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
 					_: 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, {
+					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"])) : createCommentVNode("v-if", true)]),
+					}, null, 8, ["dev-lifecycle"])) : (openBlock(), createElementBlock("span", _hoisted_5$3, "Not started"))]),
 					_: 1
 				}),
 				createVNode(MetadataField_default, { label: "Type" }, {
@@ -835,16 +892,16 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
 					_: 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"))]),
+					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_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)]),
+				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, {
@@ -855,36 +912,51 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
 					_: 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)]),
+					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_8$3, "· " + toDisplayString(startRelative.value), 1)], 64)) : (openBlock(), createElementBlock("span", _hoisted_9$3, "Not set"))]),
+					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[2] || (_cache[2] = [createElementVNode("span", { class: "text-base-content/50 italic text-sm" }, "Not set", -1)])]),
+					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_10$3, "· " + toDisplayString(targetRelative.value), 1)], 2)) : createCommentVNode("v-if", true)]),
+					}, [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[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)]),
+					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_12$3, [__props.ticket.is_locked ? (openBlock(), createElementBlock("span", _hoisted_13$3, "🔒")) : createCommentVNode("v-if", true), createTextVNode(" " + toDisplayString(creditDisplay.value), 1)])]),
+					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[4] || (_cache[4] = [createElementVNode("span", { class: "text-base-content/50 italic text-sm" }, "Not set", -1)])]),
+					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)]);
 		};
 	}
 });
@@ -938,49 +1010,48 @@ const staffMetadataCardEditFormMetadata = withMetadata(StaffSupportTicketUpdateS
 
 //#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_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 md:col-span-2" };
-const _hoisted_5$2 = { class: "form-control" };
-const _hoisted_6$2 = {
+const _hoisted_4$2 = { class: "form-control" };
+const _hoisted_5$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 = {
+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_11$2 = {
+const _hoisted_10$2 = {
 	key: 2,
 	class: "form-control"
 };
-const _hoisted_12$2 = {
+const _hoisted_11$2 = {
 	key: 3,
 	class: "form-control"
 };
-const _hoisted_13$2 = {
+const _hoisted_12$2 = {
 	key: 4,
 	class: "form-control"
 };
-const _hoisted_14$2 = {
+const _hoisted_13$2 = {
 	key: 5,
 	class: "form-control"
 };
-const _hoisted_15$2 = {
+const _hoisted_14$2 = {
 	key: 6,
 	class: "form-control"
 };
-const _hoisted_16$2 = {
+const _hoisted_15$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 _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: {
@@ -1102,7 +1173,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
 			emit("cancel");
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$3, [createVNode(unref(ZiniaForm), {
+			return openBlock(), createBlock(unref(ZiniaForm), {
 				onHandleSubmit: handleSubmit,
 				onSuccess: handleSuccess,
 				onError: handleError,
@@ -1110,18 +1181,18 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
 				subtitle: ""
 			}, {
 				default: withCtx(() => [
-					createElementVNode("div", _hoisted_2$3, [
+					createElementVNode("div", _hoisted_1$3, [
 						createCommentVNode(" Title - full width "),
-						createElementVNode("div", _hoisted_3$2, [createVNode(unref(zinia).TitleField, { placeholder: "Enter ticket title" })]),
+						createElementVNode("div", _hoisted_2$3, [createVNode(unref(zinia).TitleField, { placeholder: "Enter ticket title" })]),
 						createCommentVNode(" Description - full width "),
-						createElementVNode("div", _hoisted_4$2, [createVNode(unref(zinia).DescriptionField, {
+						createElementVNode("div", _hoisted_3$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)]),
+						createElementVNode("div", _hoisted_4$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", {
+						!__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
@@ -1129,46 +1200,46 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
 							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),
+							}, toDisplayString(u.email), 9, _hoisted_7$2);
+						}), 128))], 8, _hoisted_6$2), [[vModelSelect, assigneeId.value]])])) : createCommentVNode("v-if", true),
 						createCommentVNode(" Priority "),
-						createElementVNode("div", _hoisted_9$2, [createVNode(unref(zinia).PriorityField)]),
+						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_10$2, [createVNode(unref(zinia).DevLifecycleField)])) : createCommentVNode("v-if", true),
+						["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_11$2, [createVNode(unref(zinia).CreditValueField, { placeholder: "0.00" })])) : createCommentVNode("v-if", true),
+						__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_12$2, [createVNode(unref(zinia).DeliveredValueField, { placeholder: "0.00" })])) : createCommentVNode("v-if", true),
+						__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_13$2, [createVNode(unref(zinia).StartAtField, { formatter: unref(formatToISODate) }, null, 8, ["formatter"])])) : createCommentVNode("v-if", true),
+						].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_14$2, [createVNode(unref(zinia).TargetAtField, { formatter: unref(formatToISODate) }, null, 8, ["formatter"])])) : createCommentVNode("v-if", true),
+						].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_15$2, [createVNode(unref(zinia).CompletedAtField, { formatter: unref(formatToISODate) }, null, 8, ["formatter"])])) : createCommentVNode("v-if", true)
+						__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_16$2, [createElementVNode("span", _hoisted_17$2, toDisplayString(unref(form).submitError), 1)])) : 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_18$2, [createElementVNode("button", {
+					createElementVNode("div", _hoisted_17$2, [createElementVNode("button", {
 						type: "button",
 						class: "btn btn-ghost",
 						onClick: handleCancel,
 						disabled: saving.value
-					}, " Cancel ", 8, _hoisted_19$2), createVNode(unref(ZiniaSubmitButton), {
+					}, " Cancel ", 8, _hoisted_18$2), createVNode(unref(ZiniaSubmitButton), {
 						submitText: "Save",
 						submittingText: "Saving..."
 					})])
 				]),
 				_: 1
-			})]);
+			});
 		};
 	}
 });
@@ -1268,14 +1339,22 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
 						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
+						"new-value": item.data.newValue,
+						changes: item.data.changes
 					}, null, 8, [
 						"author",
 						"message",
 						"timestamp",
+						"action",
+						"type",
+						"details",
 						"old-value",
-						"new-value"
+						"new-value",
+						"changes"
 					])) : createCommentVNode("v-if", true)], 64);
 				}), 128))
 			]);
@@ -1462,29 +1541,25 @@ 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 = {
+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_14 = { class: "text-sm" };
-const _hoisted_15 = { class: "modal-action" };
+const _hoisted_13 = { class: "text-sm" };
+const _hoisted_14 = { class: "modal-action" };
+const _hoisted_15 = ["disabled"];
 const _hoisted_16 = ["disabled"];
-const _hoisted_17 = ["disabled"];
-const _hoisted_18 = {
+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 = { class: "mb-8" };
-const _hoisted_22 = {
+const _hoisted_21 = {
 	key: 1,
 	class: "flex justify-center items-center py-8"
 };
@@ -1727,38 +1802,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 					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,
@@ -1806,34 +1849,35 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 					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", {
+				}, [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_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", {
+					}, 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_16), createElementVNode("button", {
+					}, " Cancel ", 8, _hoisted_15), 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)])
+					}, [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_19, [!isEditMode.value ? (openBlock(), createBlock(StaffMetadataCard_default, {
+				createElementVNode("div", _hoisted_18, [!isEditMode.value ? (openBlock(), createBlock(StaffMetadataCard_default, {
 					key: 0,
-					ticket: __props.ticket
+					ticket: __props.ticket,
+					onEdit: enterEditMode
 				}, null, 8, ["ticket"])) : (openBlock(), createBlock(StaffMetadataCardEdit_default, {
 					key: 1,
 					ticket: __props.ticket,
@@ -1841,7 +1885,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 					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, {
+				createElementVNode("div", _hoisted_19, [createVNode(SupportTicketAttachmentsCollapsible_default, {
 					"record-id": __props.ticket.id,
 					locked: !!__props.ticket.archived_at,
 					editable: !__props.ticket.archived_at,
@@ -1855,7 +1899,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 					"onDeleted"
 				])]),
 				createCommentVNode(" Subscribers "),
-				createElementVNode("div", _hoisted_21, [createVNode(SupportTicketSubscribersCollapsible_default, {
+				createElementVNode("div", _hoisted_20, [createVNode(SupportTicketSubscribersCollapsible_default, {
 					"support-ticket-id": __props.ticket.id,
 					locked: !!__props.ticket.archived_at
 				}, null, 8, ["support-ticket-id", "locked"])]),
@@ -1872,7 +1916,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 					"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)])]))])
+				])) : (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);
 		};
 	}
@@ -1881,4 +1925,4 @@ var StaffSupportTicketDetailPage_default = _sfc_main;
 
 //#endregion
 export { StaffSupportTicketDetailPage_default as default };
-//# sourceMappingURL=StaffSupportTicketDetailPage-D49ibqrO.js.map
+//# sourceMappingURL=StaffSupportTicketDetailPage-DY07Ez0R.js.map