@dragonmastery/dragoncore-vue 0.0.4 → 0.0.6

package/dist/{TimelineSystemEvent-B69B3eeL.js → TimelineSystemEvent-D58zN850.js}

@@ -98,14 +98,14 @@ const _hoisted_7$2 = {
 	key: 0,
 	class: "absolute inset-0 flex items-center justify-center"
 };
-const _hoisted_8$1 = {
+const _hoisted_8$2 = {
 	key: 1,
 	class: "absolute inset-0 flex flex-col items-center justify-center p-4 text-center"
 };
-const _hoisted_9$1 = ["src", "alt"];
-const _hoisted_10$1 = ["disabled"];
-const _hoisted_11$1 = ["disabled"];
-const _hoisted_12$1 = {
+const _hoisted_9$2 = ["src", "alt"];
+const _hoisted_10$2 = ["disabled"];
+const _hoisted_11$2 = ["disabled"];
+const _hoisted_12$2 = {
 	method: "dialog",
 	class: "modal-backdrop"
 };
@@ -633,7 +633,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
 					createCommentVNode(" Loading state "),
 					isLoading.value ? (openBlock(), createElementBlock("div", _hoisted_7$2, [..._cache[8] || (_cache[8] = [createElementVNode("span", { class: "loading loading-spinner loading-lg" }, null, -1)])])) : createCommentVNode("v-if", true),
 					createCommentVNode(" Error state "),
-					hasError.value ? (openBlock(), createElementBlock("div", _hoisted_8$1, [..._cache[9] || (_cache[9] = [createElementVNode("svg", {
+					hasError.value ? (openBlock(), createElementBlock("div", _hoisted_8$2, [..._cache[9] || (_cache[9] = [createElementVNode("svg", {
 						xmlns: "http://www.w3.org/2000/svg",
 						class: "h-12 w-12 text-error mb-2",
 						fill: "none",
@@ -660,7 +660,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
 						onTouchstart: withModifiers(handleImageTouchStart, ["stop"]),
 						onTouchmove: withModifiers(handleImageTouchMove, ["stop"]),
 						onTouchend: withModifiers(handleImageTouchEnd, ["stop"])
-					}, null, 46, _hoisted_9$1)) : createCommentVNode("v-if", true),
+					}, null, 46, _hoisted_9$2)) : createCommentVNode("v-if", true),
 					createCommentVNode(" Zoom controls "),
 					__props.imageSrc && !hasError.value ? (openBlock(), createElementBlock("div", {
 						key: 3,
@@ -688,7 +688,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
 							"stroke-linejoin": "round",
 							"stroke-width": "2",
 							d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM13 10H7"
-						})], -1)])], 8, _hoisted_10$1),
+						})], -1)])], 8, _hoisted_10$2),
 						createElementVNode("button", {
 							onClick: withModifiers(resetZoom, ["prevent"]),
 							class: "text-xs flex items-center px-2 text-base-content/70 hover:text-base-content hover:bg-base-200 rounded transition-colors cursor-pointer",
@@ -714,7 +714,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
 							"stroke-linejoin": "round",
 							"stroke-width": "2",
 							d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM10 7v6m3-3H7"
-						})], -1)])], 8, _hoisted_11$1),
+						})], -1)])], 8, _hoisted_11$2),
 						createElementVNode("button", {
 							onClick: withModifiers(rotateImage, ["prevent"]),
 							class: "btn btn-sm btn-circle btn-ghost",
@@ -737,7 +737,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
 						})], -1)])])
 					], 32)) : createCommentVNode("v-if", true)
 				], 512)
-			]), createElementVNode("form", _hoisted_12$1, [createElementVNode("button", {
+			]), createElementVNode("form", _hoisted_12$2, [createElementVNode("button", {
 				type: "button",
 				onClick: withModifiers(handleClose, ["prevent"])
 			}, "close")])], 34);
@@ -746,160 +746,6 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
 });
 var ImageModal_default = _sfc_main$6;
 
