@scayle/storefront-devtools 0.2.0-alpha.1 → 0.2.0-alpha.2

package/dist/inertia/renderer/index.mjs

@@ -1,771 +0,0 @@
-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 };