@mcp-use/inspector 20.0.0-beta.6 → 20.0.0-beta.8

package/dist/cdn/{react-BLtCruam.js → react-Bl-hSkvn.js}

@@ -1,5 +1,5 @@
 import { a as e, s as t, t as n } from "./react-BIs9pQ3H.js";
-import { A as r, C as i, D as a, E as o, I as s, M as c, N as l, O as u, P as d, S as f, T as p, _ as m, a as h, b as g, c as _, d as v, f as ee, g as te, h as y, i as b, j as x, k as S, l as C, m as ne, n as w, o as T, p as E, r as re, s as ie, t as ae, v as D, w as O, x as oe, y as k } from "./cfWorker-Bxcs9rNe.js";
+import { A as r, C as i, D as a, E as o, I as s, M as c, N as l, O as u, P as d, S as f, T as p, _ as m, a as h, b as g, c as _, d as v, f as ee, g as te, h as y, i as b, j as x, k as S, l as C, m as ne, n as w, o as re, p as T, r as E, s as ie, t as ae, v as D, w as O, x as oe, y as k } from "./cfWorker-Bxcs9rNe.js";
 //#region ../../node_modules/.pnpm/@modelcontextprotocol+core@2.0.0-beta.4/node_modules/@modelcontextprotocol/core/dist/auth-DFgbUATV.mjs
 var A = /* @__PURE__ */ t(n(), 1), se = "io.modelcontextprotocol/related-task", j = "io.modelcontextprotocol/subscriptionId", M = oe(() => x([
 	r(),
@@ -10,93 +10,93 @@ var A = /* @__PURE__ */ t(n(), 1), se = "io.modelcontextprotocol/related-task",
 	m(M)
 ])), N = S(r(), M);
 m(M);