-//#endregion
-//#region src/slices/support_ticket/shared/SupportTicketPriorityBadge.vue
-const _hoisted_1$5 = ["aria-label"];
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
-	__name: "SupportTicketPriorityBadge",
-	props: {
-		priority: {},
-		size: { default: "md" },
-		variant: { default: "default" }
-	},
-	setup(__props) {
-		/**
-		* SupportTicketPriorityBadge - A reusable Vue component for displaying support ticket priority
-		* as color-coded badges with consistent DaisyUI styling and accessibility features.
-		*
-		* @example
-		* <SupportTicketPriorityBadge :priority="'HIGH'" size="md" />
-		* <SupportTicketPriorityBadge :priority="'CRITICAL'" size="sm" variant="outline" />
-		*/
-		const props = __props;
-		/**
-		* Configuration for each priority badge
-		*/
-		const priorityConfig = {
-			LOW: {
-				color: "badge-neutral",
-				text: "Low",
-				ariaLabel: "Priority: Low priority"
-			},
-			MEDIUM: {
-				color: "badge-neutral",
-				text: "Medium",
-				ariaLabel: "Priority: Medium priority"
-			},
-			HIGH: {
-				color: "badge-neutral",
-				text: "High",
-				ariaLabel: "Priority: High priority"
-			},
-			CRITICAL: {
-				color: "badge-neutral",
-				text: "Critical",
-				ariaLabel: "Priority: Critical priority"
-			}
-		};
-		const getPriorityConfig = (priority) => {
-			const config$1 = priorityConfig[priority];
-			if (!config$1) return {
-				color: "badge-neutral",
-				text: priority || "Unknown",
-				ariaLabel: `Priority: ${priority || "Unknown priority"}`
-			};
-			return config$1;
-		};
-		const config = computed(() => getPriorityConfig(props.priority));
-		const badgeClasses = computed(() => {
-			const baseClasses = ["badge", "text-xs"];
-			baseClasses.push(config.value.color);
-			if (props.size === "sm") baseClasses.push("badge-sm", "text-xs");
-			else if (props.size === "lg") baseClasses.push("badge-lg", "text-sm");
-			else baseClasses.push("text-xs", "sm:text-sm");
-			if (props.variant === "outline") baseClasses.push("badge-outline");
-			return baseClasses.join(" ");
-		});
-		const displayText = computed(() => config.value.text);
-		const ariaLabel = computed(() => config.value.ariaLabel);
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", {
-				class: normalizeClass(badgeClasses.value),
-				"aria-label": ariaLabel.value,
-				role: "status"
-			}, toDisplayString(displayText.value), 11, _hoisted_1$5);
-		};
-	}
-});
-var SupportTicketPriorityBadge_default = _sfc_main$5;
-
-//#endregion
-//#region src/slices/support_ticket/shared/SupportTicketTypeBadge.vue
-const _hoisted_1$4 = ["aria-label"];
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
-	__name: "SupportTicketTypeBadge",
-	props: {
-		type: {},
-		size: { default: "md" },
-		variant: { default: "default" }
-	},
-	setup(__props) {
-		/**
-		* SupportTicketTypeBadge - A reusable Vue component for displaying support ticket type
-		* as color-coded badges with consistent DaisyUI styling and accessibility features.
-		*
-		* @example
-		* <SupportTicketTypeBadge :type="'BUG'" size="md" />
-		* <SupportTicketTypeBadge :type="'FEATURE_REQUEST'" size="sm" variant="outline" />
-		*/
-		const props = __props;
-		/**
-		* Configuration for each type badge
-		*/
-		const typeConfig = {
-			BUG: {
-				color: "badge-neutral",
-				text: "Bug",
-				ariaLabel: "Type: Bug report requiring fix"
-			},
-			FEATURE_REQUEST: {
-				color: "badge-neutral",
-				text: "Feature",
-				ariaLabel: "Type: New feature request"
-			},
-			IMPROVEMENT: {
-				color: "badge-neutral",
-				text: "Improvement",
-				ariaLabel: "Type: Enhancement to existing feature"
-			},
-			OPERATIONAL: {
-				color: "badge-neutral",
-				text: "Ops",
-				ariaLabel: "Type: Operational/admin work"
-			}
-		};
-		const getTypeConfig = (type) => {
-			const config$1 = typeConfig[type];
-			if (!config$1) return {
-				color: "badge-neutral",
-				text: type || "Unknown",
-				ariaLabel: `Type: ${type || "Unknown type"}`
-			};
-			return config$1;
-		};
-		const config = computed(() => getTypeConfig(props.type));
-		const badgeClasses = computed(() => {
-			const baseClasses = ["badge", "text-xs"];
-			baseClasses.push(config.value.color);
-			if (props.size === "sm") baseClasses.push("badge-sm", "text-xs");
-			else if (props.size === "lg") baseClasses.push("badge-lg", "text-sm");
-			else baseClasses.push("text-xs", "sm:text-sm");
-			if (props.variant === "outline") baseClasses.push("badge-outline");
-			return baseClasses.join(" ");
-		});
-		const displayText = computed(() => config.value.text);
-		const ariaLabel = computed(() => config.value.ariaLabel);
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", {
-				class: normalizeClass(badgeClasses.value),
-				"aria-label": ariaLabel.value,
-				role: "status"
-			}, toDisplayString(displayText.value), 11, _hoisted_1$4);
-		};
-	}
-});
-var SupportTicketTypeBadge_default = _sfc_main$4;
-
 //#endregion
 //#region src/slices/support_ticket/utils/creditValueFormatter.ts
 /**
@@ -949,7 +795,7 @@ function formatCustomerCreditValue(creditValue) {
 
 //#endregion
 //#region src/slices/support_ticket/shared/InlineAttachments.vue
-const _hoisted_1$3 = { class: "mt-4 sm:mt-6" };
+const _hoisted_1$5 = { class: "mt-4 sm:mt-6" };
 const _hoisted_2$2 = {
 	key: 0,
 	class: "grid grid-cols-2 gap-2 sm:gap-4 mb-4"
@@ -968,23 +814,23 @@ const _hoisted_7$1 = {
 	key: 0,
 	class: "w-full bg-base-300 rounded-full h-1.5 mt-1"
 };
-const _hoisted_8 = {
+const _hoisted_8$1 = {
 	key: 1,
 	class: "text-xs text-error mt-1 break-words"
 };
-const _hoisted_9 = { class: "flex gap-2 sm:gap-1" };
-const _hoisted_10 = ["onClick"];
-const _hoisted_11 = ["onClick"];
-const _hoisted_12 = {
+const _hoisted_9$1 = { class: "flex gap-2 sm:gap-1" };
+const _hoisted_10$1 = ["onClick"];
+const _hoisted_11$1 = ["onClick"];
+const _hoisted_12$1 = {
 	key: 2,
 	class: "space-y-2"
 };
-const _hoisted_13 = {
+const _hoisted_13$1 = {
 	key: 0,
 	class: "flex justify-center py-4"
 };
-const _hoisted_14 = ["onClick"];
-const _hoisted_15 = { class: "flex items-center gap-2 sm:gap-3 flex-1 min-w-0 w-full sm:w-auto" };
+const _hoisted_14$1 = ["onClick"];
+const _hoisted_15$1 = { class: "flex items-center gap-2 sm:gap-3 flex-1 min-w-0 w-full sm:w-auto" };
 const _hoisted_16 = { class: "flex-shrink-0" };
 const _hoisted_17 = {
 	key: 0,
@@ -1005,7 +851,7 @@ const _hoisted_26 = {
 	key: 3,
 	class: "text-center py-8 text-base-content/50"
 };
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
 	__name: "InlineAttachments",
 	props: {
 		recordId: {},
@@ -1358,7 +1204,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
 			});
 		}, { immediate: true });
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$3, [
+			return openBlock(), createElementBlock("div", _hoisted_1$5, [
 				createElementVNode("input", {
 					ref_key: "fileInput",
 					ref: fileInput,
@@ -1431,26 +1277,26 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
 							class: "bg-primary h-1.5 rounded-full transition-all",
 							style: normalizeStyle({ width: `${item.progress}%` })
 						}, null, 4)])) : createCommentVNode("v-if", true),
-						item.status === "error" ? (openBlock(), createElementBlock("div", _hoisted_8, toDisplayString(item.errorMessage), 1)) : createCommentVNode("v-if", true)
-					]), createElementVNode("div", _hoisted_9, [item.status === "error" ? (openBlock(), createElementBlock("button", {
+						item.status === "error" ? (openBlock(), createElementBlock("div", _hoisted_8$1, toDisplayString(item.errorMessage), 1)) : createCommentVNode("v-if", true)
+					]), createElementVNode("div", _hoisted_9$1, [item.status === "error" ? (openBlock(), createElementBlock("button", {
 						key: 0,
 						onClick: withModifiers(($event) => retryUpload(item), ["prevent"]),
 						class: "btn btn-xs btn-ghost flex-1 sm:flex-none",
 						type: "button"
-					}, " Retry ", 8, _hoisted_10)) : createCommentVNode("v-if", true), item.status !== "uploading" ? (openBlock(), createElementBlock("button", {
+					}, " Retry ", 8, _hoisted_10$1)) : createCommentVNode("v-if", true), item.status !== "uploading" ? (openBlock(), createElementBlock("button", {
 						key: 1,
 						onClick: withModifiers(($event) => removeFromQueue(item.id), ["prevent"]),
 						class: "btn btn-xs btn-ghost text-error flex-1 sm:flex-none",
 						type: "button"
-					}, " Remove ", 8, _hoisted_11)) : createCommentVNode("v-if", true)])]);
+					}, " Remove ", 8, _hoisted_11$1)) : createCommentVNode("v-if", true)])]);
 				}), 128))])) : createCommentVNode("v-if", true),
 				createCommentVNode(" Attachments List "),
-				(attachments.value.length > 0 || unref(attachmentsLoading)) && __props.recordId ? (openBlock(), createElementBlock("div", _hoisted_12, [unref(attachmentsLoading) ? (openBlock(), createElementBlock("div", _hoisted_13, [..._cache[8] || (_cache[8] = [createElementVNode("span", { class: "loading loading-spinner loading-sm" }, null, -1)])])) : createCommentVNode("v-if", true), (openBlock(true), createElementBlock(Fragment, null, renderList(attachments.value, (file) => {
+				(attachments.value.length > 0 || unref(attachmentsLoading)) && __props.recordId ? (openBlock(), createElementBlock("div", _hoisted_12$1, [unref(attachmentsLoading) ? (openBlock(), createElementBlock("div", _hoisted_13$1, [..._cache[8] || (_cache[8] = [createElementVNode("span", { class: "loading loading-spinner loading-sm" }, null, -1)])])) : createCommentVNode("v-if", true), (openBlock(true), createElementBlock(Fragment, null, renderList(attachments.value, (file) => {
 					return openBlock(), createElementBlock("div", {
 						key: file.id,
 						class: normalizeClass(["flex flex-col sm:flex-row sm:items-center gap-2 sm:gap-3 p-2 sm:p-3 bg-base-100 border border-base-300 rounded-lg hover:bg-base-200 transition-colors", { "cursor-pointer": isImage(file.type) }]),
 						onClick: withModifiers(($event) => isImage(file.type) && viewImage(file), ["prevent"])
-					}, [createElementVNode("div", _hoisted_15, [createElementVNode("div", _hoisted_16, [createCommentVNode(" Image thumbnail preview "), isImage(file.type) ? (openBlock(), createElementBlock("div", _hoisted_17, [getImageUrlSync(file.id) ? (openBlock(), createElementBlock("img", {
+					}, [createElementVNode("div", _hoisted_15$1, [createElementVNode("div", _hoisted_16, [createCommentVNode(" Image thumbnail preview "), isImage(file.type) ? (openBlock(), createElementBlock("div", _hoisted_17, [getImageUrlSync(file.id) ? (openBlock(), createElementBlock("img", {
 						key: 0,
 						src: getImageUrlSync(file.id),
 						alt: file.name,
@@ -1518,7 +1364,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
 							"stroke-width": "2",
 							d: "M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"
 						})], -1)])], 8, _hoisted_25)) : createCommentVNode("v-if", true)
-					])], 10, _hoisted_14);
+					])], 10, _hoisted_14$1);
 				}), 128))])) : !unref(attachmentsLoading) && __props.recordId ? (openBlock(), createElementBlock("div", _hoisted_26, [..._cache[13] || (_cache[13] = [createElementVNode("svg", {
 					xmlns: "http://www.w3.org/2000/svg",
 					class: "h-12 w-12 mx-auto mb-2 opacity-50",
@@ -1570,7 +1416,161 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var InlineAttachments_default = _sfc_main$3;
+var InlineAttachments_default = _sfc_main$5;
+
+//#endregion
+//#region src/slices/support_ticket/shared/SupportTicketPriorityBadge.vue
+const _hoisted_1$4 = ["aria-label"];
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+	__name: "SupportTicketPriorityBadge",
+	props: {
+		priority: {},
+		size: { default: "md" },
+		variant: { default: "default" }
+	},
+	setup(__props) {
+		/**
+		* SupportTicketPriorityBadge - A reusable Vue component for displaying support ticket priority
+		* as color-coded badges with consistent DaisyUI styling and accessibility features.
+		*
+		* @example
+		* <SupportTicketPriorityBadge :priority="'HIGH'" size="md" />
+		* <SupportTicketPriorityBadge :priority="'CRITICAL'" size="sm" variant="outline" />
+		*/
+		const props = __props;
+		/**
+		* Configuration for each priority badge
+		*/
+		const priorityConfig = {
+			LOW: {
+				color: "badge-neutral",
+				text: "Low",
+				ariaLabel: "Priority: Low priority"
+			},
+			MEDIUM: {
+				color: "badge-neutral",
+				text: "Medium",
+				ariaLabel: "Priority: Medium priority"
+			},
+			HIGH: {
+				color: "badge-neutral",
+				text: "High",
+				ariaLabel: "Priority: High priority"
+			},
+			CRITICAL: {
+				color: "badge-neutral",
+				text: "Critical",
+				ariaLabel: "Priority: Critical priority"
+			}
+		};
+		const getPriorityConfig = (priority) => {
+			const config$1 = priorityConfig[priority];
+			if (!config$1) return {
+				color: "badge-neutral",
+				text: priority || "Unknown",
+				ariaLabel: `Priority: ${priority || "Unknown priority"}`
+			};
+			return config$1;
+		};
+		const config = computed(() => getPriorityConfig(props.priority));
+		const badgeClasses = computed(() => {
+			const baseClasses = ["badge", "text-xs"];
+			baseClasses.push(config.value.color);
+			if (props.size === "sm") baseClasses.push("badge-sm", "text-xs");
+			else if (props.size === "lg") baseClasses.push("badge-lg", "text-sm");
+			else baseClasses.push("text-xs", "sm:text-sm");
+			if (props.variant === "outline") baseClasses.push("badge-outline");
+			return baseClasses.join(" ");
+		});
+		const displayText = computed(() => config.value.text);
+		const ariaLabel = computed(() => config.value.ariaLabel);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(badgeClasses.value),
+				"aria-label": ariaLabel.value,
+				role: "status"
+			}, toDisplayString(displayText.value), 11, _hoisted_1$4);
+		};
+	}
+});
+var SupportTicketPriorityBadge_default = _sfc_main$4;
+
+//#endregion
+//#region src/slices/support_ticket/shared/SupportTicketTypeBadge.vue
+const _hoisted_1$3 = ["aria-label"];
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+	__name: "SupportTicketTypeBadge",
+	props: {
+		type: {},
+		size: { default: "md" },
+		variant: { default: "default" }
+	},
+	setup(__props) {
+		/**
+		* SupportTicketTypeBadge - A reusable Vue component for displaying support ticket type
+		* as color-coded badges with consistent DaisyUI styling and accessibility features.
+		*
+		* @example
+		* <SupportTicketTypeBadge :type="'BUG'" size="md" />
+		* <SupportTicketTypeBadge :type="'FEATURE_REQUEST'" size="sm" variant="outline" />
+		*/
+		const props = __props;
+		/**
+		* Configuration for each type badge
+		*/
+		const typeConfig = {
+			BUG: {
+				color: "badge-neutral",
+				text: "Bug",
+				ariaLabel: "Type: Bug report requiring fix"
+			},
+			FEATURE_REQUEST: {
+				color: "badge-neutral",
+				text: "Feature",
+				ariaLabel: "Type: New feature request"
+			},
+			IMPROVEMENT: {
+				color: "badge-neutral",
+				text: "Improvement",
+				ariaLabel: "Type: Enhancement to existing feature"
+			},
+			OPERATIONAL: {
+				color: "badge-neutral",
+				text: "Ops",
+				ariaLabel: "Type: Operational/admin work"
+			}
+		};
+		const getTypeConfig = (type) => {
+			const config$1 = typeConfig[type];
+			if (!config$1) return {
+				color: "badge-neutral",
+				text: type || "Unknown",
+				ariaLabel: `Type: ${type || "Unknown type"}`
+			};
+			return config$1;
+		};
+		const config = computed(() => getTypeConfig(props.type));
+		const badgeClasses = computed(() => {
+			const baseClasses = ["badge", "text-xs"];
+			baseClasses.push(config.value.color);
+			if (props.size === "sm") baseClasses.push("badge-sm", "text-xs");
+			else if (props.size === "lg") baseClasses.push("badge-lg", "text-sm");
+			else baseClasses.push("text-xs", "sm:text-sm");
+			if (props.variant === "outline") baseClasses.push("badge-outline");
+			return baseClasses.join(" ");
+		});
+		const displayText = computed(() => config.value.text);
+		const ariaLabel = computed(() => config.value.ariaLabel);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(badgeClasses.value),
+				"aria-label": ariaLabel.value,
+				role: "status"
+			}, toDisplayString(displayText.value), 11, _hoisted_1$3);
+		};
+	}
+});
+var SupportTicketTypeBadge_default = _sfc_main$3;
 
 //#endregion
 //#region src/slices/support_ticket/shared/SupportTicketApprovalBadge.vue
