@scayle/storefront-devtools 0.2.0-alpha.1

package/dist/inertia/renderer/index.mjs

@@ -0,0 +1,771 @@
+import { i as e, n as t } from "../../_chunks/diff-DzJ5arJj.mjs";
+import { r as n, t as r } from "../../_chunks/panel-uV5ITqhY.mjs";
+import { n as i, t as a } from "../../_chunks/useStore-Db8RZW8T.mjs";
+import { n as o, r as s, t as c } from "../../_chunks/clipboard-DrVHc2QA.mjs";
+import { Fragment as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createTextVNode as h, createVNode as g, defineComponent as _, normalizeClass as v, openBlock as y, ref as b, renderList as x, resolveComponent as S, toDisplayString as C, unref as w, useTemplateRef as T, vModelText as E, watch as D, withDirectives as ee, withKeys as O, withModifiers as k } from "vue";
+//#region src/inertia/panel/prefs.ts
+function A(e, t, n) {
+	if (typeof sessionStorage > "u") return t;
+	let r = sessionStorage.getItem(e);
+	return r && n.includes(r) ? r : t;
+}
+function j(e, t) {
+	typeof sessionStorage < "u" && sessionStorage.setItem(e, t);
+}
+//#endregion
+//#region src/inertia/core/request-tree.ts
+function te(e) {
+	let t = new Set(e.map((e) => e.visitId));
+	return ne(e, M(e, t), t);
+}
+function M(e, t) {
+	let n = /* @__PURE__ */ new Map();
+	for (let r of e) {
+		let e = r.parentVisitId;
+		if (e != null && t.has(e)) {
+			let t = n.get(e);
+			t ? t.push(r) : n.set(e, [r]);
+		}
+	}
+	return n;
+}
+function ne(e, t, n) {
+	let r = [];
+	for (let i of e) {
+		let e = i.parentVisitId;
+		if (e != null && n.has(e)) continue;
+		r.push({
+			record: i,
+			depth: 0
+		});
+		let a = t.get(i.visitId);
+		if (a) for (let e of a) r.push({
+			record: e,
+			depth: 1
+		});
+	}
+	return r;
+}
+//#endregion
+//#region src/inertia/panel/RequestList.vue?vue&type=script&setup=true&lang.ts
+var re = ["aria-activedescendant"], ie = {
+	class: "sf-dt-filters",
+	role: "group",
+	"aria-label": "Filter by visit type"
+}, N = ["aria-pressed", "onClick"], P = {
+	key: 0,
+	class: "sf-dt-prev"
+}, F = ["aria-expanded"], I = {
+	key: 0,
+	id: "sf-dt-prev-rows",
+	class: "sf-dt-prev-rows"
+}, L = { class: "sf-dt-method" }, R = { class: "sf-dt-url" }, z = { class: "sf-dt-type" }, B = {
+	key: 0,
+	class: "sf-dt-timing"
+}, V = { class: "sf-dt-rows" }, H = [
+	"id",
+	"aria-selected",
+	"onClick"
+], U = {
+	key: 0,
+	class: "sf-dt-nest-marker"
+}, W = { class: "sf-dt-method" }, G = { class: "sf-dt-url" }, K = { class: "sf-dt-type" }, q = { class: "sf-dt-timing" }, J = {
+	key: 1,
+	class: "sf-dt-diag-count"
+}, Y = {
+	key: 1,
+	class: "sf-dt-empty"
+}, ae = {
+	key: 2,
+	class: "sf-dt-evicted"
+}, oe = {
+	class: "sf-dt-visually-hidden",
+	role: "status",
+	"aria-live": "polite"
+}, se = /*#__PURE__*/ r(/* @__PURE__ */ _({
+	__name: "RequestList",
+	props: {
+		requests: {},
+		selectedId: {},
+		paused: { type: Boolean }
+	},
+	emits: ["select"],
+	setup(e, { expose: t, emit: n }) {
+		let r = e, i = n, o = [
+			"all",
+			"full",
+			"partial",
+			"deferred",
+			"prefetch",
+			"redirect",
+			"client"
+		], s = b(A("inertia-devtools-filter", "all", o));
+		D(s, (e) => j("inertia-devtools-filter", e));
+		let c = b(""), d = b(!1), g = u(() => a()?.previousSessionRequests ?? []), _ = u(() => r.requests.filter((e) => {
+			let t = s.value === "all" || e.type === s.value, n = c.value.trim().toLowerCase(), r = !n || e.url.toLowerCase().includes(n);
+			return t && r;
+		})), S = u(() => s.value !== "all" || c.value.trim() !== "" ? _.value.map((e) => ({
+			record: e,
+			depth: 0
+		})) : te(_.value)), w = u(() => a()?.evictedCount ?? 0);
+		function O(e) {
+			let t = _.value;
+			if (!t.length) return;
+			let n = t.findIndex((e) => e.visitId === r.selectedId);
+			e.key === "ArrowDown" ? (e.preventDefault(), i("select", t[Math.min(n + 1, t.length - 1)].visitId)) : e.key === "ArrowUp" && (e.preventDefault(), i("select", t[Math.max(n - 1, 0)].visitId));
+		}
+		function k(e) {
+			return e.duration == null ? e.finishedAt ? "" : "…" : `${Math.round(e.duration)}ms`;
+		}
+		let M = T("listEl");
+		return t({ focus: () => M.value?.focus() }), (t, n) => (y(), p("div", {
+			ref_key: "listEl",
+			ref: M,
+			class: "sf-dt-list",
+			tabindex: "0",
+			role: "listbox",
+			"aria-label": "Requests",
+			"aria-activedescendant": e.selectedId == null ? void 0 : `sf-dt-request-${e.selectedId}`,
+			onKeydown: O
+		}, [
+			m("div", ie, [(y(), p(l, null, x(o, (e) => m("button", {
+				key: e,
+				class: v(["sf-dt-filter", { "is-active": s.value === e }]),
+				"aria-pressed": s.value === e,
+				onClick: (t) => s.value = e
+			}, C(e), 11, N)), 64))]),
+			ee(m("input", {
+				"onUpdate:modelValue": n[0] ||= (e) => c.value = e,
+				class: "sf-dt-search",
+				type: "search",
+				placeholder: "Filter by URL",
+				"aria-label": "Filter requests by URL"
+			}, null, 512), [[E, c.value]]),
+			g.value.length ? (y(), p("div", P, [m("button", {
+				class: "sf-dt-prev-toggle",
+				"aria-expanded": d.value,
+				"aria-controls": "sf-dt-prev-rows",
+				onClick: n[1] ||= (e) => d.value = !d.value
+			}, C(d.value ? "▾" : "▸") + " Previous session (" + C(g.value.length) + ") ", 9, F), d.value ? (y(), p("ul", I, [(y(!0), p(l, null, x(g.value, (e) => (y(), p("li", {
+				key: e.visitId,
+				class: "sf-dt-prev-row"
+			}, [
+				m("span", L, C(e.method), 1),
+				m("span", R, C(e.url), 1),
+				m("span", z, C(e.type), 1),
+				e.status ? (y(), p("span", B, C(e.status), 1)) : f("", !0)
+			]))), 128))])) : f("", !0)])) : f("", !0),
+			m("ul", V, [(y(!0), p(l, null, x(S.value, (t) => (y(), p("li", {
+				id: `sf-dt-request-${t.record.visitId}`,
+				key: t.record.visitId,
+				class: v(["sf-dt-row", {
+					"is-selected": t.record.visitId === e.selectedId,
+					"is-child": t.depth > 0
+				}]),
+				role: "option",
+				"aria-selected": t.record.visitId === e.selectedId,
+				onClick: (e) => i("select", t.record.visitId)
+			}, [
+				t.depth > 0 ? (y(), p("span", U, "┗")) : f("", !0),
+				m("span", W, C(t.record.method), 1),
+				m("span", G, C(t.record.url), 1),
+				m("span", K, C(t.record.type), 1),
+				m("span", q, C(k(t.record)), 1),
+				t.record.diagnostics.length ? (y(), p("span", J, C(t.record.diagnostics.length), 1)) : f("", !0)
+			], 10, H))), 128))]),
+			_.value.length ? f("", !0) : (y(), p("div", Y, [r.requests.length ? (y(), p(l, { key: 0 }, [h("No requests match this filter")], 64)) : e.paused ? (y(), p(l, { key: 1 }, [h(" Capture is paused. Resume to see new requests. ")], 64)) : (y(), p(l, { key: 2 }, [h("Navigate the app to see requests appear here.")], 64))])),
+			w.value ? (y(), p("div", ae, C(w.value) + " earlier request(s) evicted ", 1)) : f("", !0),
+			m("div", oe, C(_.value.length) + " request" + C(_.value.length === 1 ? "" : "s") + " captured ", 1)
+		], 40, re));
+	}
+}), [["__scopeId", "data-v-ebb3b3d0"]]), ce = {
+	partial: {
+		description: "Only specific props were requested, reducing response size.",
+		docsUrl: "https://inertiajs.com/partial-reloads"
+	},
+	deferred: {
+		description: "Heavy props loaded asynchronously after initial page render.",
+		docsUrl: "https://inertiajs.com/deferred-props"
+	},
+	merge: {
+		description: "Props merged with existing values instead of replacing.",
+		docsUrl: "https://inertiajs.com/merging-props"
+	},
+	"deep-merge": {
+		description: "Props deep-merged with existing values.",
+		docsUrl: "https://inertiajs.com/merging-props"
+	},
+	prepend: {
+		description: "New items prepended to an existing array prop.",
+		docsUrl: "https://inertiajs.com/merging-props"
+	},
+	scroll: {
+		description: "Infinite-scroll merge metadata present on the page.",
+		docsUrl: "https://inertiajs.com/merging-props"
+	},
+	once: {
+		description: "Props resolved once and reused on later visits.",
+		docsUrl: "https://inertiajs.com/the-protocol"
+	},
+	encrypted: {
+		description: "History entry encrypted before storage.",
+		docsUrl: "https://inertiajs.com/history-encryption"
+	},
+	"clear-history": {
+		description: "Encrypted history state cleared on this visit.",
+		docsUrl: "https://inertiajs.com/history-encryption"
+	},
+	prefetch: {
+		description: "Response fetched ahead of navigation.",
+		docsUrl: "https://inertiajs.com/prefetching"
+	},
+	cached: {
+		description: "Served from the prefetch cache, no network request.",
+		docsUrl: "https://inertiajs.com/prefetching"
+	},
+	flash: {
+		description: "One-off flash data present on the page.",
+		docsUrl: "https://inertiajs.com/shared-data"
+	},
+	remember: {
+		description: "Local component state persisted across history.",
+		docsUrl: "https://inertiajs.com/remembering-state"
+	}
+};
+function X(e) {
+	return ce[e];
+}
+//#endregion
+//#region src/inertia/panel/FeatureBadges.vue?vue&type=script&setup=true&lang.ts
+var le = {
+	key: 0,
+	class: "sf-dt-badges"
+}, ue = [
+	"id",
+	"tabindex",
+	"aria-describedby"
+], de = ["id"], fe = ["href"], Z = /*#__PURE__*/ r(/* @__PURE__ */ _({
+	__name: "FeatureBadges",
+	props: { features: {} },
+	setup(e) {
+		return (t, n) => e.features.length ? (y(), p("div", le, [(y(!0), p(l, null, x(e.features, (e) => (y(), p("div", {
+			key: e.type,
+			class: "sf-dt-badge-wrap"
+		}, [m("span", {
+			id: `sf-dt-badge-${e.type}`,
+			class: v(["sf-dt-badge", { "is-expandable": w(X)(e.type) }]),
+			tabindex: w(X)(e.type) ? 0 : void 0,
+			"aria-describedby": w(X)(e.type) ? `sf-dt-badge-info-${e.type}` : void 0
+		}, C(e.label), 11, ue), w(X)(e.type) ? (y(), p("div", {
+			key: 0,
+			id: `sf-dt-badge-info-${e.type}`,
+			class: "sf-dt-badge-info",
+			role: "tooltip"
+		}, [m("p", null, C(w(X)(e.type)?.description), 1), m("a", {
+			class: "sf-dt-doclink",
+			href: w(X)(e.type)?.docsUrl,
+			target: "_blank",
+			rel: "noreferrer"
+		}, "Documentation", 8, fe)], 8, de)) : f("", !0)]))), 128))])) : f("", !0);
+	}
+}), [["__scopeId", "data-v-aa8d2e22"]]);
+//#endregion
+//#region src/inertia/core/response.ts
+function pe(e, t, n) {
+	return n.deepMergeProps?.includes(e) ? "deep-merged" : n.prependProps?.includes(e) ? "prepended" : n.mergeProps?.includes(e) ? "merged" : t.type === "deferred" ? "deferred" : t.type === "partial" && t.only?.includes(e) ? "partial" : "full";
+}
+function me(e) {
+	if (!e.responseProps) return null;
+	let t = e.page ?? {}, n = Object.entries(e.responseProps).map(([n, r]) => ({
+		key: n,
+		value: r,
+		kind: pe(n, e, t)
+	})), r = (e.only ?? []).filter((t) => !(t in e.responseProps)).map((e) => ({ key: e })), i = new Set(Object.keys(e.responseProps));
+	return {
+		entries: n,
+		missingOnly: r,
+		carriedOverCount: (e.previousPage ? Object.keys(e.previousPage.props) : []).filter((e) => !i.has(e)).length
+	};
+}
+//#endregion
+//#region src/inertia/panel/PropsDiff.vue?vue&type=script&setup=true&lang.ts
+var he = { class: "sf-dt-diff" }, ge = [
+	"role",
+	"tabindex",
+	"aria-expanded",
+	"onClick",
+	"onKeydown"
+], _e = { class: "sf-dt-diff-caret" }, ve = { class: "sf-dt-diff-key" }, ye = { class: "sf-dt-diff-old" }, be = { class: "sf-dt-diff-new" }, xe = { class: "sf-dt-diff-new" }, Se = { class: "sf-dt-diff-old" }, Ce = {
+	key: 3,
+	class: "sf-dt-diff-dim"
+}, we = {
+	key: 0,
+	class: "sf-dt-diff-sides"
+}, Te = {
+	key: 1,
+	class: "sf-dt-diff-side"
+}, Ee = /*#__PURE__*/ r(/* @__PURE__ */ _({
+	name: "PropsDiff",
+	__name: "PropsDiff",
+	props: {
+		before: {},
+		after: {},
+		nodesOverride: {}
+	},
+	setup(e) {
+		let n = e, r = u(() => n.nodesOverride ?? t(n.before, n.after));
+		function i(e) {
+			return typeof e == "object" && !!e;
+		}
+		function a(e) {
+			return !!e.children || i(e.oldValue) || i(e.newValue);
+		}
+		function o(e) {
+			return typeof e == "string" ? `"${e}"` : Array.isArray(e) ? `Array(${e.length})` : typeof e == "object" && e ? `{ ${Object.keys(e).length} }` : String(e);
+		}
+		function c(e) {
+			return e.type === "removed" ? e.oldValue : e.newValue;
+		}
+		function h(e) {
+			return Array.isArray(e) ? e.map((e, t) => [String(t), e]) : typeof e == "object" && e ? Object.entries(e) : [];
+		}
+		let _ = b(/* @__PURE__ */ new Set());
+		function w(e) {
+			return a(e) && _.value.has(e.key);
+		}
+		function T(e) {
+			if (!a(e)) return;
+			let t = new Set(_.value);
+			t.has(e.key) ? t.delete(e.key) : t.add(e.key), _.value = t;
+		}
+		return (e, t) => {
+			let n = S("PropsDiff", !0);
+			return y(), p("ul", he, [(y(!0), p(l, null, x(r.value, (e) => (y(), p("li", {
+				key: e.key,
+				class: v(`is-${e.type}`)
+			}, [m("div", {
+				class: "sf-dt-diff-row",
+				role: a(e) ? "button" : void 0,
+				tabindex: a(e) ? 0 : void 0,
+				"aria-expanded": a(e) ? w(e) : void 0,
+				onClick: (t) => T(e),
+				onKeydown: [O((t) => T(e), ["enter"]), O(k((t) => T(e), ["prevent"]), ["space"])]
+			}, [
+				m("span", _e, C(a(e) ? w(e) ? "▾" : "▸" : ""), 1),
+				m("span", ve, C(e.key) + ":", 1),
+				e.type === "changed" ? (y(), p(l, { key: 0 }, [
+					m("span", ye, C(o(e.oldValue)), 1),
+					t[0] ||= m("span", { class: "sf-dt-diff-arrow" }, "→", -1),
+					m("span", be, C(o(e.newValue)), 1)
+				], 64)) : e.type === "added" ? (y(), p(l, { key: 1 }, [t[1] ||= m("span", { class: "sf-dt-diff-marker is-added" }, "+", -1), m("span", xe, C(o(e.newValue)), 1)], 64)) : e.type === "removed" ? (y(), p(l, { key: 2 }, [t[2] ||= m("span", { class: "sf-dt-diff-marker is-removed" }, "−", -1), m("span", Se, C(o(e.oldValue)), 1)], 64)) : e.type === "unchanged" ? (y(), p("span", Ce, C(o(e.newValue)), 1)) : f("", !0)
+			], 40, ge), w(e) ? (y(), p(l, { key: 0 }, [e.type === "changed" && i(e.newValue) ? (y(), p("div", we, [g(s, {
+				label: "before",
+				value: e.oldValue
+			}, null, 8, ["value"]), g(s, {
+				label: "after",
+				value: e.newValue
+			}, null, 8, ["value"])])) : e.type !== "changed" && !e.children && i(c(e)) ? (y(), p("div", Te, [(y(!0), p(l, null, x(h(c(e)), ([e, t]) => (y(), d(s, {
+				key: e,
+				label: e,
+				value: t
+			}, null, 8, ["label", "value"]))), 128))])) : f("", !0), e.children ? (y(), d(n, {
+				key: 2,
+				class: "sf-dt-diff-nested",
+				"nodes-override": e.children
+			}, null, 8, ["nodes-override"])) : f("", !0)], 64)) : f("", !0)], 2))), 128))]);
+		};
+	}
+}), [["__scopeId", "data-v-41093886"]]), De = { class: "sf-dt-response-tab" }, Oe = { class: "sf-dt-response-head" }, ke = ["aria-pressed"], Ae = { class: "sf-dt-response-entries" }, je = { class: "sf-dt-badge" }, Me = {
+	key: 0,
+	class: "sf-dt-response-note is-warning"
+}, Ne = {
+	key: 1,
+	class: "sf-dt-response-note"
+}, Pe = {
+	key: 2,
+	class: "sf-dt-response-note"
+}, Fe = /*#__PURE__*/ r(/* @__PURE__ */ _({
+	__name: "ResponseTab",
+	props: { record: {} },
+	setup(e) {
+		let t = e, n = u(() => me(t.record)), r = b(!1), i = {
+			full: "FULL",
+			partial: "PARTIAL",
+			deferred: "DEFERRED",
+			merged: "MERGED",
+			prepended: "PREPENDED",
+			"deep-merged": "DEEP MERGED"
+		}, a = u(() => t.record.previousPage?.props), o = u(() => t.record.page?.props);
+		return (e, t) => (y(), p("div", De, [m("div", Oe, [t[1] ||= m("h4", { class: "sf-dt-heading" }, "Response", -1), m("button", {
+			class: "sf-dt-copy",
+			"aria-pressed": r.value,
+			onClick: t[0] ||= (e) => r.value = !r.value
+		}, C(r.value ? "Show response" : "Show changes since last page"), 9, ke)]), r.value ? (y(), d(Ee, {
+			key: 0,
+			before: a.value,
+			after: o.value
+		}, null, 8, ["before", "after"])) : n.value ? (y(), p(l, { key: 1 }, [
+			m("ul", Ae, [(y(!0), p(l, null, x(n.value.entries, (e) => (y(), p("li", {
+				key: e.key,
+				class: "sf-dt-response-entry"
+			}, [m("span", je, C(i[e.kind]), 1), g(s, {
+				label: e.key,
+				value: e.value
+			}, null, 8, ["label", "value"])]))), 128))]),
+			n.value.missingOnly.length ? (y(), p("p", Me, [t[2] ||= h(" Requested via `only` but not in the response: ", -1), (y(!0), p(l, null, x(n.value.missingOnly, (e) => (y(), p("code", { key: e.key }, C(e.key), 1))), 128))])) : f("", !0),
+			n.value.carriedOverCount ? (y(), p("p", Ne, C(n.value.carriedOverCount) + " prop" + C(n.value.carriedOverCount === 1 ? "" : "s") + " carried over from the previous page, not part of this response. ", 1)) : f("", !0)
+		], 64)) : (y(), p("p", Pe, " No response body captured for this request. This happens when Inertia's internal interceptor registry isn't available (a production build, or an Inertia version that removed it). "))]));
+	}
+}), [["__scopeId", "data-v-0ed3262b"]]), Ie = { class: "sf-dt-headers-tab" }, Le = {
+	key: 0,
+	class: "sf-dt-section"
+}, Re = {
+	key: 1,
+	class: "sf-dt-section"
+}, ze = {
+	key: 2,
+	class: "sf-dt-muted"
+}, Be = /*#__PURE__*/ r(/* @__PURE__ */ _({
+	__name: "HeadersTab",
+	props: { record: {} },
+	setup(e) {
+		return (t, n) => (y(), p("div", Ie, [
+			e.record.headers && Object.keys(e.record.headers).length ? (y(), p("section", Le, [n[0] ||= m("h4", { class: "sf-dt-heading" }, "Request headers", -1), g(o, { headers: e.record.headers }, null, 8, ["headers"])])) : f("", !0),
+			e.record.responseHeaders && Object.keys(e.record.responseHeaders).length ? (y(), p("section", Re, [n[1] ||= m("h4", { class: "sf-dt-heading" }, "Response headers", -1), g(o, { headers: e.record.responseHeaders }, null, 8, ["headers"])])) : f("", !0),
+			!Object.keys(e.record.headers ?? {}).length && !Object.keys(e.record.responseHeaders ?? {}).length ? (y(), p("p", ze, " No headers captured for this request. ")) : f("", !0)
+		]));
+	}
+}), [["__scopeId", "data-v-adcd65ef"]]), Ve = { class: "sf-dt-network-tab" }, He = { class: "sf-dt-section" }, Ue = { class: "sf-dt-kv" }, We = { class: "sf-dt-section" }, Ge = {
+	key: 0,
+	class: "sf-dt-kv"
+}, Ke = {
+	key: 1,
+	class: "sf-dt-muted"
+}, qe = /*#__PURE__*/ r(/* @__PURE__ */ _({
+	__name: "NetworkTab",
+	props: { record: {} },
+	setup(e) {
+		let t = e, n = u(() => typeof t.record.visitOptions?.errorBag == "string" ? t.record.visitOptions.errorBag : void 0), r = u(() => Array.isArray(t.record.visitOptions?.reset) ? t.record.visitOptions.reset : void 0);
+		function i(e) {
+			return e && e.length ? e.join(", ") : "—";
+		}
+		return (t, a) => (y(), p("div", Ve, [
+			m("section", He, [a[6] ||= m("h4", { class: "sf-dt-heading" }, "Protocol", -1), m("dl", Ue, [
+				a[0] ||= m("dt", null, "Type", -1),
+				m("dd", null, C(e.record.type), 1),
+				a[1] ||= m("dt", null, "Asset version", -1),
+				m("dd", null, C(e.record.page?.version ?? "—"), 1),
+				a[2] ||= m("dt", null, "Only", -1),
+				m("dd", null, C(i(e.record.only)), 1),
+				a[3] ||= m("dt", null, "Except", -1),
+				m("dd", null, C(i(e.record.except)), 1),
+				a[4] ||= m("dt", null, "Error bag", -1),
+				m("dd", null, C(n.value ?? "—"), 1),
+				a[5] ||= m("dt", null, "Reset", -1),
+				m("dd", null, C(i(r.value)), 1)
+			])]),
+			m("section", We, [a[11] ||= m("h4", { class: "sf-dt-heading" }, "Timing", -1), e.record.network ? (y(), p("dl", Ge, [
+				a[7] ||= m("dt", null, "Duration", -1),
+				m("dd", null, C(Math.round(e.record.network.duration)) + "ms", 1),
+				a[8] ||= m("dt", null, "Transfer", -1),
+				m("dd", null, C(e.record.network.transferSize ?? 0) + " B", 1),
+				a[9] ||= m("dt", null, "Started", -1),
+				m("dd", null, C(Math.round(e.record.network.startedAt)), 1),
+				a[10] ||= m("dt", null, "Finished", -1),
+				m("dd", null, C(Math.round(e.record.network.finishedAt)), 1)
+			])) : (y(), p("p", Ke, " No network timing (cache hit or client visit) "))]),
+			a[12] ||= m("a", {
+				class: "sf-dt-doclink",
+				href: "https://inertiajs.com/the-protocol",
+				target: "_blank",
+				rel: "noreferrer"
+			}, " Inertia protocol reference ", -1)
+		]));
+	}
+}), [["__scopeId", "data-v-d3e4f52b"]]), Je = /* @__PURE__ */ new Set([
+	"inertia:before",
+	"inertia:start",
+	"inertia:success",
+	"inertia:error",
+	"inertia:networkError",
+	"inertia:httpException",
+	"inertia:navigate",
+	"inertia:finish"
+]);
+function Ye(e) {
+	if (e === "inertia:success") return "success";
+	if (e === "inertia:error" || e === "inertia:networkError" || e === "inertia:httpException") return "error";
+}
+function Xe(e) {
+	if (e.length === 0) return [];
+	let t = e[0].timestamp, n = [], r;
+	for (let i of e) {
+		if (!Je.has(i.name)) continue;
+		let e = Ye(i.name);
+		e && (r = e), n.push({
+			name: i.name.replace("inertia:", ""),
+			offset: `+${Math.round(i.timestamp - t)}ms`,
+			terminal: e
+		});
+	}
+	let i = n.at(-1);
+	return r && i && (i.terminal = r), n;
+}
+//#endregion
+//#region src/inertia/panel/EventsTab.vue?vue&type=script&setup=true&lang.ts
+var Ze = { class: "sf-dt-events-tab" }, Qe = {
+	key: 0,
+	class: "sf-dt-section"
+}, $e = { class: "sf-dt-timeline" }, et = { class: "sf-dt-timeline-name" }, tt = { class: "sf-dt-timeline-offset" }, nt = { class: "sf-dt-section" }, rt = { class: "sf-dt-raw-events" }, it = /*#__PURE__*/ r(/* @__PURE__ */ _({
+	__name: "EventsTab",
+	props: { record: {} },
+	setup(e) {
+		let t = e, n = u(() => Xe(t.record.events));
+		return (t, r) => (y(), p("div", Ze, [n.value.length ? (y(), p("section", Qe, [r[0] ||= m("h4", { class: "sf-dt-heading" }, "Lifecycle", -1), m("ol", $e, [(y(!0), p(l, null, x(n.value, (e, t) => (y(), p("li", {
+			key: t,
+			class: v(["sf-dt-timeline-step", e.terminal ? `is-${e.terminal}` : ""])
+		}, [m("span", et, C(e.name), 1), m("span", tt, C(e.offset), 1)], 2))), 128))])])) : f("", !0), m("section", nt, [r[1] ||= m("h4", { class: "sf-dt-heading" }, "Events", -1), m("ul", rt, [(y(!0), p(l, null, x(e.record.events, (e) => (y(), p("li", { key: e.id }, [g(s, {
+			label: e.name,
+			value: e.detail
+		}, null, 8, ["label", "value"])]))), 128))])])]));
+	}
+}), [["__scopeId", "data-v-d5ca53d0"]]);
+//#endregion
+//#region src/inertia/core/markdown.ts
+function Q(e, t) {
+	return `### ${e}\n\n\`\`\`json\n${JSON.stringify(t, null, 2)}\n\`\`\``;
+}
+function at(e) {
+	let t = e.method ?? "GET", n = e.type === "full" && e.duration === 0 && e.completed, r = e.type === "client", i;
+	i = n ? "initial page load" : r ? "client-side" : e.duration == null ? e.finishedAt && e.startedAt ? `${Math.round(e.finishedAt - e.startedAt)}ms` : "in-flight" : `${Math.round(e.duration)}ms`;
+	let a = `${t} ${e.url}`;
+	e.status && (a += ` → ${e.status}`), a += ` (${i})`;
+	let o = [
+		"## Inertia Request",
+		"",
+		`**Navigation:** ${a}`
+	];
+	if (e.page && o.push(`**Component:** ${e.page.component}`), o.push(`**Type:** ${e.type}`), e.only?.length) {
+		let t = e.only.map((e) => `\`${e}\``).join(", ");
+		o.push(`**Only:** ${t}`);
+	}
+	if (e.except?.length) {
+		let t = e.except.map((e) => `\`${e}\``).join(", ");
+		o.push(`**Except:** ${t}`);
+	}
+	return e.cancelled && o.push("**Cancelled:** Yes"), e.interrupted && o.push("**Interrupted:** Yes"), o.join("\n");
+}
+function ot(e) {
+	let t = [at(e)];
+	if (e.features.length > 0) {
+		let n = e.features.map((e) => {
+			let t = X(e.type), n = t ? ` — ${t.description}` : "";
+			return `- **${e.type}**${n}`;
+		});
+		t.push(`### Features\n\n${n.join("\n")}`);
+	}
+	return e.error && t.push(`### Error\n\n\`\`\`\n${String(e.error)}\n\`\`\``), e.page && t.push(`### Page Object\n\n\`\`\`json\n${JSON.stringify(e.page, null, 2)}\n\`\`\``), e.headers && Object.keys(e.headers).length > 0 && t.push(Q("Request headers", e.headers)), e.responseHeaders && Object.keys(e.responseHeaders).length > 0 && t.push(Q("Response headers", e.responseHeaders)), t.join("\n\n");
+}
+//#endregion
+//#region src/inertia/panel/RequestDetail.vue?vue&type=script&setup=true&lang.ts
+var st = { class: "sf-dt-detail" }, ct = { class: "sf-dt-detail-head" }, lt = {
+	key: 0,
+	class: "sf-dt-toast",
+	role: "status"
+}, ut = { class: "sf-dt-overview" }, dt = {
+	key: 0,
+	class: "sf-dt-no-network"
+}, ft = {
+	key: 1,
+	class: "sf-dt-diags"
+}, $ = {
+	class: "sf-dt-subtabs",
+	role: "tablist",
+	"aria-label": "Request detail views"
+}, pt = [
+	"id",
+	"aria-selected",
+	"onClick"
+], mt = ["aria-labelledby"], ht = /*#__PURE__*/ r(/* @__PURE__ */ _({
+	__name: "RequestDetail",
+	props: { record: {} },
+	emits: ["back"],
+	setup(e) {
+		let t = e, n = [
+			"response",
+			"headers",
+			"network",
+			"events"
+		], r = b("response");
+		D(() => t.record.visitId, () => {
+			r.value = "response";
+		});
+		let i = u(() => r.value === "network" || t.record.network ? null : t.record.type === "client" ? "Client-side visit. No network request sent, so it never appears in the Network tab." : t.record.features.some((e) => e.type === "cached") ? "Served from the prefetch cache. No network request sent, so it never appears in the Network tab." : "No network request captured for this visit (for example the initial page load, embedded in the HTML).");
+		function a(e) {
+			return e === "error" ? "is-error" : e === "warning" ? "is-warning" : "is-info";
+		}
+		let o = b(null), s;
+		function h() {
+			c(ot(t.record)), o.value = "Copied", clearTimeout(s), s = setTimeout(() => {
+				o.value = null;
+			}, 2e3);
+		}
+		return (t, s) => (y(), p("div", st, [
+			m("div", ct, [
+				m("button", {
+					class: "sf-dt-copy sf-dt-back",
+					onClick: s[0] ||= (e) => t.$emit("back")
+				}, " ← Back "),
+				m("button", {
+					class: "sf-dt-copy",
+					onClick: h
+				}, "Copy as Markdown"),
+				o.value ? (y(), p("span", lt, C(o.value), 1)) : f("", !0)
+			]),
+			m("section", ut, [m("dl", null, [
+				s[5] ||= m("dt", null, "Method", -1),
+				m("dd", null, C(e.record.method), 1),
+				s[6] ||= m("dt", null, "URL", -1),
+				m("dd", null, C(e.record.url), 1),
+				s[7] ||= m("dt", null, "Type", -1),
+				m("dd", null, C(e.record.type), 1),
+				e.record.status ? (y(), p(l, { key: 0 }, [s[1] ||= m("dt", null, "Status", -1), m("dd", null, C(e.record.status), 1)], 64)) : f("", !0),
+				e.record.redirectUrl ? (y(), p(l, { key: 1 }, [s[2] ||= m("dt", null, "Redirect", -1), m("dd", null, C(e.record.redirectUrl), 1)], 64)) : f("", !0),
+				e.record.page ? (y(), p(l, { key: 2 }, [s[3] ||= m("dt", null, "Component", -1), m("dd", null, C(e.record.page.component), 1)], 64)) : f("", !0),
+				e.record.duration == null ? f("", !0) : (y(), p(l, { key: 3 }, [s[4] ||= m("dt", null, "Duration", -1), m("dd", null, C(Math.round(e.record.duration)) + "ms", 1)], 64))
+			])]),
+			s[9] ||= m("hr", { class: "sf-dt-meta-divider" }, null, -1),
+			i.value ? (y(), p("p", dt, C(i.value), 1)) : f("", !0),
+			g(Z, { features: e.record.features }, null, 8, ["features"]),
+			e.record.diagnostics.length ? (y(), p("section", ft, [s[8] ||= m("h4", { class: "sf-dt-heading" }, "Diagnostics", -1), m("ul", null, [(y(!0), p(l, null, x(e.record.diagnostics, (e) => (y(), p("li", {
+				key: e.id,
+				class: v(a(e.severity))
+			}, C(e.message), 3))), 128))])])) : f("", !0),
+			m("nav", $, [(y(), p(l, null, x(n, (e) => m("button", {
+				id: `sf-dt-subtab-${e}`,
+				key: e,
+				class: v(["sf-dt-subtab", { "is-active": r.value === e }]),
+				role: "tab",
+				"aria-selected": r.value === e,
+				"aria-controls": "sf-dt-subtabpanel",
+				onClick: (t) => r.value = e
+			}, C(e), 11, pt)), 64))]),
+			m("div", {
+				id: "sf-dt-subtabpanel",
+				class: "sf-dt-tabpanel",
+				role: "tabpanel",
+				"aria-labelledby": `sf-dt-subtab-${r.value}`
+			}, [r.value === "response" ? (y(), d(Fe, {
+				key: 0,
+				record: e.record
+			}, null, 8, ["record"])) : r.value === "headers" ? (y(), d(Be, {
+				key: 1,
+				record: e.record
+			}, null, 8, ["record"])) : r.value === "network" ? (y(), d(qe, {
+				key: 2,
+				record: e.record
+			}, null, 8, ["record"])) : (y(), d(it, {
+				key: 3,
+				record: e.record
+			}, null, 8, ["record"]))], 8, mt)
+		]));
+	}
+}), [["__scopeId", "data-v-4942f037"]]), gt = { class: "sf-devtools" }, _t = {
+	class: "sf-dt-tabs",
+	role: "tablist",
+	"aria-label": "Inertia panel views"
+}, vt = ["aria-selected"], yt = ["aria-selected"], bt = ["aria-pressed"], xt = {
+	key: 1,
+	class: "sf-dt-empty"
+}, St = {
+	key: 1,
+	id: "sf-dt-tabpanel-inertia",
+	class: "sf-dt-body sf-dt-page",
+	role: "tabpanel",
+	"aria-labelledby": "sf-dt-tab-page"
+}, Ct = {
+	key: 0,
+	class: "sf-dt-page-inner"
+}, wt = {
+	key: 1,
+	class: "sf-dt-empty"
+}, Tt = /*#__PURE__*/ r(/* @__PURE__ */ _({
+	__name: "App",
+	setup(t) {
+		let n = i(), r = b(A("inertia-devtools-tab", "requests", ["requests", "page"]));
+		D(r, (e) => j("inertia-devtools-tab", e));
+		let o = u(() => n.value?.paused ?? !1);
+		function c() {
+			let e = a();
+			e && e.setPaused(!e.paused);
+		}
+		let l = b(null), f = u(() => n.value?.requests ?? []), h = u(() => n.value?.currentPage ?? null), _ = u(() => f.value.find((e) => e.visitId === l.value) ?? null), x = u(() => {
+			let t = h.value;
+			return t ? e(t) : [];
+		}), S = T("requestList");
+		function w() {
+			a()?.clear(), l.value = null, S.value?.focus();
+		}
+		function E() {
+			l.value = null;
+		}
+		return (e, t) => (y(), p("div", gt, [m("nav", _t, [
+			m("button", {
+				id: "sf-dt-tab-requests",
+				class: v(["sf-dt-tab", { "is-active": r.value === "requests" }]),
+				role: "tab",
+				"aria-selected": r.value === "requests",
+				"aria-controls": "sf-dt-tabpanel-inertia",
+				onClick: t[0] ||= (e) => r.value = "requests"
+			}, " Requests ", 10, vt),
+			m("button", {
+				id: "sf-dt-tab-page",
+				class: v(["sf-dt-tab", { "is-active": r.value === "page" }]),
+				role: "tab",
+				"aria-selected": r.value === "page",
+				"aria-controls": "sf-dt-tabpanel-inertia",
+				onClick: t[1] ||= (e) => r.value = "page"
+			}, " Page ", 10, yt),
+			m("button", {
+				class: "sf-dt-tab sf-dt-tabs-spacer",
+				"aria-pressed": o.value,
+				onClick: c
+			}, C(o.value ? "Resume" : "Pause"), 9, bt),
+			m("button", {
+				class: "sf-dt-tab sf-dt-tabs-clear",
+				onClick: w
+			}, "Clear")
+		]), r.value === "requests" ? (y(), p("div", {
+			key: 0,
+			id: "sf-dt-tabpanel-inertia",
+			class: v(["sf-dt-body", { "has-selection": _.value }]),
+			role: "tabpanel",
+			"aria-labelledby": "sf-dt-tab-requests"
+		}, [g(se, {
+			ref_key: "requestList",
+			ref: S,
+			requests: f.value,
+			"selected-id": l.value,
+			paused: o.value,
+			onSelect: t[2] ||= (e) => l.value = e
+		}, null, 8, [
+			"requests",
+			"selected-id",
+			"paused"
+		]), _.value ? (y(), d(ht, {
+			key: 0,
+			record: _.value,
+			onBack: E
+		}, null, 8, ["record"])) : (y(), p("div", xt, "Select a request to inspect it"))], 2)) : (y(), p("div", St, [h.value ? (y(), p("div", Ct, [g(Z, { features: x.value }, null, 8, ["features"]), g(s, {
+			label: "props",
+			value: h.value.props
+		}, null, 8, ["value"])])) : (y(), p("div", wt, "No page captured yet"))]))]));
+	}
+}), [["__scopeId", "data-v-2c4fa9e7"]]);
+//#endregion
+//#region src/inertia/panel/renderer.ts
+function Et(e) {
+	n(e, Tt);
+}
+//#endregion
+export { Et as default };