@dragonmastery/dragoncore-vue 0.0.22 → 0.0.23

package/dist/TimelineSystemEvent-zCMUx5Zz.js

@@ -0,0 +1,525 @@
+import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, normalizeClass, openBlock, ref, renderList, renderSlot, toDisplayString } from "vue";
+
+//#region src/slices/support_ticket/utils/creditValueFormatter.ts
+/**
+* Helper function to check if credit value is empty
+*/
+function isCreditValueEmpty(value) {
+	return value === null || value === void 0 || value.trim() === "";
+}
+/**
+* Core credit formatting logic
+*/
+function formatCreditValueCore(creditValue) {
+	if (isCreditValueEmpty(creditValue)) return "TBD";
+	const trimmed = creditValue.trim();
+	if (parseFloat(trimmed) === 0) return "0";
+	return trimmed.replace(/\.?0+$/, "");
+}
+/**
+* Formats credit value for staff views (includes internal ticket logic)
+*
+* @param creditValue - The credit value from the database
+* @param approvalStatus - The approval status to determine display logic
+* @returns Formatted string for display
+*
+* @example
+* formatStaffCreditValue("5.50", "PENDING") // "5.5"
+* formatStaffCreditValue("10", "INTERNAL") // "N/A"
+*/
+function formatStaffCreditValue(creditValue, approvalStatus) {
+	if (approvalStatus === "INTERNAL") return "N/A";
+	return formatCreditValueCore(creditValue);
+}
+/**
+* Formats credit value for customer views (status-based logic)
+*
+* @param creditValue - The credit value from the database
+* @param status - The computed status from the customer query
+* @returns Formatted string for display
+*
+* @example
+* formatCustomerCreditValue("5.50", "PENDING") // "5.5"
+* formatCustomerCreditValue("5.50", "FOLLOWUP") // "5.5"
+*/
+function formatCustomerCreditValue(creditValue) {
+	return formatCreditValueCore(creditValue);
+}
+
+//#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
+const _hoisted_1$2 = ["aria-label"];
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+	__name: "SupportTicketApprovalBadge",
+	props: {
+		approvalStatus: {},
+		size: { default: "md" },
+		variant: { default: "default" }
+	},
+	setup(__props) {
+		/**
+		* SupportTicketApprovalBadge - A reusable Vue component for displaying support ticket approval status
+		* as color-coded badges with consistent DaisyUI styling and accessibility features.
+		*
+		* @example
+		* <SupportTicketApprovalBadge :approvalStatus="'PENDING'" size="md" />
+		* <SupportTicketApprovalBadge :approvalStatus="'APPROVED'" size="sm" variant="outline" />
+		*/
+		const props = __props;
+		/**
+		* Configuration for each approval status badge
+		*/
+		const approvalConfig = {
+			PENDING: {
+				color: "badge-warning",
+				text: "Pending",
+				ariaLabel: "Approval: Awaiting staff decision"
+			},
+			APPROVED: {
+				color: "badge-success",
+				text: "Approved",
+				ariaLabel: "Approval: Approved by staff"
+			},
+			REJECTED: {
+				color: "badge-error",
+				text: "Rejected",
+				ariaLabel: "Approval: Rejected by staff"
+			},
+			INTERNAL: {
+				color: "badge-info",
+				text: "Internal",
+				ariaLabel: "Approval: Internal staff ticket"
+			}
+		};
+		const getApprovalConfig = (approvalStatus) => {
+			const config$1 = approvalConfig[approvalStatus];
+			if (!config$1) return {
+				color: "badge-neutral",
+				text: approvalStatus || "Unknown",
+				ariaLabel: `Approval: ${approvalStatus || "Unknown status"}`
+			};
+			return config$1;
+		};
+		const config = computed(() => getApprovalConfig(props.approvalStatus));
+		const badgeClasses = computed(() => {
+			const baseClasses = ["badge", "text-xs"];
+			baseClasses.push(config.value.color);
+			if (props.size === "sm") baseClasses.push("badge-sm", "text-xs");
+			else if (props.size === "lg") baseClasses.push("badge-lg", "text-sm");
+			else baseClasses.push("text-xs", "sm:text-sm");
+			if (props.variant === "outline") baseClasses.push("badge-outline");
+			return baseClasses.join(" ");
+		});
+		const displayText = computed(() => config.value.text);
+		const ariaLabel = computed(() => config.value.ariaLabel);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(badgeClasses.value),
+				"aria-label": ariaLabel.value,
+				role: "status"
+			}, toDisplayString(displayText.value), 11, _hoisted_1$2);
+		};
+	}
+});
+var SupportTicketApprovalBadge_default = _sfc_main$2;
+
+//#endregion
+//#region src/slices/support_ticket/utils/formatTicketDate.ts
+/**
+* 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: "",
+		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);
+	const diffHour = Math.floor(diffMin / 60);
+	const diffDay = Math.floor(diffHour / 24);
+	let relative;
+	if (Math.abs(diffSec) < 60) relative = "just now";
+	else if (diffSec < 0) {
+		const sec = Math.abs(diffSec);
+		const min = Math.floor(sec / 60);
+		const hr = Math.floor(min / 60);
+		const day = Math.floor(hr / 24);
+		if (min < 60) relative = `in ${min} minute${min === 1 ? "" : "s"}`;
+		else if (hr < 24) relative = `in ${hr} hour${hr === 1 ? "" : "s"}`;
+		else relative = `in ${day} day${day === 1 ? "" : "s"}`;
+	} else if (diffMin < 60) relative = diffMin === 1 ? "1 minute ago" : `${diffMin} minutes ago`;
+	else if (diffHour < 24) relative = diffHour === 1 ? "1 hour ago" : `${diffHour} hours ago`;
+	else if (diffDay < 30) relative = diffDay === 1 ? "1 day ago" : `${diffDay} days ago`;
+	else {
+		const diffWeeks = Math.floor(diffDay / 7);
+		const diffMonths = Math.floor(diffDay / 30);
+		if (diffWeeks < 4) relative = diffWeeks === 1 ? "1 week ago" : `${diffWeeks} weeks ago`;
+		else if (diffMonths < 12) relative = diffMonths === 1 ? "1 month ago" : `${diffMonths} months ago`;
+		else {
+			const diffYears = Math.floor(diffMonths / 12);
+			relative = diffYears === 1 ? "1 year ago" : `${diffYears} years ago`;
+		}
+	}
+	return {
+		formatted,
+		relative,
+		localTime
+	};
+}
+
+//#endregion
+//#region src/slices/support_ticket/shared/TimelineItem.vue
+const _hoisted_1$1 = { class: "flex items-center gap-2 mb-3 flex-wrap" };
+const _hoisted_2$1 = {
+	key: 0,
+	class: "badge badge-warning badge-sm gap-1 shrink-0",
+	"aria-label": "Internal note"
+};
+const _hoisted_3$1 = {
+	key: 1,
+	class: "w-6 h-6 rounded-full bg-primary text-primary-content text-xs flex items-center justify-center shrink-0",
+	"aria-hidden": "true"
+};
+const _hoisted_4$1 = { class: "font-semibold text-sm" };
+const _hoisted_5$1 = { class: "text-base-content/50 text-sm" };
+const _hoisted_6$1 = { class: "text-sm text-base-content break-words whitespace-pre-wrap" };
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+	__name: "TimelineItem",
+	props: {
+		authorName: {},
+		createdAt: {},
+		variant: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const authorInitial = computed(() => {
+			return (props.authorName?.trim() || "?").charAt(0).toUpperCase();
+		});
+		const relativeTime = computed(() => {
+			return props.createdAt ? formatTicketDate(props.createdAt).relative : "";
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["card card-bordered p-4 w-full", __props.variant === "internal" ? "bg-warning/10 border-warning/30" : "bg-base-100"]) }, [createElementVNode("div", _hoisted_1$1, [
+				__props.variant === "internal" ? (openBlock(), createElementBlock("span", _hoisted_2$1, [..._cache[0] || (_cache[0] = [createElementVNode("svg", {
+					xmlns: "http://www.w3.org/2000/svg",
+					fill: "none",
+					viewBox: "0 0 24 24",
+					"stroke-width": "1.5",
+					stroke: "currentColor",
+					class: "w-3.5 h-3.5"
+				}, [createElementVNode("path", {
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round",
+					d: "M16.5 10.5V6.75a4.5 4.5 0 10-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 002.25-2.25v-6.75a2.25 2.25 0 00-2.25-2.25H6.75a2.25 2.25 0 00-2.25 2.25v6.75a2.25 2.25 0 002.25 2.25z"
+				})], -1), createTextVNode(" Internal ", -1)])])) : (openBlock(), createElementBlock("span", _hoisted_3$1, toDisplayString(authorInitial.value), 1)),
+				createElementVNode("span", _hoisted_4$1, toDisplayString(__props.authorName), 1),
+				createElementVNode("span", _hoisted_5$1, "· " + toDisplayString(relativeTime.value), 1)
+			]), createElementVNode("div", _hoisted_6$1, [renderSlot(_ctx.$slots, "default")])], 2);
+		};
+	}
+});
+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 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: {},
+		changes: {}
+	},
+	setup(__props) {
+		const props = __props;
+		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[7] || (_cache[7] = 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 text-base-content/30 shrink-0 mt-0.5",
+				"aria-hidden": "true"
+			}, [createElementVNode("path", {
+				"stroke-linecap": "round",
+				"stroke-linejoin": "round",
+				d: "M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.324.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 011.37.49l1.296 2.247a1.125 1.125 0 01-.26 1.431l-1.003.827c-.293.24-.438.613-.431.992a6.759 6.759 0 010 .255c-.007.378.138.75.43.99l1.005.828c.424.35.534.954.26 1.43l-1.298 2.247a1.125 1.125 0 01-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.57 6.57 0 01-.22.128c-.331.183-.581.495-.644.869l-.213 1.28c-.09.543-.56.941-1.11.941h-2.594c-.55 0-1.02-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 01-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 01-1.369-.49l-1.297-2.247a1.125 1.125 0 01.26-1.431l1.004-.827c.292-.24.437-.613.43-.992a6.932 6.932 0 010-.255c.007-.378-.138-.75-.43-.99l-1.004-.828a1.125 1.125 0 01-.26-1.43l1.297-2.247a1.125 1.125 0 011.37-.491l1.216.456c.356.133.751.072 1.076-.124a6.57 6.57 0 01.22-.128c.332-.183.582-.495.644-.869l.214-1.281z"
+			}), createElementVNode("path", {
+				"stroke-linecap": "round",
+				"stroke-linejoin": "round",
+				d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z"
+			})], -1)), createElementVNode("div", _hoisted_2, [
+				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)])
+			])]);
+		};
+	}
+});
+var TimelineSystemEvent_default = _sfc_main;
+
+//#endregion
+export { SupportTicketTypeBadge_default as a, formatStaffCreditValue as c, SupportTicketApprovalBadge_default as i, TimelineItem_default as n, SupportTicketPriorityBadge_default as o, formatTicketDate as r, formatCustomerCreditValue as s, TimelineSystemEvent_default as t };
+//# sourceMappingURL=TimelineSystemEvent-zCMUx5Zz.js.map

package/dist/TimelineSystemEvent-zCMUx5Zz.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineSystemEvent-zCMUx5Zz.js","names":["priorityConfig: Record<SupportTicketPriority, PriorityBadgeConfig>","typeConfig: Record<SupportTicketType, TypeBadgeConfig>","approvalConfig: Record<SupportTicketApproval, ApprovalBadgeConfig>","relative: string"],"sources":["../src/slices/support_ticket/utils/creditValueFormatter.ts","../src/slices/support_ticket/shared/SupportTicketPriorityBadge.vue","../src/slices/support_ticket/shared/SupportTicketTypeBadge.vue","../src/slices/support_ticket/shared/SupportTicketApprovalBadge.vue","../src/slices/support_ticket/utils/formatTicketDate.ts","../src/slices/support_ticket/shared/TimelineItem.vue","../src/slices/support_ticket/shared/TimelineSystemEvent.vue"],"sourcesContent":["import type { SupportTicketApproval } from '@dragonmastery/dragoncore-shared';\n\n/**\n * Helper function to check if credit value is empty\n */\nfunction isCreditValueEmpty(value: string | null | undefined): boolean {\n  return value === null || value === undefined || value.trim() === '';\n}\n\n/**\n * Core credit formatting logic\n */\nfunction formatCreditValueCore(creditValue: string | null | undefined): string {\n  // Use same logic as backend formatter\n  if (isCreditValueEmpty(creditValue)) {\n    return 'TBD';\n  }\n\n  const trimmed = creditValue!.trim();\n  const num = parseFloat(trimmed);\n\n  // Explicit zero is valid - preserve it (same as backend)\n  if (num === 0) {\n    return '0';\n  }\n\n  // Remove trailing zeros for non-zero values (same as backend)\n  // Examples: \"100.00\" -> \"100\", \"9.50\" -> \"9.5\", \"123.45\" -> \"123.45\"\n  return trimmed.replace(/\\.?0+$/, '');\n}\n\n/**\n * Formats credit value for staff views (includes internal ticket logic)\n *\n * @param creditValue - The credit value from the database\n * @param approvalStatus - The approval status to determine display logic\n * @returns Formatted string for display\n *\n * @example\n * formatStaffCreditValue(\"5.50\", \"PENDING\") // \"5.5\"\n * formatStaffCreditValue(\"10\", \"INTERNAL\") // \"N/A\"\n */\nexport function formatStaffCreditValue(\n  creditValue: string | null | undefined,\n  approvalStatus?: SupportTicketApproval,\n): string {\n  // Internal tickets don't use credits\n  if (approvalStatus === 'INTERNAL') {\n    return 'N/A';\n  }\n\n  return formatCreditValueCore(creditValue);\n}\n\n/**\n * Formats credit value for customer views (status-based logic)\n *\n * @param creditValue - The credit value from the database\n * @param status - The computed status from the customer query\n * @returns Formatted string for display\n *\n * @example\n * formatCustomerCreditValue(\"5.50\", \"PENDING\") // \"5.5\"\n * formatCustomerCreditValue(\"5.50\", \"FOLLOWUP\") // \"5.5\"\n */\nexport function formatCustomerCreditValue(creditValue: string | null | undefined): string {\n  // Note: Internal tickets (status would be different) are handled by backend\n  // Customers don't see internal tickets, so we don't need to check for INTERNAL here\n  return formatCreditValueCore(creditValue);\n}\n","<template>\n  <div :class=\"badgeClasses\" :aria-label=\"ariaLabel\" role=\"status\">\n    {{ displayText }}\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n/**\n * SupportTicketPriorityBadge - A reusable Vue component for displaying support ticket priority\n * as color-coded badges with consistent DaisyUI styling and accessibility features.\n *\n * @example\n * <SupportTicketPriorityBadge :priority=\"'HIGH'\" size=\"md\" />\n * <SupportTicketPriorityBadge :priority=\"'CRITICAL'\" size=\"sm\" variant=\"outline\" />\n */\nimport type { SupportTicketPriority } from '@dragonmastery/dragoncore-shared';\nimport { computed } from 'vue';\n\n/**\n * Props for the SupportTicketPriorityBadge component\n */\ninterface Props {\n  /** The support ticket priority to display */\n  priority: SupportTicketPriority;\n  /** Size of the badge - defaults to 'md' */\n  size?: 'sm' | 'md' | 'lg';\n  /** Visual variant of the badge - defaults to 'default' */\n  variant?: 'default' | 'outline';\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  size: 'md',\n  variant: 'default',\n});\n\n/**\n * Configuration for each priority badge\n */\ninterface PriorityBadgeConfig {\n  /** DaisyUI badge color class */\n  color: string;\n  /** Display text for the badge */\n  text: string;\n  /** Accessibility label for screen readers */\n  ariaLabel: string;\n}\n\nconst priorityConfig: Record<SupportTicketPriority, PriorityBadgeConfig> = {\n  LOW: {\n    color: 'badge-neutral',\n    text: 'Low',\n    ariaLabel: 'Priority: Low priority',\n  },\n  MEDIUM: {\n    color: 'badge-neutral',\n    text: 'Medium',\n    ariaLabel: 'Priority: Medium priority',\n  },\n  HIGH: {\n    color: 'badge-neutral',\n    text: 'High',\n    ariaLabel: 'Priority: High priority',\n  },\n  CRITICAL: {\n    color: 'badge-neutral',\n    text: 'Critical',\n    ariaLabel: 'Priority: Critical priority',\n  },\n};\n\nconst getPriorityConfig = (priority: SupportTicketPriority): PriorityBadgeConfig => {\n  const config = priorityConfig[priority];\n  if (!config) {\n    return {\n      color: 'badge-neutral',\n      text: priority || 'Unknown',\n      ariaLabel: `Priority: ${priority || 'Unknown priority'}`,\n    };\n  }\n  return config;\n};\n\nconst config = computed(() => getPriorityConfig(props.priority));\n\nconst badgeClasses = computed(() => {\n  const baseClasses = ['badge', 'text-xs'];\n\n  // Add color class\n  baseClasses.push(config.value.color);\n\n  // Add size class with responsive text sizing\n  if (props.size === 'sm') {\n    baseClasses.push('badge-sm', 'text-xs');\n  } else if (props.size === 'lg') {\n    baseClasses.push('badge-lg', 'text-sm');\n  } else {\n    // md size - responsive text\n    baseClasses.push('text-xs', 'sm:text-sm');\n  }\n\n  // Add variant class\n  if (props.variant === 'outline') {\n    baseClasses.push('badge-outline');\n  }\n\n  return baseClasses.join(' ');\n});\n\nconst displayText = computed(() => config.value.text);\nconst ariaLabel = computed(() => config.value.ariaLabel);\n</script>\n","<template>\n  <div :class=\"badgeClasses\" :aria-label=\"ariaLabel\" role=\"status\">\n    {{ displayText }}\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n/**\n * SupportTicketTypeBadge - A reusable Vue component for displaying support ticket type\n * as color-coded badges with consistent DaisyUI styling and accessibility features.\n *\n * @example\n * <SupportTicketTypeBadge :type=\"'BUG'\" size=\"md\" />\n * <SupportTicketTypeBadge :type=\"'FEATURE_REQUEST'\" size=\"sm\" variant=\"outline\" />\n */\nimport type { SupportTicketType } from '@dragonmastery/dragoncore-shared';\nimport { computed } from 'vue';\n\n/**\n * Props for the SupportTicketTypeBadge component\n */\ninterface Props {\n  /** The support ticket type to display */\n  type: SupportTicketType;\n  /** Size of the badge - defaults to 'md' */\n  size?: 'sm' | 'md' | 'lg';\n  /** Visual variant of the badge - defaults to 'default' */\n  variant?: 'default' | 'outline';\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  size: 'md',\n  variant: 'default',\n});\n\n/**\n * Configuration for each type badge\n */\ninterface TypeBadgeConfig {\n  /** DaisyUI badge color class */\n  color: string;\n  /** Display text for the badge */\n  text: string;\n  /** Accessibility label for screen readers */\n  ariaLabel: string;\n}\n\nconst typeConfig: Record<SupportTicketType, TypeBadgeConfig> = {\n  BUG: {\n    color: 'badge-neutral',\n    text: 'Bug',\n    ariaLabel: 'Type: Bug report requiring fix',\n  },\n  FEATURE_REQUEST: {\n    color: 'badge-neutral',\n    text: 'Feature',\n    ariaLabel: 'Type: New feature request',\n  },\n  IMPROVEMENT: {\n    color: 'badge-neutral',\n    text: 'Improvement',\n    ariaLabel: 'Type: Enhancement to existing feature',\n  },\n  OPERATIONAL: {\n    color: 'badge-neutral',\n    text: 'Ops',\n    ariaLabel: 'Type: Operational/admin work',\n  },\n};\n\nconst getTypeConfig = (type: SupportTicketType): TypeBadgeConfig => {\n  const config = typeConfig[type];\n  if (!config) {\n    return {\n      color: 'badge-neutral',\n      text: type || 'Unknown',\n      ariaLabel: `Type: ${type || 'Unknown type'}`,\n    };\n  }\n  return config;\n};\n\nconst config = computed(() => getTypeConfig(props.type));\n\nconst badgeClasses = computed(() => {\n  const baseClasses = ['badge', 'text-xs'];\n\n  // Add color class\n  baseClasses.push(config.value.color);\n\n  // Add size class with responsive text sizing\n  if (props.size === 'sm') {\n    baseClasses.push('badge-sm', 'text-xs');\n  } else if (props.size === 'lg') {\n    baseClasses.push('badge-lg', 'text-sm');\n  } else {\n    // md size - responsive text\n    baseClasses.push('text-xs', 'sm:text-sm');\n  }\n\n  // Add variant class\n  if (props.variant === 'outline') {\n    baseClasses.push('badge-outline');\n  }\n\n  return baseClasses.join(' ');\n});\n\nconst displayText = computed(() => config.value.text);\nconst ariaLabel = computed(() => config.value.ariaLabel);\n</script>\n","<template>\n  <div :class=\"badgeClasses\" :aria-label=\"ariaLabel\" role=\"status\">\n    {{ displayText }}\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n/**\n * SupportTicketApprovalBadge - A reusable Vue component for displaying support ticket approval status\n * as color-coded badges with consistent DaisyUI styling and accessibility features.\n *\n * @example\n * <SupportTicketApprovalBadge :approvalStatus=\"'PENDING'\" size=\"md\" />\n * <SupportTicketApprovalBadge :approvalStatus=\"'APPROVED'\" size=\"sm\" variant=\"outline\" />\n */\nimport type { SupportTicketApproval } from '@dragonmastery/dragoncore-shared';\nimport { computed } from 'vue';\n\n/**\n * Props for the SupportTicketApprovalBadge component\n */\ninterface Props {\n  /** The support ticket approval status to display */\n  approvalStatus: SupportTicketApproval;\n  /** Size of the badge - defaults to 'md' */\n  size?: 'sm' | 'md' | 'lg';\n  /** Visual variant of the badge - defaults to 'default' */\n  variant?: 'default' | 'outline';\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  size: 'md',\n  variant: 'default',\n});\n\n/**\n * Configuration for each approval status badge\n */\ninterface ApprovalBadgeConfig {\n  /** DaisyUI badge color class */\n  color: string;\n  /** Display text for the badge */\n  text: string;\n  /** Accessibility label for screen readers */\n  ariaLabel: string;\n}\n\nconst approvalConfig: Record<SupportTicketApproval, ApprovalBadgeConfig> = {\n  PENDING: {\n    color: 'badge-warning',\n    text: 'Pending',\n    ariaLabel: 'Approval: Awaiting staff decision',\n  },\n  APPROVED: {\n    color: 'badge-success',\n    text: 'Approved',\n    ariaLabel: 'Approval: Approved by staff',\n  },\n  REJECTED: {\n    color: 'badge-error',\n    text: 'Rejected',\n    ariaLabel: 'Approval: Rejected by staff',\n  },\n  INTERNAL: {\n    color: 'badge-info',\n    text: 'Internal',\n    ariaLabel: 'Approval: Internal staff ticket',\n  },\n};\n\nconst getApprovalConfig = (approvalStatus: SupportTicketApproval): ApprovalBadgeConfig => {\n  const config = approvalConfig[approvalStatus];\n  if (!config) {\n    return {\n      color: 'badge-neutral',\n      text: approvalStatus || 'Unknown',\n      ariaLabel: `Approval: ${approvalStatus || 'Unknown status'}`,\n    };\n  }\n  return config;\n};\n\nconst config = computed(() => getApprovalConfig(props.approvalStatus));\n\nconst badgeClasses = computed(() => {\n  const baseClasses = ['badge', 'text-xs'];\n\n  // Add color class\n  baseClasses.push(config.value.color);\n\n  // Add size class with responsive text sizing\n  if (props.size === 'sm') {\n    baseClasses.push('badge-sm', 'text-xs');\n  } else if (props.size === 'lg') {\n    baseClasses.push('badge-lg', 'text-sm');\n  } else {\n    // md size - responsive text\n    baseClasses.push('text-xs', 'sm:text-sm');\n  }\n\n  // Add variant class\n  if (props.variant === 'outline') {\n    baseClasses.push('badge-outline');\n  }\n\n  return baseClasses.join(' ');\n});\n\nconst displayText = computed(() => config.value.text);\nconst ariaLabel = computed(() => config.value.ariaLabel);\n</script>\n","/**\n * Takes an ISO date string and returns:\n * - formatted: \"Jan 15, 2025\"\n * - relative: \"3 days ago\" / \"2 hours ago\" / \"just now\"\n * - localTime: \"2:30 PM\" (user's local time)\n */\nexport function formatTicketDate(isoString: string): {\n  formatted: string;\n  relative: string;\n  localTime: string;\n} {\n  const date = new Date(isoString);\n  if (isNaN(date.getTime())) {\n    return { formatted: isoString, relative: '', localTime: '' };\n  }\n\n  const formatted = date.toLocaleDateString(undefined, {\n    year: 'numeric',\n    month: 'short',\n    day: 'numeric',\n  });\n\n  const localTime = date.toLocaleTimeString(undefined, {\n    hour: 'numeric',\n    minute: '2-digit',\n  });\n\n  const now = new Date();\n  const diffMs = now.getTime() - date.getTime();\n  const diffSec = Math.floor(diffMs / 1000);\n  const diffMin = Math.floor(diffSec / 60);\n  const diffHour = Math.floor(diffMin / 60);\n  const diffDay = Math.floor(diffHour / 24);\n\n  let relative: string;\n  if (Math.abs(diffSec) < 60) {\n    relative = 'just now';\n  } else if (diffSec < 0) {\n    const sec = Math.abs(diffSec);\n    const min = Math.floor(sec / 60);\n    const hr = Math.floor(min / 60);\n    const day = Math.floor(hr / 24);\n    if (min < 60) relative = `in ${min} minute${min === 1 ? '' : 's'}`;\n    else if (hr < 24) relative = `in ${hr} hour${hr === 1 ? '' : 's'}`;\n    else relative = `in ${day} day${day === 1 ? '' : 's'}`;\n  } else if (diffMin < 60) {\n    relative = diffMin === 1 ? '1 minute ago' : `${diffMin} minutes ago`;\n  } else if (diffHour < 24) {\n    relative = diffHour === 1 ? '1 hour ago' : `${diffHour} hours ago`;\n  } else if (diffDay < 30) {\n    relative = diffDay === 1 ? '1 day ago' : `${diffDay} days ago`;\n  } else {\n    const diffWeeks = Math.floor(diffDay / 7);\n    const diffMonths = Math.floor(diffDay / 30);\n    if (diffWeeks < 4) {\n      relative = diffWeeks === 1 ? '1 week ago' : `${diffWeeks} weeks ago`;\n    } else if (diffMonths < 12) {\n      relative = diffMonths === 1 ? '1 month ago' : `${diffMonths} months ago`;\n    } else {\n      const diffYears = Math.floor(diffMonths / 12);\n      relative = diffYears === 1 ? '1 year ago' : `${diffYears} years ago`;\n    }\n  }\n\n  return { formatted, relative, localTime };\n}\n","<template>\n  <div\n    :class=\"[\n      'card card-bordered p-4 w-full',\n      variant === 'internal'\n        ? 'bg-warning/10 border-warning/30'\n        : 'bg-base-100',\n    ]\"\n  >\n    <div class=\"flex items-center gap-2 mb-3 flex-wrap\">\n      <span\n        v-if=\"variant === 'internal'\"\n        class=\"badge badge-warning badge-sm gap-1 shrink-0\"\n        aria-label=\"Internal note\"\n      >\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          fill=\"none\"\n          viewBox=\"0 0 24 24\"\n          stroke-width=\"1.5\"\n          stroke=\"currentColor\"\n          class=\"w-3.5 h-3.5\"\n        >\n          <path\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            d=\"M16.5 10.5V6.75a4.5 4.5 0 10-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 002.25-2.25v-6.75a2.25 2.25 0 00-2.25-2.25H6.75a2.25 2.25 0 00-2.25 2.25v6.75a2.25 2.25 0 002.25 2.25z\"\n          />\n        </svg>\n        Internal\n      </span>\n      <span\n        v-else\n        class=\"w-6 h-6 rounded-full bg-primary text-primary-content text-xs flex items-center justify-center shrink-0\"\n        aria-hidden=\"true\"\n      >\n        {{ authorInitial }}\n      </span>\n      <span class=\"font-semibold text-sm\">{{ authorName }}</span>\n      <span class=\"text-base-content/50 text-sm\">· {{ relativeTime }}</span>\n    </div>\n    <div class=\"text-sm text-base-content break-words whitespace-pre-wrap\">\n      <slot />\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport { formatTicketDate } from '../utils/formatTicketDate';\n\ninterface Props {\n  authorName: string;\n  createdAt: string;\n  variant: 'customer' | 'internal';\n}\n\nconst props = defineProps<Props>();\n\nconst authorInitial = computed(() => {\n  const name = props.authorName?.trim() || '?';\n  return name.charAt(0).toUpperCase();\n});\n\nconst relativeTime = computed(() => {\n  return props.createdAt ? formatTicketDate(props.createdAt).relative : '';\n});\n</script>\n","<template>\n  <div class=\"py-2 flex items-start gap-2 text-sm\">\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      stroke-width=\"1.5\"\n      stroke=\"currentColor\"\n      class=\"w-4 h-4 text-base-content/30 shrink-0 mt-0.5\"\n      aria-hidden=\"true\"\n    >\n      <path\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        d=\"M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.324.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 011.37.49l1.296 2.247a1.125 1.125 0 01-.26 1.431l-1.003.827c-.293.24-.438.613-.431.992a6.759 6.759 0 010 .255c-.007.378.138.75.43.99l1.005.828c.424.35.534.954.26 1.43l-1.298 2.247a1.125 1.125 0 01-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.57 6.57 0 01-.22.128c-.331.183-.581.495-.644.869l-.213 1.28c-.09.543-.56.941-1.11.941h-2.594c-.55 0-1.02-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 01-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 01-1.369-.49l-1.297-2.247a1.125 1.125 0 01.26-1.431l1.004-.827c.292-.24.437-.613.43-.992a6.932 6.932 0 010-.255c.007-.378-.138-.75-.43-.99l-1.004-.828a1.125 1.125 0 01-.26-1.43l1.297-2.247a1.125 1.125 0 011.37-.491l1.216.456c.356.133.751.072 1.076-.124a6.57 6.57 0 01.22-.128c.332-.183.582-.495.644-.869l.214-1.281z\"\n      />\n      <path\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\"\n      />\n    </svg>\n    <div class=\"flex-1 min-w-0 space-y-0.5\">\n      <div class=\"flex flex-wrap items-baseline gap-x-2 gap-y-1\">\n        <span class=\"text-base-content/60 font-medium\">{{ author }}</span>\n        <span class=\"text-base-content/40 text-xs\" aria-hidden=\"true\">·</span>\n        <span class=\"font-semibold text-base-content\">{{ displayAction }}</span>\n        <template v-if=\"type\">\n          <span class=\"text-base-content/40 text-xs\" aria-hidden=\"true\">·</span>\n          <span\n            class=\"badge badge-sm badge-outline border-base-content/20 text-base-content/80 font-normal px-1.5 py-0 capitalize\"\n          >\n            {{ type }}\n          </span>\n        </template>\n        <template v-if=\"changes && changes.length > 1\">\n          <template v-if=\"details\">\n            <span class=\"text-base-content/40 text-xs\" aria-hidden=\"true\">·</span>\n            <span class=\"text-base-content/70\">{{ details }}</span>\n          </template>\n        </template>\n        <template v-else-if=\"hasChangeDetails\">\n          <span class=\"text-base-content/40 text-xs\" aria-hidden=\"true\">·</span>\n          <span class=\"text-base-content/70\">\n            <template v-if=\"detailsPrefix\">{{ detailsPrefix }} </template>\n            <template v-if=\"oldValue != null && newValue != null\">\n              <span class=\"line-through text-base-content/50\">{{ oldValue }}</span>\n              <span class=\"mx-1 text-base-content/40\">→</span>\n              <span>{{ newValue }}</span>\n            </template>\n            <template v-else-if=\"displayDetails\">{{ displayDetails }}</template>\n          </span>\n        </template>\n      </div>\n      <ul\n        v-if=\"changes && changes.length > 1\"\n        class=\"mt-1.5 ml-6 list-disc list-inside text-base-content/70 text-sm space-y-0.5\"\n      >\n        <li v-for=\"(change, i) in changes\" :key=\"i\">\n          <span class=\"italic text-base-content/60\">{{ change.action }}:</span>\n          <template v-if=\"change.oldValue != null && change.newValue != null\">\n            <span class=\"line-through text-base-content/50 ml-1\">{{ change.oldValue }}</span>\n            <span class=\"mx-1 text-base-content/40\">→</span>\n            <span>{{ change.newValue }}</span>\n          </template>\n          <template v-else-if=\"change.newValue != null\">\n            <span class=\"ml-1\">{{ change.newValue }}</span>\n          </template>\n        </li>\n      </ul>\n      <div class=\"text-base-content/40 text-xs\">\n        <button\n          type=\"button\"\n          class=\"cursor-pointer hover:text-base-content/60 hover:underline focus:outline-none focus:underline\"\n          :title=\"fullDateTime\"\n          @click=\"showFull = !showFull\"\n        >\n          {{ displayTime }}\n        </button>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref } from 'vue';\nimport { formatTicketDate } from '../utils/formatTicketDate';\n\ninterface SystemEventChange {\n  action: string;\n  oldValue: string | null;\n  newValue: string | null;\n  fieldName?: string;\n}\n\ninterface Props {\n  author: string;\n  message: string;\n  timestamp: string;\n  action?: string;\n  type?: string | null;\n  details?: string | null;\n  oldValue?: string | null;\n  newValue?: string | null;\n  changes?: SystemEventChange[];\n}\n\nconst props = defineProps<Props>();\nconst showFull = ref(false);\n\nconst displayAction = computed(() => props.action ?? props.message);\nconst displayDetails = computed(() => {\n  if (props.details) return props.details;\n  if (props.oldValue != null && props.newValue != null) {\n    return `${props.oldValue} → ${props.newValue}`;\n  }\n  return props.newValue ?? null;\n});\nconst hasChangeDetails = computed(\n  () =>\n    (props.oldValue != null && props.newValue != null) ||\n    props.details != null ||\n    props.newValue != null,\n);\nconst detailsPrefix = computed(() => {\n  if (!props.details || (props.oldValue == null && props.newValue == null)) return null;\n  if (props.details.includes(' · ')) {\n    const parts = props.details.split(' · ');\n    return parts.length > 1 ? parts[0]! : null;\n  }\n  return props.details;\n});\n\n/** Use relative time when within ~18 hours, otherwise full date and time */\nconst RECENT_THRESHOLD_HOURS = 18;\n\nconst shortTime = computed(() => {\n  if (!props.timestamp) return '';\n  const { relative, formatted, localTime } = formatTicketDate(props.timestamp);\n  const dateTime = [formatted, localTime].filter(Boolean).join(', ');\n  if (!relative && !dateTime) return '';\n  const date = new Date(props.timestamp);\n  const hoursAgo = (Date.now() - date.getTime()) / (1000 * 60 * 60);\n  const isRecent = hoursAgo >= 0 && hoursAgo < RECENT_THRESHOLD_HOURS;\n  return isRecent ? relative : dateTime;\n});\n\nconst fullDateTime = computed(() => {\n  if (!props.timestamp) return '';\n  const { formatted, localTime } = formatTicketDate(props.timestamp);\n  return [formatted, localTime].filter(Boolean).join(', ');\n});\n\nconst displayTime = computed(() =>\n  showFull.value ? fullDateTime.value : shortTime.value,\n);\n</script>\n"],"mappings":"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"}

package/dist/UserListPage-Bmwg0an5.js

@@ -0,0 +1,5 @@
+import "./useRpcAuth-CJtq1dqM.js";
+import "./EnhancedRefreshTokenHandler-C6tZCcfX.js";
+import { t as UserListPage_default } from "./UserListPage-DtA8tLff.js";
+
+export { UserListPage_default as default };

package/dist/{UserListPage-DpkOdR1U.js → UserListPage-DtA8tLff.js}

@@ -1,5 +1,6 @@
-import { r as executeWithAuth, s as getRefreshTokenHandler } from "./useRpcAuth-x5Gn5gR0.js";
-import { t as formatSystemTimestamp } from "./convertToLocalDateTime-CFhtN6PI.js";
+import { r as executeWithAuth } from "./useRpcAuth-CJtq1dqM.js";
+import { r as getRefreshTokenHandler } from "./EnhancedRefreshTokenHandler-C6tZCcfX.js";
+import { t as formatSystemTimestamp } from "./convertToLocalDateTime-BF25N4xd.js";
 import { computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, resolveComponent, toDisplayString, unref, withCtx } from "vue";
 import { UserReadSchema } from "@dragonmastery/dragoncore-shared";
 import { useCursorDataTable, withMetadata } from "@dragonmastery/zinia-forms-core";
@@ -150,4 +151,4 @@ var UserListPage_default = _sfc_main;
 
 //#endregion
 export { userRowSchemaWithMetadata as n, UserTypeBadge_default as r, UserListPage_default as t };
-//# sourceMappingURL=UserListPage-DpkOdR1U.js.map
+//# sourceMappingURL=UserListPage-DtA8tLff.js.map