-var ce = x([r(), p().int()]), P = r(), le = o({ ttl: p().optional() }), ue = o({ taskId: r() }), de = i({
-	progressToken: ce.optional(),
+var P = x([r(), p().int()]), ce = r(), le = o({ ttl: p().optional() }), ue = o({ taskId: r() }), F = i({
+	progressToken: P.optional(),
 	[se]: ue.optional()
-}), F = o({ _meta: de.optional() }), fe = F.extend({ task: le.optional() }), I = o({
+}), I = o({ _meta: F.optional() }), de = I.extend({ task: le.optional() }), L = o({
 	method: r(),
-	params: F.loose().optional()
-}), L = o({ _meta: de.optional() }), R = o({
+	params: I.loose().optional()
+}), R = o({ _meta: F.optional() }), z = o({
 	method: r(),
-	params: L.loose().optional()
-}), z = i({ _meta: de.optional() }), pe = x([r(), p().int()]), me = o({
+	params: R.loose().optional()
+}), B = i({ _meta: F.optional() }), fe = x([r(), p().int()]), V = o({
 	jsonrpc: f("2.0"),
-	id: pe,
-	...I.shape
-}).strict(), he = o({
+	id: fe,
+	...L.shape
+}).strict(), pe = o({
 	jsonrpc: f("2.0"),
-	...R.shape
-}).strict(), ge = o({
+	...z.shape
+}).strict(), me = o({
 	jsonrpc: f("2.0"),
-	id: pe,
-	result: z
-}).strict(), _e = o({
+	id: fe,
+	result: B
+}).strict(), he = o({
 	jsonrpc: f("2.0"),
-	id: pe.optional(),
+	id: fe.optional(),
 	error: o({
 		code: p().int(),
 		message: r(),
 		data: c().optional()
 	})
-}).strict(), ve = x([
+}).strict(), ge = x([
+	V,
+	pe,
 	me,
-	he,
-	ge,
-	_e
+	he
 ]);
-x([ge, _e]);
-var ye = z.strict(), be = L.extend({
-	requestId: pe.optional(),
+x([me, he]);
+var _e = B.strict(), ve = R.extend({
+	requestId: fe.optional(),
 	reason: r().optional()
-}), xe = R.extend({
+}), ye = z.extend({
 	method: f("notifications/cancelled"),
-	params: be
-}), Se = o({ icons: m(o({
+	params: ve
+}), be = o({ icons: m(o({
 	src: r(),
 	mimeType: r().optional(),
 	sizes: m(r()).optional(),
-	theme: E(["light", "dark"]).optional()
-})).optional() }), Ce = o({
+	theme: T(["light", "dark"]).optional()
+})).optional() }), xe = o({
 	name: r(),
 	title: r().optional()
-}), B = Ce.extend({
-	...Ce.shape,
-	...Se.shape,
+}), Se = xe.extend({
+	...xe.shape,
+	...be.shape,
 	version: r(),
 	websiteUrl: r().optional(),
 	description: r().optional()
-}), we = u((e) => e && typeof e == "object" && !Array.isArray(e) && Object.keys(e).length === 0 ? { form: {} } : e, g(o({
+}), Ce = u((e) => e && typeof e == "object" && !Array.isArray(e) && Object.keys(e).length === 0 ? { form: {} } : e, g(o({
 	form: g(o({ applyDefaults: D().optional() }), N).optional(),
 	url: N.optional()
-}), N.optional())), Te = i({
+}), N.optional())), we = i({
 	list: N.optional(),
 	cancel: N.optional(),
 	requests: i({
 		sampling: i({ createMessage: N.optional() }).optional(),
 		elicitation: i({ create: N.optional() }).optional()
 	}).optional()
-}), Ee = i({
+}), Te = i({
 	list: N.optional(),
 	cancel: N.optional(),
 	requests: i({ tools: i({ call: N.optional() }).optional() }).optional()
-}), De = o({
+}), H = o({
 	experimental: S(r(), N).optional(),
 	sampling: o({
 		context: N.optional(),
 		tools: N.optional()
 	}).optional(),
-	elicitation: we.optional(),
+	elicitation: Ce.optional(),
 	roots: o({ listChanged: D().optional() }).optional(),
-	tasks: Te.optional(),
+	tasks: we.optional(),
 	extensions: S(r(), N).optional()
-}), Oe = F.extend({
+}), Ee = I.extend({
 	protocolVersion: r(),
-	capabilities: De,
-	clientInfo: B
-}), ke = I.extend({
+	capabilities: H,
+	clientInfo: Se
+}), De = L.extend({
 	method: f("initialize"),
-	params: Oe
-}), Ae = o({
+	params: Ee
+}), Oe = o({
 	experimental: S(r(), N).optional(),
 	logging: N.optional(),
 	completions: N.optional(),
@@ -106,79 +106,79 @@ var ye = z.strict(), be = L.extend({
 		listChanged: D().optional()
 	}).optional(),
 	tools: o({ listChanged: D().optional() }).optional(),
-	tasks: Ee.optional(),
+	tasks: Te.optional(),
 	extensions: S(r(), N).optional()
-}), V = z.extend({
+}), ke = B.extend({
 	protocolVersion: r(),
-	capabilities: Ae,
-	serverInfo: B,
+	capabilities: Oe,
+	serverInfo: Se,
 	instructions: r().optional()
-}), je = R.extend({
+}), Ae = z.extend({
 	method: f("notifications/initialized"),
-	params: L.optional()
-}), Me = I.extend({
+	params: R.optional()
+}), je = L.extend({
 	method: f("server/discover"),
-	params: F.optional()
-}), Ne = z.extend({
+	params: I.optional()
+}), Me = B.extend({
 	supportedVersions: m(r()),
-	capabilities: Ae,
-	serverInfo: B,
+	capabilities: Oe,
+	serverInfo: Se,
 	instructions: r().optional()
-}), Pe = I.extend({
+}), Ne = L.extend({
 	method: f("ping"),
-	params: F.optional()
-}), Fe = o({
+	params: I.optional()
+}), Pe = o({
 	progress: p(),
 	total: a(p()),
 	message: a(r())
-}), H = o({
-	...L.shape,
-	...Fe.shape,
-	progressToken: ce
-}), Ie = R.extend({
+}), U = o({
+	...R.shape,
+	...Pe.shape,
+	progressToken: P
+}), Fe = z.extend({
 	method: f("notifications/progress"),
-	params: H
-}), Le = F.extend({ cursor: P.optional() }), U = I.extend({ params: Le.optional() }), Re = z.extend({ nextCursor: P.optional() }), W = o({
+	params: U
+}), Ie = I.extend({ cursor: ce.optional() }), W = L.extend({ params: Ie.optional() }), Le = B.extend({ nextCursor: ce.optional() }), G = o({
 	uri: r(),
 	mimeType: a(r()),
 	_meta: S(r(), c()).optional()
-}), ze = W.extend({ text: r() }), G = r().refine((e) => {
+}), Re = G.extend({ text: r() }), K = r().refine((e) => {
 	try {
 		return atob(e), !0;
 	} catch {
 		return !1;
 	}
-}, { message: "Invalid Base64 string" }), K = W.extend({ blob: G }), Be = E(["user", "assistant"]), Ve = o({
-	audience: m(Be).optional(),
+}, { message: "Invalid Base64 string" }), q = G.extend({ blob: K }), ze = T(["user", "assistant"]), Be = o({
+	audience: m(ze).optional(),
 	priority: p().min(0).max(1).optional(),
 	lastModified: d({ offset: !0 }).optional()
-}), He = o({
-	...Ce.shape,
-	...Se.shape,
+}), Ve = o({
+	...xe.shape,
+	...be.shape,
 	uri: r(),
 	description: a(r()),
 	mimeType: a(r()),
 	size: a(p()),
-	annotations: Ve.optional(),
+	annotations: Be.optional(),
 	_meta: a(i({}))
-}), Ue = o({
-	...Ce.shape,
-	...Se.shape,
+}), He = o({
+	...xe.shape,
+	...be.shape,
 	uriTemplate: r(),
 	description: a(r()),
 	mimeType: a(r()),
-	annotations: Ve.optional(),
+	annotations: Be.optional(),
 	_meta: a(i({}))
-}), We = U.extend({ method: f("resources/list") }), q = Re.extend({ resources: m(He) }), Ge = U.extend({ method: f("resources/templates/list") }), Ke = Re.extend({ resourceTemplates: m(Ue) }), qe = F.extend({ uri: r() }), Je = qe, Ye = I.extend({
+}), Ue = W.extend({ method: f("resources/list") }), We = Le.extend({ resources: m(Ve) }), Ge = W.extend({ method: f("resources/templates/list") }), Ke = Le.extend({ resourceTemplates: m(He) }), qe = I.extend({ uri: r() }), Je = qe, Ye = L.extend({
 	method: f("resources/read"),
 	params: Je
-}), Xe = z.extend({ contents: m(x([ze, K])) }), Ze = R.extend({
+}), Xe = B.extend({ contents: m(x([Re, q])) }), Ze = z.extend({
 	method: f("notifications/resources/list_changed"),
-	params: L.optional()
-}), Qe = qe, $e = I.extend({
+	params: R.optional()
+}), Qe = qe, $e = L.extend({
 	method: f("resources/subscribe"),
 	params: Qe
-}), et = qe, tt = I.extend({
+}), et = qe, tt = L.extend({
 	method: f("resources/unsubscribe"),
 	params: et
 }), nt = o({
@@ -186,13 +186,13 @@ var ye = z.strict(), be = L.extend({
 	promptsListChanged: D().optional(),
 	resourcesListChanged: D().optional(),
 	resourceSubscriptions: m(r()).optional()
-}), J = F.extend({ notifications: nt }), rt = I.extend({
+}), J = I.extend({ notifications: nt }), rt = L.extend({
 	method: f("subscriptions/listen"),
 	params: J
-}), it = L.extend({ notifications: nt }), Y = R.extend({
+}), it = R.extend({ notifications: nt }), Y = z.extend({
 	method: f("notifications/subscriptions/acknowledged"),
 	params: it
-}), at = i({ [j]: pe }), ot = z.extend({ _meta: at }), st = L.extend({ uri: r() }), ct = R.extend({
+}), at = i({ [j]: fe }), ot = B.extend({ _meta: at }), st = R.extend({ uri: r() }), ct = z.extend({
 	method: f("notifications/resources/updated"),
 	params: st
 }), lt = o({
@@ -200,33 +200,33 @@ var ye = z.strict(), be = L.extend({
 	description: a(r()),
 	required: a(D())
 }), ut = o({
-	...Ce.shape,
-	...Se.shape,
+	...xe.shape,
+	...be.shape,
 	description: a(r()),
 	arguments: a(m(lt)),
 	_meta: a(i({}))
-}), dt = U.extend({ method: f("prompts/list") }), ft = Re.extend({ prompts: m(ut) }), pt = F.extend({
+}), dt = W.extend({ method: f("prompts/list") }), ft = Le.extend({ prompts: m(ut) }), pt = I.extend({
 	name: r(),
 	arguments: S(r(), r()).optional()
-}), mt = I.extend({
+}), mt = L.extend({
 	method: f("prompts/get"),
 	params: pt
 }), ht = o({
 	type: f("text"),
 	text: r(),
-	annotations: Ve.optional(),
+	annotations: Be.optional(),
 	_meta: S(r(), c()).optional()
 }), gt = o({
 	type: f("image"),
-	data: G,
+	data: K,
 	mimeType: r(),
-	annotations: Ve.optional(),
+	annotations: Be.optional(),
 	_meta: S(r(), c()).optional()
 }), _t = o({
 	type: f("audio"),
-	data: G,
+	data: K,
 	mimeType: r(),
-	annotations: Ve.optional(),
+	annotations: Be.optional(),
 	_meta: S(r(), c()).optional()
 }), vt = o({
 	type: f("tool_use"),
@@ -236,37 +236,37 @@ var ye = z.strict(), be = L.extend({
 	_meta: S(r(), c()).optional()
 }), yt = o({
 	type: f("resource"),
-	resource: x([ze, K]),
-	annotations: Ve.optional(),
+	resource: x([Re, q]),
+	annotations: Be.optional(),
 	_meta: S(r(), c()).optional()
-}), bt = He.extend({ type: f("resource_link") }), xt = x([
+}), bt = Ve.extend({ type: f("resource_link") }), xt = x([
 	ht,
 	gt,
 	_t,
 	bt,
 	yt
 ]), St = o({
-	role: Be,
+	role: ze,
 	content: xt
-}), Ct = z.extend({
+}), Ct = B.extend({
 	description: r().optional(),
 	messages: m(St)
-}), wt = R.extend({
+}), wt = z.extend({
 	method: f("notifications/prompts/list_changed"),
-	params: L.optional()
+	params: R.optional()
 }), Tt = o({
 	title: r().optional(),
 	readOnlyHint: D().optional(),
 	destructiveHint: D().optional(),
 	idempotentHint: D().optional(),
 	openWorldHint: D().optional()
-}), Et = o({ taskSupport: E([
+}), Et = o({ taskSupport: T([
 	"required",
 	"optional",
 	"forbidden"
 ]).optional() }), Dt = o({
-	...Ce.shape,
-	...Se.shape,
+	...xe.shape,
+	...be.shape,
 	description: r().optional(),
 	inputSchema: o({
 		type: f("object"),
@@ -277,27 +277,27 @@ var ye = z.strict(), be = L.extend({
 	annotations: Tt.optional(),
 	execution: Et.optional(),
 	_meta: S(r(), c()).optional()
-}), Ot = U.extend({ method: f("tools/list") }), kt = Re.extend({ tools: m(Dt) }), At = z.extend({
+}), Ot = W.extend({ method: f("tools/list") }), kt = Le.extend({ tools: m(Dt) }), At = B.extend({
 	content: m(xt).default([]),
 	structuredContent: c().optional(),
 	isError: D().optional()
 });
-At.or(z.extend({ toolResult: c() }));
-var jt = fe.extend({
+At.or(B.extend({ toolResult: c() }));
+var jt = de.extend({
 	name: r(),
 	arguments: S(r(), c()).optional()
-}), Mt = I.extend({
+}), Mt = L.extend({
 	method: f("tools/call"),
 	params: jt
-}), Nt = R.extend({
+}), Nt = z.extend({
 	method: f("notifications/tools/list_changed"),
-	params: L.optional()
+	params: R.optional()
 });
 o({
 	autoRefresh: D().default(!0),
 	debounceMs: p().int().nonnegative().default(300)
 });
-var Pt = E([
+var Pt = T([
 	"debug",
 	"info",
 	"notice",
@@ -306,14 +306,14 @@ var Pt = E([
 	"critical",
 	"alert",
 	"emergency"
-]), Ft = F.extend({ level: Pt }), It = I.extend({
+]), Ft = I.extend({ level: Pt }), It = L.extend({
 	method: f("logging/setLevel"),
 	params: Ft
-}), Lt = L.extend({
+}), Lt = R.extend({
 	level: Pt,
 	logger: r().optional(),
 	data: c()
-}), Rt = R.extend({
+}), Rt = z.extend({
 	method: f("notifications/message"),
 	params: Lt
 }), zt = o({
@@ -321,7 +321,7 @@ var Pt = E([
 	costPriority: p().min(0).max(1).optional(),
 	speedPriority: p().min(0).max(1).optional(),
 	intelligencePriority: p().min(0).max(1).optional()
-}), Bt = o({ mode: E([
+}), Bt = o({ mode: T([
 	"auto",
 	"required",
 	"none"
@@ -343,14 +343,14 @@ var Pt = E([
 	vt,
 	Vt
 ]), Wt = o({
-	role: Be,
+	role: ze,
 	content: x([Ut, m(Ut)]),
 	_meta: S(r(), c()).optional()
-}), Gt = fe.extend({
+}), Gt = de.extend({
 	messages: m(Wt),
 	modelPreferences: zt.optional(),
 	systemPrompt: r().optional(),
-	includeContext: E([
+	includeContext: T([
 		"none",
 		"thisServer",
 		"allServers"
@@ -361,27 +361,27 @@ var Pt = E([
 	metadata: N.optional(),
 	tools: m(Dt).optional(),
 	toolChoice: Bt.optional()
-}), Kt = I.extend({
+}), Kt = L.extend({
 	method: f("sampling/createMessage"),
 	params: Gt
-}), qt = z.extend({
+}), qt = B.extend({
 	model: r(),
-	stopReason: a(E([
+	stopReason: a(T([
 		"endTurn",
 		"stopSequence",
 		"maxTokens"
 	]).or(r())),
-	role: Be,
+	role: ze,
 	content: Ht
-}), Jt = z.extend({
+}), Jt = B.extend({
 	model: r(),
-	stopReason: a(E([
+	stopReason: a(T([
 		"endTurn",
 		"stopSequence",
 		"maxTokens",
 		"toolUse"
 	]).or(r())),
-	role: Be,
+	role: ze,
 	content: x([Ut, m(Ut)])
 }), Yt = o({
 	type: f("boolean"),
@@ -394,7 +394,7 @@ var Pt = E([
 	description: r().optional(),
 	minLength: p().optional(),
 	maxLength: p().optional(),
-	format: E([
+	format: T([
 		"email",
 		"uri",
 		"date",
@@ -402,7 +402,7 @@ var Pt = E([
 	]).optional(),
 	default: r().optional()
 }), Zt = o({
-	type: E(["number", "integer"]),
+	type: T(["number", "integer"]),
 	title: r().optional(),
 	description: r().optional(),
 	minimum: p().optional(),
@@ -461,7 +461,7 @@ var Pt = E([
 	Yt,
 	Xt,
 	Zt
-]), tn = x([fe.extend({
+]), tn = x([de.extend({
 	mode: f("form").optional(),
 	message: r(),
 	requestedSchema: o({
@@ -469,19 +469,19 @@ var Pt = E([
 		properties: S(r(), en),
 		required: m(r()).optional()
 	}).catchall(c())
-}), fe.extend({
+}), de.extend({
 	mode: f("url"),
 	message: r(),
 	elicitationId: r(),
 	url: r().url()
-})]), nn = I.extend({
+})]), nn = L.extend({
 	method: f("elicitation/create"),
 	params: tn
-}), rn = L.extend({ elicitationId: r() }), an = R.extend({
+}), rn = R.extend({ elicitationId: r() }), an = z.extend({
 	method: f("notifications/elicitation/complete"),
 	params: rn
-}), on = z.extend({
-	action: E([
+}), on = B.extend({
+	action: T([
 		"accept",
 		"decline",
 		"cancel"
@@ -498,17 +498,17 @@ var Pt = E([
 }), cn = o({
 	type: f("ref/prompt"),
 	name: r()
-}), ln = F.extend({
+}), ln = I.extend({
 	ref: x([cn, sn]),
 	argument: o({
 		name: r(),
 		value: r()
 	}),
 	context: o({ arguments: S(r(), r()).optional() }).optional()
-}), un = I.extend({
+}), un = L.extend({
 	method: f("completion/complete"),
 	params: ln
-}), dn = z.extend({ completion: i({
+}), dn = B.extend({ completion: i({
 	values: m(r()).max(100),
 	total: a(p().int()),
 	hasMore: a(D())
@@ -516,18 +516,18 @@ var Pt = E([
 	uri: r().startsWith("file://"),
 	name: r().optional(),
 	_meta: S(r(), c()).optional()
-}), pn = I.extend({
+}), pn = L.extend({
 	method: f("roots/list"),
-	params: F.optional()
-}), mn = z.extend({ roots: m(fn) }), hn = R.extend({
+	params: I.optional()
+}), mn = B.extend({ roots: m(fn) }), hn = z.extend({
 	method: f("notifications/roots/list_changed"),
-	params: L.optional()
+	params: R.optional()
 });
 i({
 	ttl: p().optional(),
 	pollInterval: p().optional()
 });
-var gn = E([
+var gn = T([
 	"working",
 	"input_required",
 	"completed",
@@ -542,29 +542,29 @@ var gn = E([
 	pollInterval: a(p()),
 	statusMessage: a(r())
 });
-z.extend({ task: _n });
-var vn = L.merge(_n);
-R.extend({
+B.extend({ task: _n });
+var vn = R.merge(_n);
+z.extend({
 	method: f("notifications/tasks/status"),
 	params: vn
-}), I.extend({
+}), L.extend({
 	method: f("tasks/get"),
-	params: F.extend({ taskId: r() })
-}), z.merge(_n), I.extend({
+	params: I.extend({ taskId: r() })
+}), B.merge(_n), L.extend({
 	method: f("tasks/result"),
-	params: F.extend({ taskId: r() })
-}), z.loose(), U.extend({ method: f("tasks/list") }), Re.extend({ tasks: m(_n) }), I.extend({
+	params: I.extend({ taskId: r() })
+}), B.loose(), W.extend({ method: f("tasks/list") }), Le.extend({ tasks: m(_n) }), L.extend({
 	method: f("tasks/cancel"),
-	params: F.extend({ taskId: r() })
-}), z.merge(_n), x([
-	Pe,
-	ke,
-	Me,
+	params: I.extend({ taskId: r() })
+}), B.merge(_n), x([
+	Ne,
+	De,
+	je,
 	un,
 	It,
 	mt,
 	dt,
-	We,
+	Ue,
 	Ge,
 	Ye,
 	$e,
@@ -573,24 +573,24 @@ R.extend({
 	Mt,
 	Ot
 ]), x([
-	xe,
-	Ie,
-	je,
+	ye,
+	Fe,
+	Ae,
 	hn
 ]), x([
-	ye,
+	_e,
 	qt,
 	Jt,
 	on,
 	mn
 ]), x([
-	Pe,
+	Ne,
 	Kt,
 	nn,
 	pn
 ]), x([
-	xe,
-	Ie,
+	ye,
+	Fe,
 	Rt,
 	ct,
 	Ze,
@@ -599,13 +599,13 @@ R.extend({
 	Y,
 	an
 ]), x([
-	ye,
-	V,
-	Ne,
+	_e,
+	ke,
+	Me,
 	dn,
 	Ct,
 	ft,
-	q,
+	We,
 	Ke,
 	Xe,
 	At,
@@ -978,7 +978,7 @@ o({
 });
 var Yn = o({
 	toolInfo: o({
-		id: pe.optional().describe("JSON-RPC id of the tools/call request."),
+		id: fe.optional().describe("JSON-RPC id of the tools/call request."),
 		tool: Dt.describe("Tool definition including name, inputSchema, etc.")
 	}).optional().describe("Metadata of the tool call that instantiated this App."),
 	theme: Tn.optional().describe("Current color theme preference."),
@@ -1018,13 +1018,13 @@ var Xn = o({
 }), Zn = o({
 	method: f("ui/initialize"),
 	params: o({
-		appInfo: B.describe("App identification (name and version)."),
+		appInfo: Se.describe("App identification (name and version)."),
 		appCapabilities: Hn.describe("Features and capabilities this app provides."),
 		protocolVersion: r().describe("Protocol version this app supports.")
 	})
 }), Qn = o({
 	protocolVersion: r().describe("Negotiated protocol version string (e.g., \"2025-11-21\")."),
-	hostInfo: B.describe("Host application identification and version."),
+	hostInfo: Se.describe("Host application identification and version."),
 	hostCapabilities: Vn.describe("Features and capabilities provided by the host."),
 	hostContext: Yn.describe("Rich context about the host environment.")
 }).passthrough(), $n = class {
@@ -1037,7 +1037,7 @@ var Xn = o({
 				console.debug("Ignoring message from unknown source", e);
 				return;
 			}
-			let n = ve.safeParse(e.data);
+			let n = ge.safeParse(e.data);
 			n.success ? (console.debug("Parsed message", n.data), this.onmessage?.(n.data)) : e.data?.jsonrpc === "2.0" ? (console.error("Failed to parse message", n.error.message, e), this.onerror?.(Error("Invalid JSON-RPC message received: " + n.error.message))) : console.debug("Ignoring non-JSON-RPC message", n.error.message, e);
 		};
 	}
@@ -1219,7 +1219,7 @@ var nr = [wn], rr = class extends ie {
 	set onupdatemodelcontext(e) {
 		this.warnIfRequestHandlerReplaced("onupdatemodelcontext", this._onupdatemodelcontext, e), this._onupdatemodelcontext = e, this.setRequestHandler("ui/update-model-context", {
 			params: Xn.shape.params,
-			result: ye
+			result: _e
 		}, async (e, t) => {
 			if (!this._onupdatemodelcontext) throw Error("No onupdatemodelcontext handler set");
 			return this._onupdatemodelcontext(e, t);
@@ -1645,7 +1645,7 @@ function Nr(e) {
 var Pr = class {
 	getValidator(e) {
 		let t = Nr(e);
-		return (t === void 0 ? new T() : new T({ draft: t })).getValidator(e);
+		return (t === void 0 ? new re() : new re({ draft: t })).getValidator(e);
 	}
 };
 mr();
@@ -1944,7 +1944,7 @@ var Lr = { "~standard": {
 };
 function zr(e, t = 0) {
 	if (!e || t > 5) return !1;
-	if (e instanceof re || e instanceof C && e.status === 401) return !0;
+	if (e instanceof E || e instanceof C && e.status === 401) return !0;
 	if (e instanceof Error) {
 		if (e.cause && zr(e.cause, t + 1)) return !0;
 		let n = e instanceof _ ? e.data : void 0;
@@ -2198,7 +2198,7 @@ var Vr = class extends Rr {
 		}
 		await super.cleanupResources();
 	}
-}, Hr = "2.0.0-beta.3";
+}, Hr = "2.0.0-beta.4";
 function Ur() {
 	return Hr;
 }
@@ -3100,7 +3100,7 @@ var Pi = class e {
 }, Fi = 5 * 6e4;
 function Ii(e, t = 0) {
 	if (!e || t > 5) return !1;
-	if (e instanceof re) return !0;
+	if (e instanceof E) return !0;
 	if (e instanceof Error) {
 		if (e.code === 401 || e.name === "UnauthorizedError") return !0;
 		let n = e.message ?? "";
@@ -3672,7 +3672,7 @@ function ua(e) {
 }
 var da = 3e3, fa = 5e3;
 function pa(e) {
-	let { url: t, enabled: n = !0, callbackUrl: r = typeof window < "u" ? Yr(new URL("/oauth/callback", window.location.origin).toString()) : "/oauth/callback", storageKeyPrefix: i = "mcp:auth", authProvider: a, headers: o, proxyConfig: s, oauthProxyUrl: c, autoProxyFallback: l = !1, logLevel: u = "silent", autoRetry: d = !1, autoReconnect: f = !0, reconnectionOptions: p, preventAutoAuth: m = !0, useRedirectFlow: h = !1, onPopupWindow: g, timeout: _ = 3e4, wrapTransport: v, serverId: ee, fetch: te, clientOptions: y, protocolNegotiation: x, onNotification: S, onSampling: C, onElicitation: ne, oauth: w } = e, T = "http", E = w?.clientId?.trim() || void 0, re = w?.clientMetadataUrl?.trim() || void 0, ie = w?.scope?.trim() || void 0, ae = (0, A.useMemo)(() => E ? { client_id: E } : void 0, [E]), D = (0, A.useMemo)(() => {
+	let { url: t, enabled: n = !0, callbackUrl: r = typeof window < "u" ? Yr(new URL("/oauth/callback", window.location.origin).toString()) : "/oauth/callback", storageKeyPrefix: i = "mcp:auth", authProvider: a, headers: o, proxyConfig: s, oauthProxyUrl: c, autoProxyFallback: l = !1, logLevel: u = "silent", autoRetry: d = !1, autoReconnect: f = !0, reconnectionOptions: p, preventAutoAuth: m = !0, useRedirectFlow: h = !1, onPopupWindow: g, timeout: _ = 3e4, wrapTransport: v, serverId: ee, fetch: te, clientOptions: y, protocolNegotiation: x, onNotification: S, onSampling: C, onElicitation: ne, oauth: w } = e, re = "http", T = w?.clientId?.trim() || void 0, E = w?.clientMetadataUrl?.trim() || void 0, ie = w?.scope?.trim() || void 0, ae = (0, A.useMemo)(() => T ? { client_id: T } : void 0, [T]), D = (0, A.useMemo)(() => {
 		let e = `useMcp:${t || "no-url"}`, n = pr.get(e);
 		return u && (n.level = u), n;
 	}, [t, u]), O = o ?? {}, oe = (0, A.useMemo)(() => Jr(y), [y]), k = C, se = ne, j = (0, A.useMemo)(() => ({
@@ -3685,7 +3685,7 @@ function pa(e) {
 	}), []), M = (0, A.useMemo)(() => e.clientInfo ? {
 		...j,
 		...e.clientInfo
-	} : j, [e.clientInfo, j]), N = (0, A.useMemo)(() => ia(M), [M]), ce = (0, A.useMemo)(() => {
+	} : j, [e.clientInfo, j]), N = (0, A.useMemo)(() => ia(M), [M]), P = (0, A.useMemo)(() => {
 		if (!l) return {
 			enabled: !1,
 			proxyAddress: void 0
@@ -3702,7 +3702,7 @@ function pa(e) {
 			enabled: l.enabled !== !1 && !!e,
 			proxyAddress: e
 		};
-	}, [l, s]), P = (0, A.useMemo)(() => f === !1 ? {
+	}, [l, s]), ce = (0, A.useMemo)(() => f === !1 ? {
 		enabled: !1,
 		initialDelay: 0,
 		healthCheckInterval: !1,
@@ -3726,7 +3726,7 @@ function pa(e) {
 	(0, A.useEffect)(() => {
 		ue(void 0);
 	}, [t, s]);
-	let de = (0, A.useMemo)(() => {
+	let F = (0, A.useMemo)(() => {
 		if (!le?.proxyAddress) return s;
 		let e = s?.headers ?? {};
 		return {
@@ -3736,18 +3736,18 @@ function pa(e) {
 				...le.headers ?? {}
 			}
 		};
-	}, [le, s]), F = de?.proxyAddress, fe = de?.headers ?? {}, I = (0, A.useMemo)(() => t || "", [t]), L = (0, A.useMemo)(() => ({
-		...fe,
+	}, [le, s]), I = F?.proxyAddress, de = F?.headers ?? {}, L = (0, A.useMemo)(() => t || "", [t]), R = (0, A.useMemo)(() => ({
+		...de,
 		...O
-	}), [fe, O]), [R, z] = (0, A.useState)("discovering"), [pe, me] = (0, A.useState)([]), [he, ge] = (0, A.useState)([]), [_e, ve] = (0, A.useState)([]), [ye, be] = (0, A.useState)([]), [xe, Se] = (0, A.useState)(e._initialServerInfo?.name ? e._initialServerInfo : void 0), [Ce, B] = (0, A.useState)(), [we, Te] = (0, A.useState)(void 0), [Ee, De] = (0, A.useState)(void 0), [Oe, ke] = (0, A.useState)(), [Ae, V] = (0, A.useState)({}), [je, Me] = (0, A.useState)(void 0), [Ne, Pe] = (0, A.useState)([]), [Fe, H] = (0, A.useState)(void 0), [Ie, Le] = (0, A.useState)(void 0), U = (0, A.useRef)(null), Re = (0, A.useRef)(null), W = (0, A.useRef)(a ?? null), ze = (0, A.useRef)(null), G = (0, A.useRef)(!1), K = (0, A.useRef)(!0), Be = (0, A.useRef)(0), Ve = (0, A.useRef)(0), He = (0, A.useRef)(null), Ue = (0, A.useRef)(!1), We = (0, A.useRef)(!1), q = (0, A.useRef)(R), Ge = (0, A.useRef)(f), Ke = (0, A.useRef)(null), qe = (0, A.useRef)(null), Je = (0, A.useRef)(null), Ye = (0, A.useRef)(k), Xe = (0, A.useRef)(se), Ze = (0, A.useRef)(k !== void 0), Qe = (0, A.useRef)(se !== void 0), $e = (0, A.useRef)(S);
+	}), [de, O]), [z, B] = (0, A.useState)("discovering"), [fe, V] = (0, A.useState)([]), [pe, me] = (0, A.useState)([]), [he, ge] = (0, A.useState)([]), [_e, ve] = (0, A.useState)([]), [ye, be] = (0, A.useState)(e._initialServerInfo?.name ? e._initialServerInfo : void 0), [xe, Se] = (0, A.useState)(), [Ce, we] = (0, A.useState)(void 0), [Te, H] = (0, A.useState)(void 0), [Ee, De] = (0, A.useState)(), [Oe, ke] = (0, A.useState)({}), [Ae, je] = (0, A.useState)(void 0), [Me, Ne] = (0, A.useState)([]), [Pe, U] = (0, A.useState)(void 0), [Fe, Ie] = (0, A.useState)(void 0), W = (0, A.useRef)(null), Le = (0, A.useRef)(null), G = (0, A.useRef)(a ?? null), Re = (0, A.useRef)(null), K = (0, A.useRef)(!1), q = (0, A.useRef)(!0), ze = (0, A.useRef)(0), Be = (0, A.useRef)(0), Ve = (0, A.useRef)(null), He = (0, A.useRef)(!1), Ue = (0, A.useRef)(!1), We = (0, A.useRef)(z), Ge = (0, A.useRef)(f), Ke = (0, A.useRef)(null), qe = (0, A.useRef)(null), Je = (0, A.useRef)(null), Ye = (0, A.useRef)(k), Xe = (0, A.useRef)(se), Ze = (0, A.useRef)(k !== void 0), Qe = (0, A.useRef)(se !== void 0), $e = (0, A.useRef)(S);
 	k !== void 0 && (Ye.current = k), se !== void 0 && (Xe.current = se), Ze.current = k !== void 0, Qe.current = se !== void 0, $e.current = S;
 	let et = (0, A.useCallback)(async (e) => Ye.current(e), []), tt = (0, A.useCallback)(async (e) => Xe.current(e), []), nt = (0, A.useCallback)((e) => {
 		$e.current?.(e);
 	}, []);
 	(0, A.useEffect)(() => {
-		q.current = R, Ge.current = f;
-	}, [R, f]), (0, A.useEffect)(() => {
-		W.current = a ?? null;
+		We.current = z, Ge.current = f;
+	}, [z, f]), (0, A.useEffect)(() => {
+		G.current = a ?? null;
 	}, [a]);
 	let J = (0, A.useCallback)((e, t, ...n) => {
 		let r = n.length > 0 ? `${t} ${n.map((e) => JSON.stringify(e)).join(" ")}` : t, i = `[useMcp] ${r}`;
@@ -3766,115 +3766,115 @@ function pa(e) {
 				break;
 			default: D.info(i);
 		}
-		K.current && Pe((t) => [...t.slice(-100), {
+		q.current && Ne((t) => [...t.slice(-100), {
 			level: e,
 			message: r,
 			timestamp: Date.now()
 		}]);
 	}, [D]), rt = ua({
-		stateRef: q,
-		connectionRef: Re,
-		hasClient: () => U.current !== null,
-		isMounted: () => K.current,
-		setTools: me,
-		setResources: ge,
-		setResourceTemplates: ve,
-		setPrompts: be,
+		stateRef: We,
+		connectionRef: Le,
+		hasClient: () => W.current !== null,
+		isMounted: () => q.current,
+		setTools: V,
+		setResources: me,
+		setResourceTemplates: ge,
+		setPrompts: ve,
 		addLog: J
 	}), it = (0, A.useCallback)(async (e = !1) => {
-		e || J("info", "Disconnecting..."), G.current = !1, He.current && clearTimeout(He.current), He.current = null;
-		let t = Ve.current, n = U.current;
+		e || J("info", "Disconnecting..."), K.current = !1, Ve.current && clearTimeout(Ve.current), Ve.current = null;
+		let t = Be.current, n = W.current;
 		if (n) try {
-			let e = ea, t = n === U.current ? Re.current : null;
+			let e = ea, t = n === W.current ? Le.current : null;
 			t && t._healthCheckCleanup && (t._healthCheckCleanup(), t._healthCheckCleanup = null), t && await n.closeSession(e);
 		} catch (t) {
 			e || J("warn", "Error closing connection:", t);
 		}
-		let r = Ve.current !== t;
-		U.current === n && !r && (U.current = null, Re.current = null), K.current && !e && !r && (z("discovering"), me([]), ge([]), ve([]), be([]), Me(void 0), H(void 0), Le(void 0), Se(void 0), B(void 0), Te(void 0), De(void 0), ke(void 0), V({}));
+		let r = Be.current !== t;
+		W.current === n && !r && (W.current = null, Le.current = null), q.current && !e && !r && (B("discovering"), V([]), me([]), ge([]), ve([]), je(void 0), U(void 0), Ie(void 0), be(void 0), Se(void 0), we(void 0), H(void 0), De(void 0), ke({}));
 	}, [J]), Y = (0, A.useCallback)((e, n) => {
 		J("error", e, n ?? "");
-		let r = n && "code" in n ? n.code : void 0, i = ce.enabled && !de?.proxyAddress, o = e.includes("CORS") || e.includes("blocked by CORS policy") || e.includes("Failed to fetch"), s = r === 400;
-		if (i && (o || s || typeof r == "number" && r >= 404 && r < 500) && !(r === 401 || r === 403)) return J("info", `Direct connection failed with ${o ? "CORS error" : s ? "HTTP 400 (Bad Request)" : "HTTP 4xx error"}. Trying with proxy...`), U.current = null, a || (W.current = null), J("debug", "Cleared client and auth provider for proxy fallback"), ue({ proxyAddress: ce.proxyAddress }), K.current && z("discovering"), setTimeout(() => {
-			K.current && qe.current?.();
+		let r = n && "code" in n ? n.code : void 0, i = P.enabled && !F?.proxyAddress, o = e.includes("CORS") || e.includes("blocked by CORS policy") || e.includes("Failed to fetch"), s = r === 400;
+		if (i && (o || s || typeof r == "number" && r >= 404 && r < 500) && !(r === 401 || r === 403)) return J("info", `Direct connection failed with ${o ? "CORS error" : s ? "HTTP 400 (Bad Request)" : "HTTP 4xx error"}. Trying with proxy...`), W.current = null, a || (G.current = null), J("debug", "Cleared client and auth provider for proxy fallback"), ue({ proxyAddress: P.proxyAddress }), q.current && B("discovering"), setTimeout(() => {
+			q.current && qe.current?.();
 		}, 1e3), !0;
-		if (K.current) {
-			J("info", "Setting state to FAILED:", e), z("failed"), Me(e);
-			let t = W.current?.getLastAttemptedAuthUrl?.();
-			t && (H(t), J("info", "Manual authentication URL may be available.", t));
+		if (q.current) {
+			J("info", "Setting state to FAILED:", e), B("failed"), je(e);
+			let t = G.current?.getLastAttemptedAuthUrl?.();
+			t && (U(t), J("info", "Manual authentication URL may be available.", t));
 		}
-		return G.current = !1, t && Pi.getInstance().trackUseMcpConnection({
+		return K.current = !1, t && Pi.getInstance().trackUseMcpConnection({
 			url: t,
-			transportType: T,
+			transportType: re,
 			success: !1,
 			errorType: n?.name || "UnknownError",
-			hasOAuth: !!W.current,
+			hasOAuth: !!G.current,
 			hasSampling: Ze.current,
 			hasElicitation: Qe.current
 		}).catch(() => {}), !1;
 	}, [
 		J,
 		t,
-		T,
-		ce,
-		de,
+		re,
+		P,
+		F,
 		a
 	]), at = (0, A.useCallback)(async () => {
 		if (!n || !t) {
 			J("debug", n ? "No server URL provided, skipping connection." : "Connection disabled via enabled flag.");
 			return;
 		}
-		if (G.current) {
+		if (K.current) {
 			J("debug", "Connection attempt already in progress.");
 			return;
 		}
-		if (!K.current) {
+		if (!q.current) {
 			J("debug", "Connect called after unmount, aborting.");
 			return;
 		}
-		if (G.current = !0, Ve.current += 1, Be.current += 1, Me(void 0), H(void 0), Ke.current = null, z("discovering"), me([]), ge([]), ve([]), be([]), Se(void 0), B(void 0), Te(void 0), De(void 0), ke(void 0), V({}), J("info", `Connecting attempt #${Be.current} to ${t}...`), !W.current) {
+		if (K.current = !0, Be.current += 1, ze.current += 1, je(void 0), U(void 0), Ke.current = null, B("discovering"), V([]), me([]), ge([]), ve([]), be(void 0), Se(void 0), we(void 0), H(void 0), De(void 0), ke({}), J("info", `Connecting attempt #${ze.current} to ${t}...`), !G.current) {
 			let { provider: e, oauthProxyUrl: t } = sa({
-				effectiveOAuthUrl: I,
+				effectiveOAuthUrl: L,
 				storageKeyPrefix: i,
 				oauthClientConfig: N,
 				callbackUrl: r,
 				preventAutoAuth: m,
 				useRedirectFlow: h,
-				gatewayUrl: F,
+				gatewayUrl: I,
 				oauthProxyUrl: c,
 				onPopupWindow: g,
 				proxyOAuthRequests: !0,
 				staticClientInfo: ae,
-				clientMetadataUrl: re,
+				clientMetadataUrl: E,
 				scope: ie
 			});
-			W.current = e, t && J("debug", `OAuth BFF enabled: ${t}`), J("debug", `BrowserOAuthClientProvider initialized with URL: ${I}, proxy: ${t ? "enabled" : "disabled"}, gateway: ${F ? "enabled" : "disabled"}`);
+			G.current = e, t && J("debug", `OAuth BFF enabled: ${t}`), J("debug", `BrowserOAuthClientProvider initialized with URL: ${L}, proxy: ${t ? "enabled" : "disabled"}, gateway: ${I ? "enabled" : "disabled"}`);
 		}
-		U.current ? J("debug", "BrowserMCPClient already exists, reusing.") : (U.current = new Ki(), J("debug", "BrowserMCPClient initialized in connect."));
+		W.current ? J("debug", "BrowserMCPClient already exists, reusing.") : (W.current = new Ki(), J("debug", "BrowserMCPClient initialized in connect."));
 		let e = async (n) => {
-			if (!K.current) return J("debug", "Connection attempt aborted - component unmounted"), "failed";
-			J("info", `Attempting connection with transport: ${n}`), J("debug", `Client ref status at start of tryConnectWithTransport: ${U.current ? "initialized" : "NULL"}`);
+			if (!q.current) return J("debug", "Connection attempt aborted - component unmounted"), "failed";
+			J("info", `Attempting connection with transport: ${n}`), J("debug", `Client ref status at start of tryConnectWithTransport: ${W.current ? "initialized" : "NULL"}`);
 			try {
 				let e = ea, r = {
 					url: t,
 					timeout: _,
 					clientInfo: M,
 					...(() => {
-						let e = W.current?.getProxyFetch?.(te) ?? te;
+						let e = G.current?.getProxyFetch?.(te) ?? te;
 						return e ? { fetch: e } : {};
 					})(),
 					...oe && { clientOptions: oe },
 					...x !== void 0 && { protocolNegotiation: x },
 					...p ? { reconnectionOptions: p } : f === !1 ? { reconnectionOptions: { maxRetries: 0 } } : {}
 				};
-				if (F && (r.gatewayUrl = F, J("debug", `Using proxy gateway: ${F} for target: ${t}`)), L && Object.keys(L).length > 0 && (r.headers = L), !U.current) {
-					if (!K.current) return J("debug", "Connection aborted - component unmounted, client cleaned up"), "failed";
+				if (I && (r.gatewayUrl = I, J("debug", `Using proxy gateway: ${I} for target: ${t}`)), R && Object.keys(R).length > 0 && (r.headers = R), !W.current) {
+					if (!q.current) return J("debug", "Connection aborted - component unmounted, client cleaned up"), "failed";
 					let e = /* @__PURE__ */ Error("Client not initialized - this is a bug in the connection flow");
 					throw J("error", "Client ref is null in tryConnectWithTransport but component is still mounted"), e;
 				}
-				U.current.addServer(e, {
+				W.current.addServer(e, {
 					...r,
-					authProvider: W.current,
+					authProvider: G.current,
 					onSampling: Ze.current ? et : void 0,
 					onElicitation: Qe.current ? tt : void 0,
 					onNotification: (e) => {
@@ -3882,15 +3882,15 @@ function pa(e) {
 					},
 					wrapTransport: v ? (n) => (J("debug", "Applying transport wrapper for server:", e, "url:", t), v(n, ee ?? t)) : void 0
 				});
-				let i = await U.current.connect(e);
-				if (Re.current = i, !K.current) return J("debug", "Connection aborted after connection creation - component unmounted"), "failed";
-				J("info", "✅ Successfully connected to MCP server"), J("info", "Server info:", i.info.server), J("info", "Server capabilities:", i.info.capabilities), P.enabled && P.healthCheckInterval !== !1 && (i._healthCheckCleanup = ca({
-					gatewayUrl: F,
+				let i = await W.current.connect(e);
+				if (Le.current = i, !q.current) return J("debug", "Connection aborted after connection creation - component unmounted"), "failed";
+				J("info", "✅ Successfully connected to MCP server"), J("info", "Server info:", i.info.server), J("info", "Server capabilities:", i.info.capabilities), ce.enabled && ce.healthCheckInterval !== !1 && (i._healthCheckCleanup = ca({
+					gatewayUrl: I,
 					url: t,
-					allHeaders: L,
+					allHeaders: R,
 					getAuthHeaders: async () => {
 						try {
-							let e = await W.current?.tokens?.();
+							let e = await G.current?.tokens?.();
 							if (e?.access_token) {
 								let t = e.token_type || "bearer";
 								return { Authorization: `${t.charAt(0).toUpperCase() + t.slice(1)} ${e.access_token}` };
@@ -3898,62 +3898,62 @@ function pa(e) {
 						} catch {}
 						return {};
 					},
-					isMountedRef: K,
-					stateRef: q,
+					isMountedRef: q,
+					stateRef: We,
 					autoReconnectRef: Ge,
-					setState: z,
+					setState: B,
 					addLog: J,
 					connect: at,
-					defaultReconnectDelay: P.initialDelay,
-					healthCheckIntervalMs: P.healthCheckInterval,
-					healthCheckTimeoutMs: P.healthCheckTimeout
+					defaultReconnectDelay: ce.initialDelay,
+					healthCheckIntervalMs: ce.healthCheckInterval,
+					healthCheckTimeoutMs: ce.healthCheckTimeout
 				})), Pi.getInstance().trackUseMcpConnection({
 					url: t,
 					transportType: n,
 					success: !0,
-					hasOAuth: !!W.current,
+					hasOAuth: !!G.current,
 					hasSampling: Ze.current,
 					hasElicitation: Qe.current
-				}).catch(() => {}), me(i.tools || []);
+				}).catch(() => {}), V(i.tools || []);
 				let [a, o, s] = await Promise.all([
 					i.listAllResources(),
 					i.listPrompts(),
 					i.supports("resources") ? i.listResourceTemplates() : Promise.resolve({ resourceTemplates: [] })
 				]);
-				if (!K.current) return J("debug", "Connection aborted after discovery - component unmounted"), "failed";
-				ge(a.resources || []), be(o.prompts || []), ve(s.resourceTemplates || []);
+				if (!q.current) return J("debug", "Connection aborted after discovery - component unmounted"), "failed";
+				me(a.resources || []), ve(o.prompts || []), ge(s.resourceTemplates || []);
 				let { server: c, capabilities: l, protocolEra: u, protocolVersion: d, instructions: m, extensions: h } = i.info;
-				if (K.current && (Te(u), De(d), ke(m), V(h)), c) {
-					if (J("debug", "Server info:", c), !K.current) return J("debug", "Skipping state update - component unmounted"), "failed";
-					Se(c), ze.current = na({
+				if (q.current && (we(u), H(d), De(m), ke(h)), c) {
+					if (J("debug", "Server info:", c), !q.current) return J("debug", "Skipping state update - component unmounted"), "failed";
+					be(c), Re.current = na({
 						serverInfo: c,
 						url: t,
-						isMounted: () => K.current,
-						setServerInfo: Se,
+						isMounted: () => q.current,
+						setServerInfo: be,
 						addLog: J
 					});
 				}
 				if (l) {
-					if (J("debug", "Server capabilities:", l), !K.current) return J("debug", "Skipping state update - component unmounted"), "failed";
-					B(l);
+					if (J("debug", "Server capabilities:", l), !q.current) return J("debug", "Skipping state update - component unmounted"), "failed";
+					Se(l);
 				}
-				if (W.current) {
-					let e = await W.current.tokens?.();
-					if (!K.current) return J("debug", "Connection aborted after token fetch for auth tokens - component unmounted"), "failed";
+				if (G.current) {
+					let e = await G.current.tokens?.();
+					if (!q.current) return J("debug", "Connection aborted after token fetch for auth tokens - component unmounted"), "failed";
 					if (e?.access_token) {
 						let t = e.expires_in ? Date.now() + e.expires_in * 1e3 : void 0, n = null, r = null;
 						try {
-							n = await W.current.getTokenEndpoint?.() ?? null;
+							n = await G.current.getTokenEndpoint?.() ?? null;
 						} catch {
 							n = null;
 						}
 						try {
-							r = await W.current.getClientCredentials?.() ?? null;
+							r = await G.current.getClientCredentials?.() ?? null;
 						} catch {
 							r = null;
 						}
-						if (!K.current) return J("debug", "Skipping state update - component unmounted"), "failed";
-						Le({
+						if (!q.current) return J("debug", "Skipping state update - component unmounted"), "failed";
+						Ie({
 							access_token: e.access_token,
 							token_type: e.token_type || "Bearer",
 							expires_at: t,
@@ -3965,35 +3965,35 @@ function pa(e) {
 						});
 					}
 				}
-				return Ke.current = n, z("ready"), "success";
+				return Ke.current = n, B("ready"), "success";
 			} catch (r) {
-				let i = r, a = i?.message || String(r), o = W.current?.getLastAttemptedAuthUrl?.();
-				if (o && W.current && m) return J("info", "OAuth already discovered (stored auth URL present); awaiting manual authentication."), K.current && (z("pending_auth"), H(o)), G.current = !1, "auth_redirect";
+				let i = r, a = i?.message || String(r), o = G.current?.getLastAttemptedAuthUrl?.();
+				if (o && G.current && m) return J("info", "OAuth already discovered (stored auth URL present); awaiting manual authentication."), q.current && (B("pending_auth"), U(o)), K.current = !1, "auth_redirect";
 				let s = aa(r), c = Ii(r);
 				if (s && O && Object.keys(O).length > 0) return Y("Authentication failed (HTTP 401). Server does not support OAuth. Check your Authorization header value is correct."), "failed";
 				if (s && (!O || Object.keys(O).length === 0)) return Y("Authentication required (HTTP 401). Server does not support OAuth. Add an Authorization header in the Custom Headers section (e.g., Authorization: Bearer YOUR_API_KEY)."), "failed";
 				if (c) {
 					if (s) return Y("Authentication required (HTTP 401). Server does not support OAuth. Add an Authorization header in the Custom Headers section (e.g., Authorization: Bearer YOUR_API_KEY)."), "failed";
-					if (W.current) if (J("info", "Authentication required. OAuth provider available."), m) {
-						if (J("info", "Waiting for user to initiate authentication flow..."), K.current) {
-							z("pending_auth");
-							let e = W.current?.getLastAttemptedAuthUrl?.();
-							e && (H(e), J("info", "Retrieved stored auth URL for manual authentication"));
+					if (G.current) if (J("info", "Authentication required. OAuth provider available."), m) {
+						if (J("info", "Waiting for user to initiate authentication flow..."), q.current) {
+							B("pending_auth");
+							let e = G.current?.getLastAttemptedAuthUrl?.();
+							e && (U(e), J("info", "Retrieved stored auth URL for manual authentication"));
 						}
-						return G.current = !1, "auth_redirect";
+						return K.current = !1, "auth_redirect";
 					} else {
 						J("info", "Triggering automatic OAuth authentication flow...");
 						try {
-							if (await b(W.current, {
+							if (await b(G.current, {
 								serverUrl: t,
-								fetchFn: W.current.getProxyFetch?.()
+								fetchFn: G.current.getProxyFetch?.()
 							}) === "REDIRECT") {
-								let e = await W.current.getAuthorizationCode?.();
+								let e = await G.current.getAuthorizationCode?.();
 								if (!e) throw Error("Authorization code not captured by headless provider");
-								await b(W.current, {
+								await b(G.current, {
 									serverUrl: t,
 									authorizationCode: e,
-									fetchFn: W.current.getProxyFetch?.()
+									fetchFn: G.current.getProxyFetch?.()
 								});
 							}
 							return J("info", "OAuth flow completed, reconnecting..."), await e(n);
@@ -4006,7 +4006,7 @@ function pa(e) {
 				return Y(a, i instanceof Error ? i : Error(String(i))) ? "auth_redirect" : "failed";
 			}
 		}, a = "failed";
-		J("debug", "Connecting via streamable HTTP"), a = await e("http"), (a === "success" || a === "failed" || a === "auth_redirect") && (G.current = !1), J("debug", `Connection sequence finished with status: ${a}`);
+		J("debug", "Connecting via streamable HTTP"), a = await e("http"), (a === "success" || a === "failed" || a === "auth_redirect") && (K.current = !1), J("debug", `Connection sequence finished with status: ${a}`);
 	}, [
 		J,
 		Y,
@@ -4019,10 +4019,10 @@ function pa(e) {
 		N.uri,
 		N.logo_uri,
 		ae,
-		re,
+		E,
 		ie,
 		O,
-		T,
+		re,
 		m,
 		h,
 		g,
@@ -4031,10 +4031,10 @@ function pa(e) {
 		M,
 		oe,
 		x,
-		F,
+		I,
 		c,
+		R,
 		L,
-		I,
 		et,
 		tt,
 		nt
@@ -4043,32 +4043,32 @@ function pa(e) {
 		qe.current = at, Je.current = Y;
 	}, [at, Y]);
 	let ot = (0, A.useCallback)(() => {
-		q.current === "failed" ? (J("info", "Retry requested..."), qe.current?.()) : J("warn", `Retry called but state is not 'failed' (state: ${q.current}). Ignoring.`);
+		We.current === "failed" ? (J("info", "Retry requested..."), qe.current?.()) : J("warn", `Retry called but state is not 'failed' (state: ${We.current}). Ignoring.`);
 	}, [J]), st = (0, A.useCallback)(async () => {
 		J("info", "Manual authentication requested...");
-		let e = q.current;
+		let e = We.current;
 		if (e === "failed") J("info", "Attempting to reconnect and authenticate via retry..."), ot();
 		else if (e === "pending_auth") {
 			J("info", "Proceeding with authentication from pending state...");
 			try {
-				if (ta(W.current, "Auth Provider not available for manual auth"), ta(t, "Server URL is required for authentication"), a) {
+				if (ta(G.current, "Auth Provider not available for manual auth"), ta(t, "Server URL is required for authentication"), a) {
 					J("info", "Using provided authProvider for manual authentication");
 					let e = new URL(t), n = e.origin + e.pathname.replace(/\/+$/, "");
-					await b(W.current, {
+					await b(G.current, {
 						serverUrl: n,
-						fetchFn: W.current.getProxyFetch?.()
+						fetchFn: G.current.getProxyFetch?.()
 					}), qe.current?.();
 					return;
 				}
-				J("info", `Cleared ${W.current.clearStorage?.() ?? 0} OAuth storage item(s) for fresh authentication`), z("authenticating");
+				J("info", `Cleared ${G.current.clearStorage?.() ?? 0} OAuth storage item(s) for fresh authentication`), B("authenticating");
 				let e = null, n = null, { provider: o, oauthProxyUrl: s } = sa({
-					effectiveOAuthUrl: I,
+					effectiveOAuthUrl: L,
 					storageKeyPrefix: i,
 					oauthClientConfig: N,
 					callbackUrl: r,
 					preventAutoAuth: !1,
 					useRedirectFlow: h,
-					gatewayUrl: F,
+					gatewayUrl: I,
 					oauthProxyUrl: c,
 					onPopupWindow: (t, r, i) => {
 						e = i;
@@ -4079,10 +4079,10 @@ function pa(e) {
 					},
 					proxyOAuthRequests: !0,
 					staticClientInfo: ae,
-					clientMetadataUrl: re,
+					clientMetadataUrl: E,
 					scope: ie
 				});
-				s && J("info", "Scoped OAuth proxy fetch enabled for manual auth"), W.current = o, J("info", "Triggering fresh OAuth authorization...");
+				s && J("info", "Scoped OAuth proxy fetch enabled for manual auth"), G.current = o, J("info", "Triggering fresh OAuth authorization...");
 				let l = new URL(t), u = l.origin + l.pathname.replace(/\/+$/, "");
 				try {
 					await b(o, {
@@ -4093,7 +4093,7 @@ function pa(e) {
 					J("info", "OAuth flow initiated (popup/redirect):", e instanceof Error ? e.message : "Redirecting...");
 				}
 				let d = o.getLastAttemptedAuthUrl?.();
-				if (d && (H(d), J("info", "Updated auth URL for fallback:", d), !n)) try {
+				if (d && (U(d), J("info", "Updated auth URL for fallback:", d), !n)) try {
 					n = new URL(d).searchParams.get("state");
 				} catch {}
 				if (h) return;
@@ -4102,7 +4102,7 @@ function pa(e) {
 					J("warn", "Could not derive tokens storage key; relying on callback listener.");
 					return;
 				}
-				We.current = !0;
+				Ue.current = !0;
 				let p;
 				try {
 					p = await Or({
@@ -4111,18 +4111,18 @@ function pa(e) {
 						tokensKey: f
 					});
 				} finally {
-					We.current = !1;
+					Ue.current = !1;
 				}
-				if (!K.current) return;
+				if (!q.current) return;
 				switch (p.kind) {
 					case "success":
-						J("info", "Authentication succeeded; reconnecting to MCP server..."), G.current = !1, qe.current?.();
+						J("info", "Authentication succeeded; reconnecting to MCP server..."), K.current = !1, qe.current?.();
 						break;
 					case "cancelled":
-						J("warn", "Authentication popup was closed before completing. Returning to pending_auth."), z("pending_auth");
+						J("warn", "Authentication popup was closed before completing. Returning to pending_auth."), B("pending_auth");
 						break;
 					case "timeout":
-						J("warn", "Authentication timed out waiting for the popup. Returning to pending_auth."), z("pending_auth");
+						J("warn", "Authentication timed out waiting for the popup. Returning to pending_auth."), B("pending_auth");
 						break;
 					case "error":
 						Y(`Authentication failed: ${p.error}`);
@@ -4130,19 +4130,19 @@ function pa(e) {
 					default: break;
 				}
 			} catch (e) {
-				if (!K.current) return;
-				z("pending_auth"), J("error", `Manual authentication failed: ${e instanceof Error ? e.message : String(e)}`);
+				if (!q.current) return;
+				B("pending_auth"), J("error", `Manual authentication failed: ${e instanceof Error ? e.message : String(e)}`);
 			}
 		} else if (e === "authenticating") {
 			J("warn", "Already attempting authentication. Check for blocked popups or wait for timeout.");
-			let e = W.current?.getLastAttemptedAuthUrl?.();
-			e && !Fe && (H(e), J("info", "Manual authentication URL retrieved:", e));
+			let e = G.current?.getLastAttemptedAuthUrl?.();
+			e && !Pe && (U(e), J("info", "Manual authentication URL retrieved:", e));
 		} else J("info", `Client not in a state requiring manual authentication trigger (state: ${e}). If needed, try disconnecting and reconnecting.`);
 	}, [
 		J,
 		ot,
 		Y,
-		Fe,
+		Pe,
 		t,
 		h,
 		g,
@@ -4151,13 +4151,13 @@ function pa(e) {
 		N.uri,
 		N.logo_uri,
 		ae,
-		re,
+		E,
 		ie,
 		r,
 		M,
 		a
 	]), ct = (0, A.useCallback)(() => {
-		W.current?.clearStorage ? (J("info", `Cleared ${W.current.clearStorage()} item(s) from localStorage for ${t}.`), H(void 0), it()) : J("warn", "Auth provider not initialized, cannot clear storage.");
+		G.current?.clearStorage ? (J("info", `Cleared ${G.current.clearStorage()} item(s) from localStorage for ${t}.`), U(void 0), it()) : J("warn", "Auth provider not initialized, cannot clear storage.");
 	}, [
 		t,
 		J,
@@ -4166,21 +4166,21 @@ function pa(e) {
 	(0, A.useEffect)(() => {
 		if (typeof window > "u") return;
 		let e = (e, t) => {
-			if (We.current) {
+			if (Ue.current) {
 				J("debug", `Ignoring auth callback via ${t}; manual popup flow owns this result.`);
 				return;
 			}
-			let n = W.current?.serverUrlHash;
+			let n = G.current?.serverUrlHash;
 			if (e?.serverUrlHash && n && e.serverUrlHash !== n) {
 				J("debug", `Ignoring auth callback via ${t} for a different server.`);
 				return;
 			}
-			if (J("info", `Received auth callback via ${t}.`, e), He.current && clearTimeout(He.current), He.current = null, e?.success) J("info", "Authentication successful via popup. Reconnecting client..."), G.current && J("debug", "Connection attempt already in progress, resetting flag to allow reconnection."), G.current = !1, setTimeout(() => {
-				K.current && (J("debug", "Initiating reconnection after successful auth callback."), qe.current?.());
+			if (J("info", `Received auth callback via ${t}.`, e), Ve.current && clearTimeout(Ve.current), Ve.current = null, e?.success) J("info", "Authentication successful via popup. Reconnecting client..."), K.current && J("debug", "Connection attempt already in progress, resetting flag to allow reconnection."), K.current = !1, setTimeout(() => {
+				q.current && (J("debug", "Initiating reconnection after successful auth callback."), qe.current?.());
 			}, 100);
 			else {
-				if (q.current !== "authenticating" && q.current !== "pending_auth") {
-					J("debug", `Ignoring stale auth failure callback (state=${q.current}).`);
+				if (We.current !== "authenticating" && We.current !== "pending_auth") {
+					J("debug", `Ignoring stale auth failure callback (state=${We.current}).`);
 					return;
 				}
 				Je.current?.(`Authentication failed in callback: ${e?.error || "Unknown reason."}`);
@@ -4204,33 +4204,33 @@ function pa(e) {
 				} catch {}
 				J("debug", "Auth callback BroadcastChannel listener removed.");
 			}
-			He.current && clearTimeout(He.current);
+			Ve.current && clearTimeout(Ve.current);
 		};
 	}, [J]), (0, A.useEffect)(() => {
-		if (K.current = !0, !n || !t) return J("debug", n ? "No server URL provided, skipping connection." : "Connection disabled via enabled flag."), z("discovering"), () => {
-			K.current = !1;
+		if (q.current = !0, !n || !t) return J("debug", n ? "No server URL provided, skipping connection." : "Connection disabled via enabled flag."), B("discovering"), () => {
+			q.current = !1;
 		};
-		if (J("debug", "useMcp mounted, initiating connection."), Be.current = 0, a) W.current = a, J("debug", "Using externally provided authProvider");
-		else if (!W.current || W.current.serverUrl !== I) {
+		if (J("debug", "useMcp mounted, initiating connection."), ze.current = 0, a) G.current = a, J("debug", "Using externally provided authProvider");
+		else if (!G.current || G.current.serverUrl !== L) {
 			let { provider: e, oauthProxyUrl: t } = sa({
-				effectiveOAuthUrl: I,
+				effectiveOAuthUrl: L,
 				storageKeyPrefix: i,
 				oauthClientConfig: N,
 				callbackUrl: r,
 				preventAutoAuth: m,
 				useRedirectFlow: h,
-				gatewayUrl: F,
+				gatewayUrl: I,
 				oauthProxyUrl: c,
 				onPopupWindow: g,
 				proxyOAuthRequests: !0,
 				staticClientInfo: ae,
-				clientMetadataUrl: re,
+				clientMetadataUrl: E,
 				scope: ie
 			});
-			W.current = e, t && J("debug", `OAuth proxy URL in effect: ${t}`), J("debug", `BrowserOAuthClientProvider initialized/updated with URL: ${I}, proxy: ${t ? "enabled" : "disabled"}, gateway: ${F ? "enabled" : "disabled"}`);
+			G.current = e, t && J("debug", `OAuth proxy URL in effect: ${t}`), J("debug", `BrowserOAuthClientProvider initialized/updated with URL: ${L}, proxy: ${t ? "enabled" : "disabled"}, gateway: ${I ? "enabled" : "disabled"}`);
 		}
 		return at(), () => {
-			K.current = !1, J("debug", "useMcp unmounting, disconnecting."), it(!0);
+			q.current = !1, J("debug", "useMcp unmounting, disconnecting."), it(!0);
 		};
 	}, [
 		t,
@@ -4242,11 +4242,11 @@ function pa(e) {
 		N.uri,
 		N.logo_uri,
 		ae,
-		re,
+		E,
 		ie,
 		h,
 		M,
-		I,
+		L,
 		s,
 		a
 	]);
@@ -4255,38 +4255,38 @@ function pa(e) {
 		lt.current = ot, ut.current = J;
 	}, [ot, J]), (0, A.useEffect)(() => {
 		let e = null;
-		if (R === "failed" && d && Be.current > 0) {
-			if (!Ue.current) {
-				Ue.current = !0;
+		if (z === "failed" && d && ze.current > 0) {
+			if (!He.current) {
+				He.current = !0;
 				let t = typeof d == "number" ? d : fa;
 				ut.current("info", `Connection failed, auto-retrying in ${t}ms...`), e = setTimeout(() => {
-					Ue.current = !1, K.current && q.current === "failed" && lt.current();
+					He.current = !1, q.current && We.current === "failed" && lt.current();
 				}, t);
 			}
-		} else R !== "failed" && (Ue.current = !1);
+		} else z !== "failed" && (He.current = !1);
 		return () => {
-			e && (clearTimeout(e), Ue.current = !1);
+			e && (clearTimeout(e), He.current = !1);
 		};
-	}, [R, d]);
-	let dt = (0, A.useCallback)(async () => q.current === "ready" ? xe?.icon ? xe.icon : ze.current ? (J("debug", "Waiting for icon to finish loading..."), await ze.current) : (J("debug", "No icon available and no loading in progress"), null) : (J("warn", "Cannot ensure icon loaded - not connected"), null), [xe, J]);
+	}, [z, d]);
+	let dt = (0, A.useCallback)(async () => We.current === "ready" ? ye?.icon ? ye.icon : Re.current ? (J("debug", "Waiting for icon to finish loading..."), await Re.current) : (J("debug", "No icon available and no loading in progress"), null) : (J("warn", "Cannot ensure icon loaded - not connected"), null), [ye, J]);
 	return {
-		state: R,
-		name: xe?.name || t || "",
-		tools: pe,
-		resources: he,
-		resourceTemplates: _e,
-		prompts: ye,
-		serverInfo: xe,
-		capabilities: Ce,
-		protocolEra: we,
-		protocolVersion: Ee,
-		instructions: Oe,
-		extensions: Ae,
-		error: je,
-		log: Ne,
-		authUrl: Fe,
-		authTokens: Ie,
-		client: U.current,
+		state: z,
+		name: ye?.name || t || "",
+		tools: fe,
+		resources: pe,
+		resourceTemplates: he,
+		prompts: _e,
+		serverInfo: ye,
+		capabilities: xe,
+		protocolEra: Ce,
+		protocolVersion: Te,
+		instructions: Ee,
+		extensions: Oe,
+		error: Ae,
+		log: Me,
+		authUrl: Pe,
+		authTokens: Fe,
+		client: W.current,
 		...rt,
 		retry: ot,
 		disconnect: it,
@@ -4622,9 +4622,9 @@ function Ma({ id: e, options: t, defaultCallbackUrl: n, defaultOAuthProxyUrl: r,
 		t.connectionMode,
 		t.proxyConfig,
 		l
-	]), ne = (0, A.useCallback)((t) => u(e, t), [e, u]), w = (0, A.useCallback)(() => d(e), [e, d]), T = (0, A.useRef)(c), E = (0, A.useRef)(null);
+	]), ne = (0, A.useCallback)((t) => u(e, t), [e, u]), w = (0, A.useCallback)(() => d(e), [e, d]), re = (0, A.useRef)(c), T = (0, A.useRef)(null);
 	return (0, A.useEffect)(() => {
-		T.current = c;
+		re.current = c;
 	}, [c]), (0, A.useEffect)(() => {
 		let n = {
 			...Ea(t),
@@ -4646,8 +4646,8 @@ function Ma({ id: e, options: t, defaultCallbackUrl: n, defaultOAuthProxyUrl: r,
 			setHeaders: C,
 			setDisplayName: ne,
 			reconnect: w
-		}, r = E.current;
-		!r || !ja(r, n) ? (E.current = n, T.current(n)) : Q.debug(`[McpServerWrapper ${e}] No meaningful changes detected, skipping onUpdate`);
+		}, r = T.current;
+		!r || !ja(r, n) ? (T.current = n, re.current(n)) : Q.debug(`[McpServerWrapper ${e}] No meaningful changes detected, skipping onUpdate`);
 	}, [
 		e,
 		h,
@@ -4679,19 +4679,19 @@ function Na({ children: e, mcpServers: t, defaultCallbackUrl: n, defaultOAuthPro
 	(0, A.useEffect)(() => {
 		S.current = _;
 	}, [_]);
-	let C = (0, A.useRef)({}), [ne, w] = (0, A.useState)(void 0), [T, E] = (0, A.useState)(!1);
+	let C = (0, A.useRef)({}), [ne, w] = (0, A.useState)(void 0), [re, T] = (0, A.useState)(!1);
 	(0, A.useEffect)(() => {
 		if (!l || typeof window > "u") {
-			w(void 0), E(!0);
+			w(void 0), T(!0);
 			return;
 		}
 		Promise.resolve().then(() => (wr(), hr)).then((e) => {
-			Q.debug("[McpClientProvider] RPC logger loaded"), w(() => e.wrapTransportForLogging), E(!0);
+			Q.debug("[McpClientProvider] RPC logger loaded"), w(() => e.wrapTransportForLogging), T(!0);
 		}).catch((e) => {
-			Q.error("[McpClientProvider] Failed to load RPC logger:", e), w(void 0), E(!0);
+			Q.error("[McpClientProvider] Failed to load RPC logger:", e), w(void 0), T(!0);
 		});
 	}, [l]), (0, A.useEffect)(() => {
-		if (!T) {
+		if (!re) {
 			Q.debug("[McpClientProvider] Waiting for RPC logging to be ready before loading servers");
 			return;
 		}
@@ -4733,7 +4733,7 @@ function Na({ children: e, mcpServers: t, defaultCallbackUrl: n, defaultOAuthPro
 	}, [
 		c,
 		t,
-		T
+		re
 	]), (0, A.useEffect)(() => {
 		!c || !y || (async () => {
 			try {
@@ -4748,7 +4748,7 @@ function Na({ children: e, mcpServers: t, defaultCallbackUrl: n, defaultOAuthPro
 		c,
 		y
 	]);
-	let re = (0, A.useCallback)((e) => {
+	let E = (0, A.useCallback)((e) => {
 		Q.debug(`[McpClientProvider] handleServerUpdate called for server ${e.id}`, {
 			toolCount: e.tools.length,
 			state: e.state
@@ -4863,7 +4863,7 @@ function Na({ children: e, mcpServers: t, defaultCallbackUrl: n, defaultOAuthPro
 		D,
 		k,
 		y
-	]), { capabilities: j, ...M } = s || {}, N = (0, A.useMemo)(() => Object.keys(M).length ? M : void 0, [s]), ce = (0, A.useMemo)(() => h.map((e) => {
+	]), { capabilities: j, ...M } = s || {}, N = (0, A.useMemo)(() => Object.keys(M).length ? M : void 0, [s]), P = (0, A.useMemo)(() => h.map((e) => {
 		let t = o ? {
 			...o,
 			...e.options
@@ -4885,8 +4885,8 @@ function Na({ children: e, mcpServers: t, defaultCallbackUrl: n, defaultOAuthPro
 		h,
 		j,
 		o
-	]), P = typeof window < "u" && /\/oauth\/callback\/?$/.test(window.location.pathname);
-	return /* @__PURE__ */ A.createElement(Aa.Provider, { value: se }, e, !P && ce.map((e) => /* @__PURE__ */ A.createElement(Ma, {
+	]), ce = typeof window < "u" && /\/oauth\/callback\/?$/.test(window.location.pathname);
+	return /* @__PURE__ */ A.createElement(Aa.Provider, { value: se }, e, !ce && P.map((e) => /* @__PURE__ */ A.createElement(Ma, {
 		key: `${e.id}-v${ee[e.id] ?? 0}`,
 		id: e.id,
 		options: e.options,
@@ -4896,7 +4896,7 @@ function Na({ children: e, mcpServers: t, defaultCallbackUrl: n, defaultOAuthPro
 		defaultAutoProxyFallback: a,
 		clientInfo: N,
 		cachedMetadata: C.current[e.id],
-		onUpdate: re,
+		onUpdate: E,
 		onUpdateConfig: D,
 		onUpdateDisplayName: (e, t) => oe(e, { name: t }),
 		onReconnect: O,
@@ -5028,8 +5028,8 @@ function Ua(e) {
 	let t = "<script>window.__SANDBOX_SEARCH__ = " + JSON.stringify(e).replace(/</g, "\\u003c") + ";<\/script>";
 	return Ha.replace("<body>", "<body>" + t);
 }
-var Wa = "fixed inset-0 z-[100] w-full h-full min-h-0 bg-background flex flex-col [&:fullscreen]:h-full [&:fullscreen]:w-full [&:fullscreen]:bg-background", Ga = [
-	"fixed top-4 left-1/2 -translate-x-1/2 z-[100]",
+var Wa = "fixed inset-0 z-[200] w-full h-full min-h-0 bg-background flex flex-col [&:fullscreen]:h-full [&:fullscreen]:w-full [&:fullscreen]:bg-background", Ga = [
+	"fixed top-4 left-1/2 -translate-x-1/2 z-[200]",
 	"rounded-3xl w-full min-w-[300px] h-[400px]",
 	"shadow-2xl border overflow-hidden",
 	"bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/80",
@@ -5057,7 +5057,8 @@ function Ya({ displayMode: e, setDisplayMode: t }) {
 }
 var Xa = {
 	PIP_MAX_WIDTH: 700,
-	DEFAULT_HEIGHT: 400
+	DEFAULT_HEIGHT: 400,
+	FULLSCREEN_HEADER_HEIGHT: 50
 };
 function Za(e) {
 	let t = e?.ui;
@@ -5080,7 +5081,20 @@ var eo = {
 	updateModelContext: { text: {} },
 	message: { text: {} }
 };
-function io(e) {
+function io() {
+	return /* @__PURE__ */ A.createElement("svg", {
+		width: "14",
+		height: "14",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": !0
+	}, /* @__PURE__ */ A.createElement("path", { d: "M18 6 6 18" }), /* @__PURE__ */ A.createElement("path", { d: "m6 6 12 12" }));
+}
+function ao(e) {
 	return new Promise((t) => {
 		let n = (r) => {
 			r.source === e.contentWindow && r.data?.method === no && (window.removeEventListener("message", n), t());
@@ -5088,7 +5102,7 @@ function io(e) {
 		window.addEventListener("message", n);
 	});
 }
-function ao(e) {
+function oo(e) {
 	let t = e.oninitialized;
 	return new Promise((n) => {
 		e.oninitialized = (...r) => {
@@ -5096,71 +5110,76 @@ function ao(e) {
 		};
 	});
 }
-function oo(e, t) {
+function so(e, t) {
 	let n = Ia(t);
 	return Object.keys(n).length > 0 ? {
 		...typeof e == "object" && e ? e : {},
 		structuredContent: n
 	} : e ?? null;
 }
-function so({ viewId: e, source: t, sandboxUrl: n, toolName: r = "view", toolInput: i, toolOutput: a, partialToolInput: o, customProps: s, cancelled: c, hostInfo: l = eo, hostContext: u, hostCapabilities: d, cspMode: f = "widget-declared", displayMode: p, onDisplayModeChange: m, inlineMaxWidth: h = 768, chromeless: g, onMessage: _, onModelContextUpdate: v, onLog: ee, onReady: te, onLifecycleChange: y, onError: b, onCspViolation: x, onResourceResolved: S, wrapTransport: C, toolCallTimeout: ne = to, mockOpenAiFileApis: w = !1, className: T, testId: E = "mcp-app-frame", invoking: re, invoked: ie }) {
-	let ae = (0, A.useRef)(null), D = (0, A.useRef)(null), O = (0, A.useRef)(null), oe = (0, A.useRef)(t.kind === "live" ? t.connection : null), [k, se] = (0, A.useState)(null), [j, M] = (0, A.useState)(null), [N, ce] = (0, A.useState)(null), [P, le] = (0, A.useState)(0), [ue, de] = (0, A.useState)(!0), [F, fe] = (0, A.useState)(Xa.DEFAULT_HEIGHT), [I, L] = (0, A.useState)("inline"), R = p ?? I, z = (0, A.useRef)(u);
-	z.current = u;
-	let pe = (0, A.useRef)(_);
-	pe.current = _;
-	let me = (0, A.useRef)(i);
-	me.current = i;
-	let he = (0, A.useRef)(o);
-	he.current = o;
-	let ge = (0, A.useRef)(a);
-	ge.current = a;
-	let _e = (0, A.useRef)(s);
-	_e.current = s;
-	let ve = (0, A.useRef)(S);
-	ve.current = S;
-	let ye = (0, A.useRef)(v);
-	ye.current = v;
-	let be = (0, A.useRef)(ee);
-	be.current = ee;
-	let xe = (0, A.useRef)(b);
-	xe.current = b;
-	let Se = (0, A.useRef)(x);
-	Se.current = x;
-	let Ce = (0, A.useRef)(te);
-	Ce.current = te;
-	let B = (0, A.useRef)(y);
-	B.current = y;
-	let we = (0, A.useRef)(n);
-	we.current = n;
-	let Te = (0, A.useRef)(f);
-	Te.current = f;
-	let Ee = (0, A.useRef)(w);
-	Ee.current = w;
-	let De = (0, A.useCallback)((e) => {
-		let t = we.current;
+function co({ viewId: e, source: t, sandboxUrl: n, toolName: r = "view", toolInput: i, toolOutput: a, partialToolInput: o, customProps: s, cancelled: c, hostInfo: l = eo, hostContext: u, hostCapabilities: d, cspMode: f = "widget-declared", displayMode: p, onDisplayModeChange: m, inlineMaxWidth: h = 768, chromeless: g, onMessage: _, onModelContextUpdate: v, onLog: ee, onReady: te, onLifecycleChange: y, onError: b, onCspViolation: x, onResourceResolved: S, wrapTransport: C, toolCallTimeout: ne = to, mockOpenAiFileApis: w = !1, onInlineHeightChange: re, fullscreenHeader: T, renderFullscreenClose: E, className: ie, testId: ae = "mcp-app-frame", invoking: D, invoked: O }) {
+	let oe = (0, A.useRef)(null), k = (0, A.useRef)(null), se = (0, A.useRef)(null), j = (0, A.useRef)(t.kind === "live" ? t.connection : null), [M, N] = (0, A.useState)(null), [P, ce] = (0, A.useState)(null), [le, ue] = (0, A.useState)(null), [F, I] = (0, A.useState)(0), [de, L] = (0, A.useState)(!0), [R, z] = (0, A.useState)(Xa.DEFAULT_HEIGHT), [B, fe] = (0, A.useState)("inline"), V = p ?? B, pe = (0, A.useMemo)(() => !u || u.displayMode === V ? u : {
+		...u,
+		displayMode: V
+	}, [u, V]), me = (0, A.useRef)(pe);
+	me.current = pe;
+	let he = (0, A.useRef)(_);
+	he.current = _;
+	let ge = (0, A.useRef)(i);
+	ge.current = i;
+	let _e = (0, A.useRef)(o);
+	_e.current = o;
+	let ve = (0, A.useRef)(a);
+	ve.current = a;
+	let ye = (0, A.useRef)(s);
+	ye.current = s;
+	let be = (0, A.useRef)(S);
+	be.current = S;
+	let xe = (0, A.useRef)(v);
+	xe.current = v;
+	let Se = (0, A.useRef)(ee);
+	Se.current = ee;
+	let Ce = (0, A.useRef)(b);
+	Ce.current = b;
+	let we = (0, A.useRef)(x);
+	we.current = x;
+	let Te = (0, A.useRef)(te);
+	Te.current = te;
+	let H = (0, A.useRef)(y);
+	H.current = y;
+	let Ee = (0, A.useRef)(re);
+	Ee.current = re;
+	let De = (0, A.useRef)(n);
+	De.current = n;
+	let Oe = (0, A.useRef)(f);
+	Oe.current = f;
+	let ke = (0, A.useRef)(w);
+	ke.current = w;
+	let Ae = (0, A.useCallback)((e) => {
+		let t = De.current;
 		return t ? typeof t == "function" ? t(e) : t : Va({
-			cspMode: Te.current,
+			cspMode: Oe.current,
 			permissions: e.permissions,
 			widgetCsp: e.declaredCsp
 		});
-	}, []), { handleDisplayModeChange: Oe, fullscreenShellClassName: ke, pipShellClassName: Ae, isFullscreen: V, isPip: je } = Ya({
-		containerRef: O,
-		displayMode: R,
+	}, []), { handleDisplayModeChange: je, fullscreenShellClassName: Me, pipShellClassName: Ne, isFullscreen: Pe, isPip: U } = Ya({
+		containerRef: se,
+		displayMode: V,
 		setDisplayMode: (0, A.useCallback)((e) => {
-			m ? m(e) : L(e);
+			m ? m(e) : fe(e);
 		}, [m])
-	}), Me = (0, A.useRef)(Oe);
-	Me.current = Oe;
-	let Ne = (0, A.useRef)(R);
-	Ne.current = R;
-	let Pe = t.kind === "live" ? t.resourceUri : void 0, Fe = t.kind === "preloaded" ? t.html : void 0;
-	t.kind === "live" && (oe.current = t.connection), (0, A.useEffect)(() => {
+	}), Fe = (0, A.useRef)(je);
+	Fe.current = je;
+	let Ie = (0, A.useRef)(V);
+	Ie.current = V;
+	let W = t.kind === "live" ? t.resourceUri : void 0, Le = t.kind === "preloaded" ? t.html : void 0;
+	t.kind === "live" && (j.current = t.connection), (0, A.useEffect)(() => {
 		let e = !1;
-		B.current?.({ status: "resolving" });
+		H.current?.({ status: "resolving" });
 		let n = (e) => {
-			se(e), B.current?.({ status: "sandbox-loading" });
-			let t = De(e);
-			M((e) => e?.href === t.href ? e : t), ve.current?.(e);
+			N(e), H.current?.({ status: "sandbox-loading" });
+			let t = Ae(e);
+			ce((e) => e?.href === t.href ? e : t), be.current?.(e);
 		};
 		if (t.kind === "preloaded") {
 			n({
@@ -5176,7 +5195,7 @@ function so({ viewId: e, source: t, sandboxUrl: n, toolName: r = "view", toolInp
 			return;
 		}
 		let { connection: r, resourceUri: i } = t;
-		return oe.current = r, (async () => {
+		return j.current = r, (async () => {
 			try {
 				let t = await r.readResource(i);
 				if (e) return;
@@ -5188,7 +5207,7 @@ function so({ viewId: e, source: t, sandboxUrl: n, toolName: r = "view", toolInp
 				});
 				if (!o.mimeTypeValid) {
 					let e = o.mimeTypeWarning || "Invalid MIME type - SEP-1865 requires \"text/html;profile=mcp-app\"";
-					ce(e), B.current?.({
+					ue(e), H.current?.({
 						status: "error",
 						error: e
 					});
@@ -5197,7 +5216,7 @@ function so({ viewId: e, source: t, sandboxUrl: n, toolName: r = "view", toolInp
 				n(o);
 			} catch (t) {
 				if (e) return;
-				ce(t instanceof Error ? t.message : "Failed to prepare view"), B.current?.({
+				ue(t instanceof Error ? t.message : "Failed to prepare view"), H.current?.({
 					status: "error",
 					error: t instanceof Error ? t.message : "Failed to prepare view"
 				});
@@ -5207,30 +5226,30 @@ function so({ viewId: e, source: t, sandboxUrl: n, toolName: r = "view", toolInp
 		};
 	}, [
 		t.kind,
-		Pe,
-		Fe,
+		W,
+		Le,
 		f,
-		De
+		Ae
 	]), (0, A.useEffect)(() => {
-		let e = j;
+		let e = P;
 		return () => {
 			e?.protocol === "blob:" && URL.revokeObjectURL(e.href);
 		};
-	}, [j]);
-	let H = j?.protocol === "blob:", Ie = !j || H ? null : (() => {
+	}, [P]);
+	let G = P?.protocol === "blob:", Re = !P || G ? null : (() => {
 		try {
-			return j.origin;
+			return P.origin;
 		} catch {
 			return null;
 		}
 	})();
 	(0, A.useEffect)(() => {
-		if (!Ie && !H) return;
+		if (!Re && !G) return;
 		let e = (e) => {
-			let t = ae.current;
-			if (t?.contentWindow && e.source === t.contentWindow && !(!H && e.origin !== Ie && Ie !== "*")) {
+			let t = oe.current;
+			if (t?.contentWindow && e.source === t.contentWindow && !(!G && e.origin !== Re && Re !== "*")) {
 				if (e.data?.type === "mcp-apps:csp-violation") {
-					Se.current?.({
+					we.current?.({
 						directive: e.data.directive,
 						effectiveDirective: e.data.effectiveDirective,
 						blockedUri: e.data.blockedUri,
@@ -5242,33 +5261,33 @@ function so({ viewId: e, source: t, sandboxUrl: n, toolName: r = "view", toolInp
 					});
 					return;
 				}
-				e.data?.type === "iframe-console-log" && be.current && be.current({
+				e.data?.type === "iframe-console-log" && Se.current && Se.current({
 					level: e.data.level ?? "log",
 					data: e.data.args
 				});
 			}
 		};
 		return window.addEventListener("message", e), () => window.removeEventListener("message", e);
-	}, [Ie, H]), (0, A.useEffect)(() => {
-		if (!k || !j) return;
-		let t = ae.current;
+	}, [Re, G]), (0, A.useEffect)(() => {
+		if (!M || !P) return;
+		let t = oe.current;
 		if (!t) return;
 		let n = !1, r = null;
 		return (async () => {
 			try {
-				B.current?.({ status: "connecting" }), t.setAttribute("sandbox", "allow-scripts allow-same-origin allow-forms");
-				let i = tr(k.permissions);
+				H.current?.({ status: "connecting" }), t.setAttribute("sandbox", "allow-scripts allow-same-origin allow-forms");
+				let i = tr(M.permissions);
 				i && t.setAttribute("allow", i);
-				let a = io(t);
-				if (t.src = j.href, await a, n) return;
+				let a = ao(t);
+				if (t.src = P.href, await a, n) return;
 				r = new rr(null, l, {
 					...d ?? ro,
 					sandbox: {
-						csp: f === "permissive" ? void 0 : k.csp,
-						permissions: k.permissions
+						csp: f === "permissive" ? void 0 : M.csp,
+						permissions: M.permissions
 					}
-				}, { hostContext: z.current }), r.onmessage = async ({ content: e }) => (e.length > 0 && pe.current && pe.current(e), {}), r.onopenlink = async ({ url: e }) => (e && window.open(e, "_blank", "noopener,noreferrer"), {}), r.oncalltool = (async ({ name: e, arguments: t }) => {
-					let n = oe.current;
+				}, { hostContext: me.current }), r.onmessage = async ({ content: e }) => (e.length > 0 && he.current && he.current(e), {}), r.onopenlink = async ({ url: e }) => (e && window.open(e, "_blank", "noopener,noreferrer"), {}), r.oncalltool = (async ({ name: e, arguments: t }) => {
+					let n = j.current;
 					if (!n) throw Error("Server connection not available");
 					try {
 						return await n.callTool(e, t || {}, {
@@ -5279,51 +5298,51 @@ function so({ viewId: e, source: t, sandboxUrl: n, toolName: r = "view", toolInp
 						throw r?.sendToolCancelled({ reason: e instanceof Error ? e.message : String(e) }), e;
 					}
 				}), r.onreadresource = (async ({ uri: e }) => {
-					let t = oe.current;
+					let t = j.current;
 					if (!t) throw Error("Server connection not available");
 					return await t.readResource(e);
 				}), r.onlistresources = (async () => {
-					let e = oe.current;
+					let e = j.current;
 					if (!e) throw Error("Server connection not available");
 					return { resources: [...e.resources ?? []] };
 				}), r.onrequestdisplaymode = async ({ mode: e }) => {
-					let t = e ?? "inline", n = (z.current?.availableDisplayModes ?? [
+					let t = e ?? "inline", n = (me.current?.availableDisplayModes ?? [
 						"inline",
 						"pip",
 						"fullscreen"
-					]).includes(t) ? t : Ne.current;
-					return await Me.current(n), { mode: n };
-				}, r.onupdatemodelcontext = async ({ content: e, structuredContent: t }) => (ye.current?.({
+					]).includes(t) ? t : Ie.current;
+					return await Fe.current(n), { mode: n };
+				}, r.onupdatemodelcontext = async ({ content: e, structuredContent: t }) => (xe.current?.({
 					content: e,
 					structuredContent: t
-				}), {}), r.onloggingmessage = async ({ level: e, data: t }) => (be.current?.({
+				}), {}), r.onloggingmessage = async ({ level: e, data: t }) => (Se.current?.({
 					level: e,
 					data: t
 				}), {}), r.onsizechange = async ({ height: e }) => {
-					Ne.current === "inline" && e !== void 0 && fe(e);
+					Ie.current === "inline" && e !== void 0 && (z(e), Ee.current?.(e));
 				};
-				let o = ao(r), s = new $n(t.contentWindow, t.contentWindow);
+				let o = oo(r), s = new $n(t.contentWindow, t.contentWindow);
 				if (C && (s = C(s, e)), await r.connect(s), n || (await r.sendSandboxResourceReady({
-					html: Ee.current ? Ra(k.html) : k.html,
-					csp: k.csp,
-					permissions: k.permissions
+					html: ke.current ? Ra(M.html) : M.html,
+					csp: M.csp,
+					permissions: M.permissions
 				}), await o, n)) return;
-				D.current = r, le((e) => e + 1), B.current?.({ status: "initialized" });
-				let c = he.current;
+				k.current = r, I((e) => e + 1), H.current?.({ status: "initialized" });
+				let c = _e.current;
 				if (c) r.sendToolInputPartial({ arguments: c });
 				else {
 					let e = {
-						...me.current,
-						...Ia(_e.current)
+						...ge.current,
+						...Ia(ye.current)
 					};
 					r.sendToolInput({ arguments: e });
 				}
-				let u = oo(ge.current, _e.current);
-				u && r.sendToolResult(u), B.current?.({ status: "ready" });
+				let u = so(ve.current, ye.current);
+				u && r.sendToolResult(u), H.current?.({ status: "ready" });
 			} catch (e) {
 				if (!n) {
 					let t = e instanceof Error ? e.message : "Failed to connect view";
-					ce(t), xe.current?.(t), B.current?.({
+					ue(t), Ce.current?.(t), H.current?.({
 						status: "error",
 						error: t
 					});
@@ -5332,17 +5351,17 @@ function so({ viewId: e, source: t, sandboxUrl: n, toolName: r = "view", toolInp
 		})(), () => {
 			n = !0;
 			let e = r;
-			D.current = null, e && (B.current?.({ status: "tearing-down" }), (async () => {
+			k.current = null, e && (H.current?.({ status: "tearing-down" }), (async () => {
 				try {
 					await Promise.race([e.teardownResource({}), new Promise((e, t) => setTimeout(() => t(/* @__PURE__ */ Error("teardown timeout")), 2e3))]);
 				} catch {} finally {
-					e.close().catch(() => {}), B.current?.({ status: "closed" });
+					e.close().catch(() => {}), H.current?.({ status: "closed" });
 				}
 			})());
 		};
 	}, [
-		k,
-		j,
+		M,
+		P,
 		l,
 		d,
 		f,
@@ -5351,82 +5370,113 @@ function so({ viewId: e, source: t, sandboxUrl: n, toolName: r = "view", toolInp
 		ne,
 		w
 	]), (0, A.useEffect)(() => {
-		let e = D.current;
-		!e || P === 0 || !u || e.setHostContext(u);
-	}, [u, P]), (0, A.useEffect)(() => {
-		let e = D.current;
-		!e || P === 0 || !o || e.sendToolInputPartial({ arguments: o });
-	}, [P, o]), (0, A.useEffect)(() => {
-		let e = D.current;
-		if (!e || P === 0 || o) return;
+		let e = k.current;
+		!e || F === 0 || !pe || e.setHostContext(pe);
+	}, [pe, F]), (0, A.useEffect)(() => {
+		let e = k.current;
+		!e || F === 0 || !o || e.sendToolInputPartial({ arguments: o });
+	}, [F, o]), (0, A.useEffect)(() => {
+		let e = k.current;
+		if (!e || F === 0 || o) return;
 		let t = {
 			...i,
 			...Ia(s)
 		};
 		e.sendToolInput({ arguments: t });
 	}, [
-		P,
+		F,
 		i,
 		o,
 		s
 	]), (0, A.useEffect)(() => {
-		let e = D.current;
-		if (!e || P === 0) return;
-		let t = oo(a, s);
+		let e = k.current;
+		if (!e || F === 0) return;
+		let t = so(a, s);
 		t && e.sendToolResult(t);
 	}, [
-		P,
+		F,
 		a,
 		s
 	]), (0, A.useEffect)(() => {
-		let e = D.current;
-		!e || P === 0 || !c || e.sendToolCancelled({ reason: "Cancelled by user" });
-	}, [c, P]);
-	let Le = (0, A.useRef)(!1);
-	if ((0, A.useEffect)(() => {
-		Le.current || P === 0 || (Le.current = !0, Ce.current?.());
-	}, [P]), (0, A.useEffect)(() => {
-		if (P === 0 || !ue) return;
-		let e = setTimeout(() => de(!1), 300);
+		let e = k.current;
+		!e || F === 0 || !c || e.sendToolCancelled({ reason: "Cancelled by user" });
+	}, [c, F]);
+	let K = (0, A.useRef)(!1);
+	(0, A.useEffect)(() => {
+		K.current || F === 0 || (K.current = !0, Te.current?.());
+	}, [F]), (0, A.useEffect)(() => {
+		if (F === 0 || !de) return;
+		let e = setTimeout(() => L(!1), 300);
 		return () => clearTimeout(e);
-	}, [P, ue]), N) return /* @__PURE__ */ A.createElement("div", { className: T }, /* @__PURE__ */ A.createElement("div", { className: "border border-red-200/50 dark:border-red-800/50 bg-red-50/30 dark:bg-red-950/20 rounded-lg p-4" }, /* @__PURE__ */ A.createElement("p", { className: "text-sm text-red-600 dark:text-red-400" }, "Failed to load view: ", N)));
-	if (!k) return /* @__PURE__ */ A.createElement("div", { className: T }, /* @__PURE__ */ A.createElement("div", { className: "flex items-center justify-center w-full h-[200px]" }, /* @__PURE__ */ A.createElement("span", { className: "text-sm text-muted-foreground" }, "Loading view…")));
-	let U = ke ?? Ae ?? "flex group flex-1 items-center justify-center", Re = {
-		height: V || je ? "100%" : `${F}px`,
+	}, [F, de]);
+	let q = M !== null && M.prefersBorder && V !== "fullscreen";
+	if (le) return /* @__PURE__ */ A.createElement("div", { className: ie }, /* @__PURE__ */ A.createElement("div", { className: "border border-red-200/50 dark:border-red-800/50 bg-red-50/30 dark:bg-red-950/20 rounded-lg p-4" }, /* @__PURE__ */ A.createElement("p", { className: "text-sm text-red-600 dark:text-red-400" }, "Failed to load view: ", le)));
+	if (!M) return /* @__PURE__ */ A.createElement("div", { className: ie }, /* @__PURE__ */ A.createElement("div", { className: "flex items-center justify-center w-full h-[200px]" }, /* @__PURE__ */ A.createElement("span", { className: "text-sm text-muted-foreground" }, "Loading view…")));
+	let ze = Me ?? Ne ?? "flex group flex-1 items-center justify-center", Be = {
+		height: Pe || U ? "100%" : `${R}px`,
 		width: "100%",
-		maxWidth: R === "inline" ? `${h}px` : "100%",
-		transition: V || je ? void 0 : "height 300ms ease-out"
-	}, W = /* @__PURE__ */ A.createElement("div", {
-		ref: O,
-		className: U,
-		style: je ? {
+		maxWidth: V === "inline" ? `${h}px` : "100%",
+		transition: Pe || U ? void 0 : "height 300ms ease-out"
+	}, Ve = /* @__PURE__ */ A.createElement("div", {
+		ref: se,
+		className: Pe ? `${ze} flex flex-col` : ze,
+		style: U ? {
 			height: Xa.DEFAULT_HEIGHT,
 			maxWidth: Xa.PIP_MAX_WIDTH,
 			zIndex: 100
-		} : V ? { zIndex: 100 } : void 0
-	}, (V || je) && /* @__PURE__ */ A.createElement("button", {
+		} : Pe ? { zIndex: 100 } : void 0
+	}, Pe && /* @__PURE__ */ A.createElement("header", {
+		className: "grid shrink-0 items-center border-b border-zinc-200 bg-background px-3 dark:border-zinc-700",
+		style: {
+			height: Xa.FULLSCREEN_HEADER_HEIGHT,
+			gridTemplateColumns: "auto 1fr auto"
+		}
+	}, E ? E({
+		onClick: () => void je("inline"),
+		"data-testid": "debugger-exit-fullscreen-button",
+		"aria-label": "Exit fullscreen"
+	}) : /* @__PURE__ */ A.createElement("button", {
+		type: "button",
+		"data-testid": "debugger-exit-fullscreen-button",
+		"aria-label": "Exit fullscreen",
+		className: "flex size-8 cursor-pointer items-center justify-center rounded-full border border-zinc-200 bg-background text-foreground shadow-sm hover:bg-muted dark:border-zinc-700",
+		onClick: () => void je("inline")
+	}, /* @__PURE__ */ A.createElement(io, null)), /* @__PURE__ */ A.createElement("div", { className: "flex min-w-0 items-center justify-center gap-2 px-2" }, T?.iconUrl ? /* @__PURE__ */ A.createElement("img", {
+		src: T.iconUrl,
+		alt: "",
+		className: "size-6 shrink-0 rounded-md object-contain"
+	}) : null, /* @__PURE__ */ A.createElement("span", { className: "truncate text-sm font-medium text-foreground" }, T?.title ?? r)), /* @__PURE__ */ A.createElement("div", {
+		className: "size-8 shrink-0",
+		"aria-hidden": !0
+	})), U && (E ? /* @__PURE__ */ A.createElement("div", {
+		className: "absolute right-3 top-3",
+		style: { zIndex: 110 }
+	}, E({
+		onClick: () => void je("inline"),
+		"data-testid": "debugger-exit-pip-button",
+		"aria-label": "Exit picture-in-picture"
+	})) : /* @__PURE__ */ A.createElement("button", {
 		type: "button",
-		"data-testid": V ? "debugger-exit-fullscreen-button" : "debugger-exit-pip-button",
-		"aria-label": V ? "Exit fullscreen" : "Exit picture-in-picture",
-		className: "absolute right-3 top-3 z-[110] flex size-8 items-center justify-center rounded-full border border-border bg-background/90 text-lg leading-none text-foreground shadow-sm backdrop-blur-sm hover:bg-background",
+		"data-testid": "debugger-exit-pip-button",
+		"aria-label": "Exit picture-in-picture",
+		className: "absolute right-3 top-3 z-[110] flex size-8 cursor-pointer items-center justify-center rounded-full border border-border bg-background/90 text-foreground shadow-sm backdrop-blur-sm hover:bg-background",
 		style: { zIndex: 110 },
-		onClick: () => void Oe("inline")
-	}, "×"), /* @__PURE__ */ A.createElement("div", { className: V || je ? "relative w-full h-full min-h-0 flex flex-1 flex-col" : "relative w-full flex flex-1 justify-center items-center" }, ue && /* @__PURE__ */ A.createElement("div", { className: "flex absolute inset-0 items-center justify-center z-10" }, /* @__PURE__ */ A.createElement("span", { className: "text-sm text-muted-foreground" }, "Loading…")), !je && !V && (re || ie) && /* @__PURE__ */ A.createElement("div", { className: "absolute -top-8 left-2 z-10 whitespace-nowrap pointer-events-none text-xs text-muted-foreground" }, re && !a ? re : ie), /* @__PURE__ */ A.createElement("div", {
-		"data-testid": E,
+		onClick: () => void je("inline")
+	}, /* @__PURE__ */ A.createElement(io, null))), /* @__PURE__ */ A.createElement("div", { className: Pe ? "relative flex min-h-0 w-full flex-1 flex-col" : U ? "relative w-full h-full min-h-0 flex flex-1 flex-col" : "relative w-full flex flex-1 justify-center items-center" }, de && /* @__PURE__ */ A.createElement("div", { className: "flex absolute inset-0 items-center justify-center z-10" }, /* @__PURE__ */ A.createElement("span", { className: "text-sm text-muted-foreground" }, "Loading…")), !U && !Pe && (D || O) && /* @__PURE__ */ A.createElement("div", { className: "absolute -top-8 left-2 z-10 whitespace-nowrap pointer-events-none text-xs text-muted-foreground" }, D && !a ? D : O), /* @__PURE__ */ A.createElement("div", {
+		"data-testid": ae,
 		"data-mcp-app-tool": r,
-		className: R === "fullscreen" ? "w-full h-full overflow-hidden" : "w-full overflow-hidden",
-		style: Re
+		className: V === "fullscreen" ? "w-full h-full overflow-hidden" : "w-full overflow-hidden",
+		style: Be
 	}, /* @__PURE__ */ A.createElement("iframe", {
-		ref: ae,
+		ref: oe,
 		title: `MCP App: ${r}`,
-		className: "w-full h-full border-0 bg-transparent",
-		style: { border: k.prefersBorder && R !== "fullscreen" ? void 0 : "none" }
+		className: q ? "w-full h-full bg-transparent border border-border rounded-xl" : "w-full h-full bg-transparent border-0"
 	}))));
-	return /* @__PURE__ */ A.createElement("div", { className: T }, W);
+	return /* @__PURE__ */ A.createElement("div", { className: ie }, Ve);
 }
-function co(e, t) {
-	return !(e.viewId !== t.viewId || e.source !== t.source || e.sandboxUrl !== t.sandboxUrl || e.displayMode !== t.displayMode || e.cancelled !== t.cancelled || e.toolInput !== t.toolInput || e.toolOutput !== t.toolOutput || e.partialToolInput !== t.partialToolInput || e.customProps !== t.customProps || e.hostContext !== t.hostContext || e.hostCapabilities !== t.hostCapabilities || e.cspMode !== t.cspMode || e.mockOpenAiFileApis !== t.mockOpenAiFileApis || e.className !== t.className || e.onReady !== t.onReady || e.onLifecycleChange !== t.onLifecycleChange);
+function lo(e, t) {
+	return !(e.viewId !== t.viewId || e.source !== t.source || e.sandboxUrl !== t.sandboxUrl || e.displayMode !== t.displayMode || e.cancelled !== t.cancelled || e.toolInput !== t.toolInput || e.toolOutput !== t.toolOutput || e.partialToolInput !== t.partialToolInput || e.customProps !== t.customProps || e.hostContext !== t.hostContext || e.hostCapabilities !== t.hostCapabilities || e.cspMode !== t.cspMode || e.mockOpenAiFileApis !== t.mockOpenAiFileApis || e.onInlineHeightChange !== t.onInlineHeightChange || e.fullscreenHeader !== t.fullscreenHeader || e.renderFullscreenClose !== t.renderFullscreenClose || e.className !== t.className || e.onReady !== t.onReady || e.onLifecycleChange !== t.onLifecycleChange);
 }
-var lo = (0, A.memo)(so, co);
+var uo = (0, A.memo)(co, lo);
 //#endregion
-export { _r as a, Qa as c, Pa as d, yr as i, Sa as l, Na as n, Za as o, lo as r, $a as s, Fa as t, vr as u };
+export { _r as a, Qa as c, Pa as d, yr as i, Sa as l, Na as n, Za as o, uo as r, $a as s, Fa as t, vr as u };