@@ -1655,18 +1655,24 @@ var SupportTicketApprovalBadge_default = _sfc_main$2;
 * Takes an ISO date string and returns:
 * - formatted: "Jan 15, 2025"
 * - relative: "3 days ago" / "2 hours ago" / "just now"
+* - localTime: "2:30 PM" (user's local time)
 */
 function formatTicketDate(isoString) {
 	const date = new Date(isoString);
 	if (isNaN(date.getTime())) return {
 		formatted: isoString,
-		relative: ""
+		relative: "",
+		localTime: ""
 	};
 	const formatted = date.toLocaleDateString(void 0, {
 		year: "numeric",
 		month: "short",
 		day: "numeric"
 	});
+	const localTime = date.toLocaleTimeString(void 0, {
+		hour: "numeric",
+		minute: "2-digit"
+	});
 	const diffMs = (/* @__PURE__ */ new Date()).getTime() - date.getTime();
 	const diffSec = Math.floor(diffMs / 1e3);
 	const diffMin = Math.floor(diffSec / 60);
@@ -1697,7 +1703,8 @@ function formatTicketDate(isoString) {
 	}
 	return {
 		formatted,
-		relative
+		relative,
+		localTime
 	};
 }
 
@@ -1757,28 +1764,76 @@ var TimelineItem_default = _sfc_main$1;
 //#endregion
 //#region src/slices/support_ticket/shared/TimelineSystemEvent.vue
 const _hoisted_1 = { class: "py-2 flex items-start gap-2 text-sm" };
-const _hoisted_2 = { class: "flex-1 min-w-0" };
-const _hoisted_3 = { class: "font-medium text-base-content/70" };
-const _hoisted_4 = { class: "text-base-content/50 ml-1" };
-const _hoisted_5 = { class: "line-through text-base-content/40 ml-1" };
-const _hoisted_6 = { class: "ml-1" };
-const _hoisted_7 = { class: "text-base-content/30 text-xs" };
+const _hoisted_2 = { class: "flex-1 min-w-0 space-y-0.5" };
+const _hoisted_3 = { class: "flex flex-wrap items-baseline gap-x-2 gap-y-1" };
+const _hoisted_4 = { class: "text-base-content/60 font-medium" };
+const _hoisted_5 = { class: "font-semibold text-base-content" };
+const _hoisted_6 = { class: "badge badge-sm badge-outline border-base-content/20 text-base-content/80 font-normal px-1.5 py-0 capitalize" };
+const _hoisted_7 = { class: "text-base-content/70" };
+const _hoisted_8 = { class: "text-base-content/70" };
+const _hoisted_9 = { class: "line-through text-base-content/50" };
+const _hoisted_10 = {
+	key: 0,
+	class: "mt-1.5 ml-6 list-disc list-inside text-base-content/70 text-sm space-y-0.5"
+};
+const _hoisted_11 = { class: "italic text-base-content/60" };
+const _hoisted_12 = { class: "line-through text-base-content/50 ml-1" };
+const _hoisted_13 = {
+	key: 1,
+	class: "ml-1"
+};
+const _hoisted_14 = { class: "text-base-content/40 text-xs" };
+const _hoisted_15 = ["title"];
+const RECENT_THRESHOLD_HOURS = 18;
 const _sfc_main = /* @__PURE__ */ defineComponent({
 	__name: "TimelineSystemEvent",
 	props: {
 		author: {},
 		message: {},
 		timestamp: {},
+		action: {},
+		type: {},
+		details: {},
 		oldValue: {},
-		newValue: {}
+		newValue: {},
+		changes: {}
 	},
 	setup(__props) {
 		const props = __props;
-		const relativeTime = computed(() => {
-			return props.timestamp ? formatTicketDate(props.timestamp).relative : "";
+		const showFull = ref(false);
+		const displayAction = computed(() => props.action ?? props.message);
+		const displayDetails = computed(() => {
+			if (props.details) return props.details;
+			if (props.oldValue != null && props.newValue != null) return `${props.oldValue} → ${props.newValue}`;
+			return props.newValue ?? null;
+		});
+		const hasChangeDetails = computed(() => props.oldValue != null && props.newValue != null || props.details != null || props.newValue != null);
+		const detailsPrefix = computed(() => {
+			if (!props.details || props.oldValue == null && props.newValue == null) return null;
+			if (props.details.includes(" · ")) {
+				const parts = props.details.split(" · ");
+				return parts.length > 1 ? parts[0] : null;
+			}
+			return props.details;
+		});
+		/** Use relative time when within ~18 hours, otherwise full date and time */
+		const shortTime = computed(() => {
+			if (!props.timestamp) return "";
+			const { relative, formatted, localTime } = formatTicketDate(props.timestamp);
+			const dateTime = [formatted, localTime].filter(Boolean).join(", ");
+			if (!relative && !dateTime) return "";
+			const date = new Date(props.timestamp);
+			const hoursAgo = (Date.now() - date.getTime()) / (1e3 * 60 * 60);
+			return hoursAgo >= 0 && hoursAgo < RECENT_THRESHOLD_HOURS ? relative : dateTime;
+		});
+		const fullDateTime = computed(() => {
+			if (!props.timestamp) return "";
+			const { formatted, localTime } = formatTicketDate(props.timestamp);
+			return [formatted, localTime].filter(Boolean).join(", ");
 		});
+		const displayTime = computed(() => showFull.value ? fullDateTime.value : shortTime.value);
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1, [_cache[1] || (_cache[1] = createElementVNode("svg", {
+			return openBlock(), createElementBlock("div", _hoisted_1, [_cache[7] || (_cache[7] = createElementVNode("svg", {
 				xmlns: "http://www.w3.org/2000/svg",
 				fill: "none",
 				viewBox: "0 0 24 24",
@@ -1795,14 +1850,42 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 				"stroke-linejoin": "round",
 				d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z"
 			})], -1)), createElementVNode("div", _hoisted_2, [
-				createElementVNode("span", _hoisted_3, toDisplayString(__props.author), 1),
-				createElementVNode("span", _hoisted_4, [__props.oldValue && __props.newValue ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-					createTextVNode(toDisplayString(__props.message) + " ", 1),
-					createElementVNode("span", _hoisted_5, toDisplayString(__props.oldValue), 1),
-					_cache[0] || (_cache[0] = createElementVNode("span", { class: "mx-1" }, "→", -1)),
-					createElementVNode("span", null, toDisplayString(__props.newValue), 1)
-				], 64)) : __props.newValue ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(__props.message) + " ", 1), createElementVNode("span", _hoisted_6, toDisplayString(__props.newValue), 1)], 64)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [createTextVNode(toDisplayString(__props.message), 1)], 64))]),
-				createElementVNode("span", _hoisted_7, " · " + toDisplayString(relativeTime.value), 1)
+				createElementVNode("div", _hoisted_3, [
+					createElementVNode("span", _hoisted_4, toDisplayString(__props.author), 1),
+					_cache[5] || (_cache[5] = createElementVNode("span", {
+						class: "text-base-content/40 text-xs",
+						"aria-hidden": "true"
+					}, "·", -1)),
+					createElementVNode("span", _hoisted_5, toDisplayString(displayAction.value), 1),
+					__props.type ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [_cache[1] || (_cache[1] = createElementVNode("span", {
+						class: "text-base-content/40 text-xs",
+						"aria-hidden": "true"
+					}, "·", -1)), createElementVNode("span", _hoisted_6, toDisplayString(__props.type), 1)], 64)) : createCommentVNode("v-if", true),
+					__props.changes && __props.changes.length > 1 ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [__props.details ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [_cache[2] || (_cache[2] = createElementVNode("span", {
+						class: "text-base-content/40 text-xs",
+						"aria-hidden": "true"
+					}, "·", -1)), createElementVNode("span", _hoisted_7, toDisplayString(__props.details), 1)], 64)) : createCommentVNode("v-if", true)], 64)) : hasChangeDetails.value ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [_cache[4] || (_cache[4] = createElementVNode("span", {
+						class: "text-base-content/40 text-xs",
+						"aria-hidden": "true"
+					}, "·", -1)), createElementVNode("span", _hoisted_8, [detailsPrefix.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(toDisplayString(detailsPrefix.value), 1)], 64)) : createCommentVNode("v-if", true), __props.oldValue != null && __props.newValue != null ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+						createElementVNode("span", _hoisted_9, toDisplayString(__props.oldValue), 1),
+						_cache[3] || (_cache[3] = createElementVNode("span", { class: "mx-1 text-base-content/40" }, "→", -1)),
+						createElementVNode("span", null, toDisplayString(__props.newValue), 1)
+					], 64)) : displayDetails.value ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [createTextVNode(toDisplayString(displayDetails.value), 1)], 64)) : createCommentVNode("v-if", true)])], 64)) : createCommentVNode("v-if", true)
+				]),
+				__props.changes && __props.changes.length > 1 ? (openBlock(), createElementBlock("ul", _hoisted_10, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.changes, (change, i) => {
+					return openBlock(), createElementBlock("li", { key: i }, [createElementVNode("span", _hoisted_11, toDisplayString(change.action) + ":", 1), change.oldValue != null && change.newValue != null ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+						createElementVNode("span", _hoisted_12, toDisplayString(change.oldValue), 1),
+						_cache[6] || (_cache[6] = createElementVNode("span", { class: "mx-1 text-base-content/40" }, "→", -1)),
+						createElementVNode("span", null, toDisplayString(change.newValue), 1)
+					], 64)) : change.newValue != null ? (openBlock(), createElementBlock("span", _hoisted_13, toDisplayString(change.newValue), 1)) : createCommentVNode("v-if", true)]);
+				}), 128))])) : createCommentVNode("v-if", true),
+				createElementVNode("div", _hoisted_14, [createElementVNode("button", {
+					type: "button",
+					class: "cursor-pointer hover:text-base-content/60 hover:underline focus:outline-none focus:underline",
+					title: fullDateTime.value,
+					onClick: _cache[0] || (_cache[0] = ($event) => showFull.value = !showFull.value)
+				}, toDisplayString(displayTime.value), 9, _hoisted_15)])
 			])]);
 		};
 	}
@@ -1810,5 +1893,5 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 var TimelineSystemEvent_default = _sfc_main;
 
 //#endregion
-export { InlineAttachments_default as a, SupportTicketTypeBadge_default as c, ConfirmDialog_default as d, SupportTicketApprovalBadge_default as i, SupportTicketPriorityBadge_default as l, TimelineItem_default as n, formatCustomerCreditValue as o, formatTicketDate as r, formatStaffCreditValue as s, TimelineSystemEvent_default as t, ImageModal_default as u };
-//# sourceMappingURL=TimelineSystemEvent-B69B3eeL.js.map
+export { SupportTicketTypeBadge_default as a, formatCustomerCreditValue as c, ConfirmDialog_default as d, SupportTicketApprovalBadge_default as i, formatStaffCreditValue as l, TimelineItem_default as n, SupportTicketPriorityBadge_default as o, formatTicketDate as r, InlineAttachments_default as s, TimelineSystemEvent_default as t, ImageModal_default as u };
+//# sourceMappingURL=TimelineSystemEvent-D58zN850.js.map