@mcp-use/inspector 20.0.0-beta.5 → 20.0.0-beta.7

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

@@ -1,36 +1,36 @@
 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 re, p as T, r as E, s as ie, t as D, v as O, w as k, x as ae, y as A } 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 j = /* @__PURE__ */ t(n(), 1), oe = "io.modelcontextprotocol/related-task", M = "io.modelcontextprotocol/subscriptionId", N = ae(() => x([
+var A = /* @__PURE__ */ t(n(), 1), se = "io.modelcontextprotocol/related-task", j = "io.modelcontextprotocol/subscriptionId", M = oe(() => x([
 	r(),
 	p(),
-	O(),
+	D(),
 	ne(),
-	S(r(), N),
-	m(N)
-])), P = S(r(), N);
-m(N);
-var se = x([r(), p().int()]), F = r(), ce = o({ ttl: p().optional() }), le = o({ taskId: r() }), ue = i({
-	progressToken: se.optional(),
-	[oe]: le.optional()
-}), I = o({ _meta: ue.optional() }), de = I.extend({ task: ce.optional() }), L = o({
+	S(r(), M),
+	m(M)
+])), N = S(r(), M);
+m(M);
+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()
+}), I = o({ _meta: F.optional() }), de = I.extend({ task: le.optional() }), L = o({
 	method: r(),
 	params: I.loose().optional()
-}), R = o({ _meta: ue.optional() }), z = o({
+}), R = o({ _meta: F.optional() }), z = o({
 	method: r(),
 	params: R.loose().optional()
-}), B = i({ _meta: ue.optional() }), fe = x([r(), p().int()]), pe = o({
+}), B = i({ _meta: F.optional() }), fe = x([r(), p().int()]), V = o({
 	jsonrpc: f("2.0"),
 	id: fe,
 	...L.shape
-}).strict(), me = o({
+}).strict(), pe = o({
 	jsonrpc: f("2.0"),
 	...z.shape
-}).strict(), he = o({
+}).strict(), me = o({
 	jsonrpc: f("2.0"),
 	id: fe,
 	result: B
-}).strict(), ge = o({
+}).strict(), he = o({
 	jsonrpc: f("2.0"),
 	id: fe.optional(),
 	error: o({
@@ -38,141 +38,141 @@ var se = x([r(), p().int()]), F = r(), ce = o({ ttl: p().optional() }), le = o({
 		message: r(),
 		data: c().optional()
 	})
-}).strict(), _e = x([
+}).strict(), ge = x([
+	V,
 	pe,
 	me,
-	he,
-	ge
+	he
 ]);
-x([he, ge]);
-var ve = B.strict(), ye = R.extend({
+x([me, he]);
+var _e = B.strict(), ve = R.extend({
 	requestId: fe.optional(),
 	reason: r().optional()
-}), be = z.extend({
+}), ye = z.extend({
 	method: f("notifications/cancelled"),
-	params: ye
-}), xe = o({ icons: m(o({
+	params: ve
+}), be = o({ icons: m(o({
 	src: r(),
 	mimeType: r().optional(),
 	sizes: m(r()).optional(),
 	theme: T(["light", "dark"]).optional()
-})).optional() }), V = o({
+})).optional() }), xe = o({
 	name: r(),
 	title: r().optional()
-}), Se = V.extend({
-	...V.shape,
+}), Se = xe.extend({
 	...xe.shape,
+	...be.shape,
 	version: r(),
 	websiteUrl: r().optional(),
 	description: r().optional()
 }), Ce = u((e) => e && typeof e == "object" && !Array.isArray(e) && Object.keys(e).length === 0 ? { form: {} } : e, g(o({
-	form: g(o({ applyDefaults: O().optional() }), P).optional(),
-	url: P.optional()
-}), P.optional())), we = i({
-	list: P.optional(),
-	cancel: P.optional(),
+	form: g(o({ applyDefaults: D().optional() }), N).optional(),
+	url: N.optional()
+}), N.optional())), we = i({
+	list: N.optional(),
+	cancel: N.optional(),
 	requests: i({
-		sampling: i({ createMessage: P.optional() }).optional(),
-		elicitation: i({ create: P.optional() }).optional()
+		sampling: i({ createMessage: N.optional() }).optional(),
+		elicitation: i({ create: N.optional() }).optional()
 	}).optional()
 }), Te = i({
-	list: P.optional(),
-	cancel: P.optional(),
-	requests: i({ tools: i({ call: P.optional() }).optional() }).optional()
-}), Ee = o({
-	experimental: S(r(), P).optional(),
+	list: N.optional(),
+	cancel: N.optional(),
+	requests: i({ tools: i({ call: N.optional() }).optional() }).optional()
+}), H = o({
+	experimental: S(r(), N).optional(),
 	sampling: o({
-		context: P.optional(),
-		tools: P.optional()
+		context: N.optional(),
+		tools: N.optional()
 	}).optional(),
 	elicitation: Ce.optional(),
-	roots: o({ listChanged: O().optional() }).optional(),
+	roots: o({ listChanged: D().optional() }).optional(),
 	tasks: we.optional(),
-	extensions: S(r(), P).optional()
-}), De = I.extend({
+	extensions: S(r(), N).optional()
+}), Ee = I.extend({
 	protocolVersion: r(),
-	capabilities: Ee,
+	capabilities: H,
 	clientInfo: Se
-}), Oe = L.extend({
+}), De = L.extend({
 	method: f("initialize"),
-	params: De
-}), ke = o({
-	experimental: S(r(), P).optional(),
-	logging: P.optional(),
-	completions: P.optional(),
-	prompts: o({ listChanged: O().optional() }).optional(),
+	params: Ee
+}), Oe = o({
+	experimental: S(r(), N).optional(),
+	logging: N.optional(),
+	completions: N.optional(),
+	prompts: o({ listChanged: D().optional() }).optional(),
 	resources: o({
-		subscribe: O().optional(),
-		listChanged: O().optional()
+		subscribe: D().optional(),
+		listChanged: D().optional()
 	}).optional(),
-	tools: o({ listChanged: O().optional() }).optional(),
+	tools: o({ listChanged: D().optional() }).optional(),
 	tasks: Te.optional(),
-	extensions: S(r(), P).optional()
-}), Ae = B.extend({
+	extensions: S(r(), N).optional()
+}), ke = B.extend({
 	protocolVersion: r(),
-	capabilities: ke,
+	capabilities: Oe,
 	serverInfo: Se,
 	instructions: r().optional()
-}), je = z.extend({
+}), Ae = z.extend({
 	method: f("notifications/initialized"),
 	params: R.optional()
-}), Me = L.extend({
+}), je = L.extend({
 	method: f("server/discover"),
 	params: I.optional()
-}), Ne = B.extend({
+}), Me = B.extend({
 	supportedVersions: m(r()),
-	capabilities: ke,
+	capabilities: Oe,
 	serverInfo: Se,
 	instructions: r().optional()
-}), Pe = L.extend({
+}), Ne = L.extend({
 	method: f("ping"),
 	params: I.optional()
-}), Fe = o({
+}), Pe = o({
 	progress: p(),
 	total: a(p()),
 	message: a(r())
-}), H = o({
+}), U = o({
 	...R.shape,
-	...Fe.shape,
-	progressToken: se
-}), Ie = z.extend({
+	...Pe.shape,
+	progressToken: P
+}), Fe = z.extend({
 	method: f("notifications/progress"),
-	params: H
-}), Le = I.extend({ cursor: F.optional() }), U = L.extend({ params: Le.optional() }), Re = B.extend({ nextCursor: F.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 = T(["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({
-	...V.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({
-	...V.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 = I.extend({ uri: r() }), Je = qe, Ye = L.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 = B.extend({ contents: m(x([ze, K])) }), Ze = z.extend({
+}), Xe = B.extend({ contents: m(x([Re, q])) }), Ze = z.extend({
 	method: f("notifications/resources/list_changed"),
 	params: R.optional()
 }), Qe = qe, $e = L.extend({
@@ -182,9 +182,9 @@ var ve = B.strict(), ye = R.extend({
 	method: f("resources/unsubscribe"),
 	params: et
 }), nt = o({
-	toolsListChanged: O().optional(),
-	promptsListChanged: O().optional(),
-	resourcesListChanged: O().optional(),
+	toolsListChanged: D().optional(),
+	promptsListChanged: D().optional(),
+	resourcesListChanged: D().optional(),
 	resourceSubscriptions: m(r()).optional()
 }), J = I.extend({ notifications: nt }), rt = L.extend({
 	method: f("subscriptions/listen"),
@@ -192,20 +192,20 @@ var ve = B.strict(), ye = R.extend({
 }), it = R.extend({ notifications: nt }), Y = z.extend({
 	method: f("notifications/subscriptions/acknowledged"),
 	params: it
-}), at = i({ [M]: fe }), ot = B.extend({ _meta: at }), st = R.extend({ uri: r() }), ct = z.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({
 	name: r(),
 	description: a(r()),
-	required: a(O())
+	required: a(D())
 }), ut = o({
-	...V.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 = I.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 = L.extend({
@@ -214,19 +214,19 @@ var ve = B.strict(), ye = R.extend({
 }), 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,17 +236,17 @@ var ve = B.strict(), ye = R.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 = B.extend({
 	description: r().optional(),
@@ -256,31 +256,31 @@ var ve = B.strict(), ye = R.extend({
 	params: R.optional()
 }), Tt = o({
 	title: r().optional(),
-	readOnlyHint: O().optional(),
-	destructiveHint: O().optional(),
-	idempotentHint: O().optional(),
-	openWorldHint: O().optional()
+	readOnlyHint: D().optional(),
+	destructiveHint: D().optional(),
+	idempotentHint: D().optional(),
+	openWorldHint: D().optional()
 }), Et = o({ taskSupport: T([
 	"required",
 	"optional",
 	"forbidden"
 ]).optional() }), Dt = o({
-	...V.shape,
 	...xe.shape,
+	...be.shape,
 	description: r().optional(),
 	inputSchema: o({
 		type: f("object"),
-		properties: S(r(), N).optional(),
+		properties: S(r(), M).optional(),
 		required: m(r()).optional()
 	}).catchall(c()),
 	outputSchema: i({ $schema: r().optional() }).optional(),
 	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 = B.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: O().optional()
+	isError: D().optional()
 });
 At.or(B.extend({ toolResult: c() }));
 var jt = de.extend({
@@ -294,7 +294,7 @@ var jt = de.extend({
 	params: R.optional()
 });
 o({
-	autoRefresh: O().default(!0),
+	autoRefresh: D().default(!0),
 	debounceMs: p().int().nonnegative().default(300)
 });
 var Pt = T([
@@ -330,20 +330,20 @@ var Pt = T([
 	toolUseId: r().describe("The unique identifier for the corresponding tool call."),
 	content: m(xt),
 	structuredContent: c().optional(),
-	isError: O().optional(),
+	isError: D().optional(),
 	_meta: S(r(), c()).optional()
-}), Ht = A("type", [
+}), Ht = k("type", [
 	ht,
 	gt,
 	_t
-]), Ut = A("type", [
+]), Ut = k("type", [
 	ht,
 	gt,
 	_t,
 	vt,
 	Vt
 ]), Wt = o({
-	role: Be,
+	role: ze,
 	content: x([Ut, m(Ut)]),
 	_meta: S(r(), c()).optional()
 }), Gt = de.extend({
@@ -358,7 +358,7 @@ var Pt = T([
 	temperature: p().optional(),
 	maxTokens: p().int(),
 	stopSequences: m(r()).optional(),
-	metadata: P.optional(),
+	metadata: N.optional(),
 	tools: m(Dt).optional(),
 	toolChoice: Bt.optional()
 }), Kt = L.extend({
@@ -371,7 +371,7 @@ var Pt = T([
 		"stopSequence",
 		"maxTokens"
 	]).or(r())),
-	role: Be,
+	role: ze,
 	content: Ht
 }), Jt = B.extend({
 	model: r(),
@@ -381,13 +381,13 @@ var Pt = T([
 		"maxTokens",
 		"toolUse"
 	]).or(r())),
-	role: Be,
+	role: ze,
 	content: x([Ut, m(Ut)])
 }), Yt = o({
 	type: f("boolean"),
 	title: r().optional(),
 	description: r().optional(),
-	default: O().optional()
+	default: D().optional()
 }), Xt = o({
 	type: f("string"),
 	title: r().optional(),
@@ -489,7 +489,7 @@ var Pt = T([
 	content: u((e) => e === null ? void 0 : e, S(r(), x([
 		r(),
 		p(),
-		O(),
+		D(),
 		m(r())
 	])).optional())
 }), sn = o({
@@ -511,7 +511,7 @@ var Pt = T([
 }), dn = B.extend({ completion: i({
 	values: m(r()).max(100),
 	total: a(p().int()),
-	hasMore: a(O())
+	hasMore: a(D())
 }) }), fn = o({
 	uri: r().startsWith("file://"),
 	name: r().optional(),
@@ -553,18 +553,18 @@ z.extend({
 }), B.merge(_n), L.extend({
 	method: f("tasks/result"),
 	params: I.extend({ taskId: r() })
-}), B.loose(), U.extend({ method: f("tasks/list") }), Re.extend({ tasks: m(_n) }), L.extend({
+}), B.loose(), W.extend({ method: f("tasks/list") }), Le.extend({ tasks: m(_n) }), L.extend({
 	method: f("tasks/cancel"),
 	params: I.extend({ taskId: r() })
 }), B.merge(_n), x([
-	Pe,
-	Oe,
-	Me,
+	Ne,
+	De,
+	je,
 	un,
 	It,
 	mt,
 	dt,
-	We,
+	Ue,
 	Ge,
 	Ye,
 	$e,
@@ -573,24 +573,24 @@ z.extend({
 	Mt,
 	Ot
 ]), x([
-	be,
-	Ie,
-	je,
+	ye,
+	Fe,
+	Ae,
 	hn
 ]), x([
-	ve,
+	_e,
 	qt,
 	Jt,
 	on,
 	mn
 ]), x([
-	Pe,
+	Ne,
 	Kt,
 	nn,
 	pn
 ]), x([
-	be,
-	Ie,
+	ye,
+	Fe,
 	Rt,
 	ct,
 	Ze,
@@ -599,13 +599,13 @@ z.extend({
 	Y,
 	an
 ]), x([
-	ve,
-	Ae,
-	Ne,
+	_e,
+	ke,
+	Me,
 	dn,
 	Ct,
 	ft,
-	q,
+	We,
 	Ke,
 	Xe,
 	At,
@@ -633,10 +633,10 @@ i({
 	resource_documentation: r().optional(),
 	resource_policy_uri: r().url().optional(),
 	resource_tos_uri: r().url().optional(),
-	tls_client_certificate_bound_access_tokens: O().optional(),
+	tls_client_certificate_bound_access_tokens: D().optional(),
 	authorization_details_types_supported: m(r()).optional(),
 	dpop_signing_alg_values_supported: m(r()).optional(),
-	dpop_bound_access_tokens_required: O().optional()
+	dpop_bound_access_tokens_required: D().optional()
 });
 var yn = i({
 	issuer: r(),
@@ -657,8 +657,8 @@ var yn = i({
 	introspection_endpoint_auth_methods_supported: m(r()).optional(),
 	introspection_endpoint_auth_signing_alg_values_supported: m(r()).optional(),
 	code_challenge_methods_supported: m(r()).optional(),
-	client_id_metadata_document_supported: O().optional(),
-	authorization_response_iss_parameter_supported: O().optional().catch(void 0)
+	client_id_metadata_document_supported: D().optional(),
+	authorization_response_iss_parameter_supported: D().optional().catch(void 0)
 });
 o({
 	...i({
@@ -691,14 +691,14 @@ o({
 		service_documentation: r().optional(),
 		claims_locales_supported: m(r()).optional(),
 		ui_locales_supported: m(r()).optional(),
-		claims_parameter_supported: O().optional(),
-		request_parameter_supported: O().optional(),
-		request_uri_parameter_supported: O().optional(),
-		require_request_uri_registration: O().optional(),
+		claims_parameter_supported: D().optional(),
+		request_parameter_supported: D().optional(),
+		request_uri_parameter_supported: D().optional(),
+		require_request_uri_registration: D().optional(),
 		op_policy_uri: X.optional(),
 		op_tos_uri: X.optional(),
-		client_id_metadata_document_supported: O().optional(),
-		authorization_response_iss_parameter_supported: O().optional().catch(void 0)
+		client_id_metadata_document_supported: D().optional(),
+		authorization_response_iss_parameter_supported: D().optional().catch(void 0)
 	}).shape,
 	...yn.pick({ code_challenge_methods_supported: !0 }).shape
 }), o({
@@ -868,7 +868,7 @@ var Cn = class {
 ]).describe("CSS variable keys available to MCP apps for theming.").describe("Style variables for theming MCP apps.\n\nIndividual style keys are optional - hosts may provide any subset of these values.\nValues are strings containing CSS values (colors, sizes, font stacks, etc.).\n\nNote: This type uses `Record<K, string | undefined>` rather than `Partial<Record<K, string>>`\nfor compatibility with Zod schema generation. Both are functionally equivalent for validation."), x([r(), y()]).describe("Style variables for theming MCP apps.\n\nIndividual style keys are optional - hosts may provide any subset of these values.\nValues are strings containing CSS values (colors, sizes, font stacks, etc.).\n\nNote: This type uses `Record<K, string | undefined>` rather than `Partial<Record<K, string>>`\nfor compatibility with Zod schema generation. Both are functionally equivalent for validation.")).describe("Style variables for theming MCP apps.\n\nIndividual style keys are optional - hosts may provide any subset of these values.\nValues are strings containing CSS values (colors, sizes, font stacks, etc.).\n\nNote: This type uses `Record<K, string | undefined>` rather than `Partial<Record<K, string>>`\nfor compatibility with Zod schema generation. Both are functionally equivalent for validation."), On = o({
 	method: f("ui/open-link"),
 	params: o({ url: r().describe("URL to open in the host's browser") })
-}), kn = o({ isError: O().optional().describe("True if the host failed to open the URL (e.g., due to security policy).") }).passthrough(), An = o({ isError: O().optional().describe("True if the download failed (e.g., user cancelled or host denied).") }).passthrough(), jn = o({ isError: O().optional().describe("True if the host rejected or failed to deliver the message.") }).passthrough(), Mn = o({
+}), kn = o({ isError: D().optional().describe("True if the host failed to open the URL (e.g., due to security policy).") }).passthrough(), An = o({ isError: D().optional().describe("True if the download failed (e.g., user cancelled or host denied).") }).passthrough(), jn = o({ isError: D().optional().describe("True if the host rejected or failed to deliver the message.") }).passthrough(), Mn = o({
 	method: f("ui/notifications/sandbox-proxy-ready"),
 	params: o({})
 }), Nn = o({
@@ -920,8 +920,8 @@ var Rn = S(r(), c()), zn = o({
 	experimental: o({}).optional().describe("Experimental features (structure TBD)."),
 	openLinks: o({}).optional().describe("Host supports opening external URLs."),
 	downloadFile: o({}).optional().describe("Host supports file downloads via ui/download-file."),
-	serverTools: o({ listChanged: O().optional().describe("Host supports tools/list_changed notifications.") }).optional().describe("Host can proxy tool calls to the MCP server."),
-	serverResources: o({ listChanged: O().optional().describe("Host supports resources/list_changed notifications.") }).optional().describe("Host can proxy resource reads to the MCP server."),
+	serverTools: o({ listChanged: D().optional().describe("Host supports tools/list_changed notifications.") }).optional().describe("Host can proxy tool calls to the MCP server."),
+	serverResources: o({ listChanged: D().optional().describe("Host supports resources/list_changed notifications.") }).optional().describe("Host can proxy resource reads to the MCP server."),
 	logging: o({}).optional().describe("Host accepts log messages."),
 	sandbox: o({
 		permissions: Pn.optional().describe("Permissions granted by the host (camera, microphone, geolocation)."),
@@ -932,7 +932,7 @@ var Rn = S(r(), c()), zn = o({
 	sampling: o({ tools: o({}).optional().describe("Host supports tool use via `tools` and `toolChoice` parameters.") }).optional().describe("Host supports LLM sampling (sampling/createMessage) from the view.\nMirrors the MCP `ClientCapabilities.sampling` shape so hosts can pass it through.")
 }), Hn = o({
 	experimental: o({}).optional().describe("Experimental features (structure TBD)."),
-	tools: o({ listChanged: O().optional().describe("App supports tools/list_changed notifications.") }).optional().describe("App exposes MCP-style tools that the host can call."),
+	tools: o({ listChanged: D().optional().describe("App supports tools/list_changed notifications.") }).optional().describe("App exposes MCP-style tools that the host can call."),
 	availableDisplayModes: m(En).optional().describe("Display modes the app supports.")
 }), Un = o({
 	method: f("ui/notifications/initialized"),
@@ -942,7 +942,7 @@ o({
 	csp: Nn.optional().describe("Content Security Policy configuration for UI resources."),
 	permissions: Pn.optional().describe("Sandbox permissions requested by the UI resource."),
 	domain: r().optional().describe("Dedicated origin for view sandbox.\n\nUseful when views need stable, dedicated origins for OAuth callbacks, CORS policies, or API key allowlists.\n\n**Host-dependent:** The format and validation rules for this field are determined by each host. Servers MUST consult host-specific documentation for the expected domain format. Common patterns include:\n- Hash-based subdomains (e.g., `{hash}.claudemcpcontent.com`)\n- URL-derived subdomains (e.g., `www-example-com.oaiusercontent.com`)\n\nIf omitted, host uses default sandbox origin (typically per-conversation)."),
-	prefersBorder: O().optional().describe("Visual boundary preference - true if view prefers a visible border.\n\nBoolean requesting whether a visible border and background is provided by the host. Specifying an explicit value for this is recommended because hosts' defaults may vary.\n\n- `true`: request visible border + background\n- `false`: request no visible border + background\n- omitted: host decides border")
+	prefersBorder: D().optional().describe("Visual boundary preference - true if view prefers a visible border.\n\nBoolean requesting whether a visible border and background is provided by the host. Specifying an explicit value for this is recommended because hosts' defaults may vary.\n\n- `true`: request visible border + background\n- `false`: request no visible border + background\n- omitted: host decides border")
 });
 var Wn = o({
 	method: f("ui/request-display-mode"),
@@ -951,8 +951,8 @@ var Wn = o({
 o({
 	resourceUri: r().optional(),
 	visibility: m(Kn).optional().describe("Who can access this tool. Default: [\"model\", \"app\"]\n- \"model\": Tool visible to and callable by the agent\n- \"app\": Tool callable by the app from this server only"),
-	csp: k().optional(),
-	permissions: k().optional()
+	csp: O().optional(),
+	permissions: O().optional()
 }), o({ mimeTypes: m(r()).optional().describe("Array of supported MIME types for UI resources.\nMust include `\"text/html;profile=mcp-app\"` for MCP Apps support.") });
 var qn = o({
 	method: f("ui/download-file"),
@@ -995,8 +995,8 @@ var Yn = o({
 		f("mobile")
 	]).optional().describe("Platform type for responsive design decisions."),
 	deviceCapabilities: o({
-		touch: O().optional().describe("Whether the device supports touch input."),
-		hover: O().optional().describe("Whether the device supports hover interactions.")
+		touch: D().optional().describe("Whether the device supports touch input."),
+		hover: D().optional().describe("Whether the device supports hover interactions.")
 	}).optional().describe("Device input capabilities."),
 	safeAreaInsets: o({
 		top: p().describe("Top safe area inset in pixels."),
@@ -1037,7 +1037,7 @@ var Xn = o({
 				console.debug("Ignoring message from unknown source", e);
 				return;
 			}
-			let n = _e.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: ve
+			result: _e
 		}, async (e, t) => {
 			if (!this._onupdatemodelcontext) throw Error("No onupdatemodelcontext handler set");
 			return this._onupdatemodelcontext(e, t);
@@ -2135,7 +2135,7 @@ var Vr = class extends Rr {
 				a = this.opts.wrapTransport(a, e);
 			}
 			let o = this.buildClientOptions();
-			Z.debug("Creating Client with capabilities:", JSON.stringify(o.capabilities, null, 2)), this.client = new D(this.clientInfo, o), this.setupRootsHandler(), this.setupSamplingHandler(), this.setupElicitationHandler(), Z.debug("Roots/sampling/elicitation handlers registered before connect");
+			Z.debug("Creating Client with capabilities:", JSON.stringify(o.capabilities, null, 2)), this.client = new ae(this.clientInfo, o), this.setupRootsHandler(), this.setupSamplingHandler(), this.setupElicitationHandler(), Z.debug("Roots/sampling/elicitation handlers registered before connect");
 			try {
 				let e;
 				if (await Promise.race([this.client.connect(a), new Promise((t, n) => {
@@ -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;
 }
@@ -3577,7 +3577,7 @@ function la(e, t) {
 	return n;
 }
 function ua(e) {
-	let t = (0, j.useCallback)(async (t, n, r) => {
+	let t = (0, A.useCallback)(async (t, n, r) => {
 		let i = la(e, `call tool "${t}"`);
 		e.addLog("info", `Calling tool: ${t}`, n);
 		let a = Date.now();
@@ -3596,12 +3596,12 @@ function ua(e) {
 				executionTimeMs: Date.now() - a
 			}).catch(() => {}), n;
 		}
-	}, [e.addLog]), n = (0, j.useCallback)(async () => {
+	}, [e.addLog]), n = (0, A.useCallback)(async () => {
 		let t = la(e, "list resources");
 		e.addLog("info", "Listing resources");
 		let n = await t.listAllResources();
 		e.setResources(n.resources || []);
-	}, [e.addLog]), r = (0, j.useCallback)(async (t) => {
+	}, [e.addLog]), r = (0, A.useCallback)(async (t) => {
 		let n = la(e, "read resource");
 		e.addLog("info", `Reading resource: ${t}`);
 		try {
@@ -3617,32 +3617,32 @@ function ua(e) {
 				errorType: e instanceof Error ? e.name : "UnknownError"
 			}).catch(() => {}), e;
 		}
-	}, [e.addLog]), i = (0, j.useCallback)(async () => {
+	}, [e.addLog]), i = (0, A.useCallback)(async () => {
 		let t = la(e, "list prompts");
 		e.addLog("info", "Listing prompts");
 		let n = await t.listPrompts();
 		e.setPrompts(n.prompts || []);
-	}, [e.addLog]), a = (0, j.useCallback)(async () => {
+	}, [e.addLog]), a = (0, A.useCallback)(async () => {
 		if (!(e.stateRef.current !== "ready" || !e.connectionRef.current)) try {
 			e.setTools(await e.connectionRef.current.listTools() || []);
 		} catch (t) {
 			e.addLog("error", "Failed to refresh tools:", t);
 		}
-	}, [e.addLog]), o = (0, j.useCallback)(async () => {
+	}, [e.addLog]), o = (0, A.useCallback)(async () => {
 		if (!(e.stateRef.current !== "ready" || !e.connectionRef.current)) try {
 			let t = await e.connectionRef.current.listAllResources();
 			e.setResources(t.resources || []);
 		} catch (t) {
 			e.addLog("warn", "Failed to refresh resources:", t);
 		}
-	}, [e.addLog]), s = (0, j.useCallback)(async () => {
+	}, [e.addLog]), s = (0, A.useCallback)(async () => {
 		if (!(e.stateRef.current !== "ready" || !e.connectionRef.current)) try {
 			let t = await e.connectionRef.current.listPrompts();
 			e.setPrompts(t.prompts || []);
 		} catch (t) {
 			e.addLog("warn", "Failed to refresh prompts:", t);
 		}
-	}, [e.addLog]), c = (0, j.useCallback)(async () => {
+	}, [e.addLog]), c = (0, A.useCallback)(async () => {
 		let t = await la(e, "refresh resource templates").listResourceTemplates();
 		e.isMounted() && e.setResourceTemplates(t.resourceTemplates || []);
 	}, [e.addLog]);
@@ -3655,7 +3655,7 @@ function ua(e) {
 		refreshResources: o,
 		refreshPrompts: s,
 		refreshResourceTemplates: c,
-		refreshAll: (0, j.useCallback)(() => Promise.all([
+		refreshAll: (0, A.useCallback)(() => Promise.all([
 			a(),
 			o(),
 			c(),
@@ -3666,26 +3666,26 @@ function ua(e) {
 			c,
 			s
 		]),
-		getPrompt: (0, j.useCallback)(async (t, n) => la(e, "get prompt").getPrompt(t, n || {}), [e.addLog]),
-		complete: (0, j.useCallback)(async (t) => la(e, "request completion").complete(t), [e.addLog])
+		getPrompt: (0, A.useCallback)(async (t, n) => la(e, "get prompt").getPrompt(t, n || {}), [e.addLog]),
+		complete: (0, A.useCallback)(async (t) => la(e, "request completion").complete(t), [e.addLog])
 	};
 }
 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, re = "http", T = w?.clientId?.trim() || void 0, E = w?.clientMetadataUrl?.trim() || void 0, ie = w?.scope?.trim() || void 0, D = (0, j.useMemo)(() => T ? { client_id: T } : void 0, [T]), O = (0, j.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]), k = o ?? {}, ae = (0, j.useMemo)(() => Jr(y), [y]), A = C, oe = ne, M = (0, j.useMemo)(() => ({
+	}, [t, u]), O = o ?? {}, oe = (0, A.useMemo)(() => Jr(y), [y]), k = C, se = ne, j = (0, A.useMemo)(() => ({
 		name: "mcp-use",
 		title: "mcp-use",
 		version: Ur(),
 		description: "mcp-use is a complete TypeScript framework for building and using MCP",
 		icons: [{ src: "https://mcp-use.com/logo.png" }],
 		websiteUrl: "https://mcp-use.com"
-	}), []), N = (0, j.useMemo)(() => e.clientInfo ? {
-		...M,
+	}), []), M = (0, A.useMemo)(() => e.clientInfo ? {
+		...j,
 		...e.clientInfo
-	} : M, [e.clientInfo, M]), P = (0, j.useMemo)(() => ia(N), [N]), se = (0, j.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]), F = (0, j.useMemo)(() => f === !1 ? {
+	}, [l, s]), ce = (0, A.useMemo)(() => f === !1 ? {
 		enabled: !1,
 		initialDelay: 0,
 		healthCheckInterval: !1,
@@ -3722,93 +3722,93 @@ function pa(e) {
 		initialDelay: f.initialDelay ?? da,
 		healthCheckInterval: f.healthCheckInterval ?? 1e4,
 		healthCheckTimeout: f.healthCheckTimeout ?? 3e4
-	}, [f]), [ce, le] = (0, j.useState)(void 0);
-	(0, j.useEffect)(() => {
-		le(void 0);
+	}, [f]), [le, ue] = (0, A.useState)(void 0);
+	(0, A.useEffect)(() => {
+		ue(void 0);
 	}, [t, s]);
-	let ue = (0, j.useMemo)(() => {
-		if (!ce?.proxyAddress) return s;
+	let F = (0, A.useMemo)(() => {
+		if (!le?.proxyAddress) return s;
 		let e = s?.headers ?? {};
 		return {
-			...ce,
+			...le,
 			headers: {
 				...e,
-				...ce.headers ?? {}
+				...le.headers ?? {}
 			}
 		};
-	}, [ce, s]), I = ue?.proxyAddress, de = ue?.headers ?? {}, L = (0, j.useMemo)(() => t || "", [t]), R = (0, j.useMemo)(() => ({
+	}, [le, s]), I = F?.proxyAddress, de = F?.headers ?? {}, L = (0, A.useMemo)(() => t || "", [t]), R = (0, A.useMemo)(() => ({
 		...de,
-		...k
-	}), [de, k]), [z, B] = (0, j.useState)("discovering"), [fe, pe] = (0, j.useState)([]), [me, he] = (0, j.useState)([]), [ge, _e] = (0, j.useState)([]), [ve, ye] = (0, j.useState)([]), [be, xe] = (0, j.useState)(e._initialServerInfo?.name ? e._initialServerInfo : void 0), [V, Se] = (0, j.useState)(), [Ce, we] = (0, j.useState)(void 0), [Te, Ee] = (0, j.useState)(void 0), [De, Oe] = (0, j.useState)(), [ke, Ae] = (0, j.useState)({}), [je, Me] = (0, j.useState)(void 0), [Ne, Pe] = (0, j.useState)([]), [Fe, H] = (0, j.useState)(void 0), [Ie, Le] = (0, j.useState)(void 0), U = (0, j.useRef)(null), Re = (0, j.useRef)(null), W = (0, j.useRef)(a ?? null), ze = (0, j.useRef)(null), G = (0, j.useRef)(!1), K = (0, j.useRef)(!0), Be = (0, j.useRef)(0), Ve = (0, j.useRef)(0), He = (0, j.useRef)(null), Ue = (0, j.useRef)(!1), We = (0, j.useRef)(!1), q = (0, j.useRef)(z), Ge = (0, j.useRef)(f), Ke = (0, j.useRef)(null), qe = (0, j.useRef)(null), Je = (0, j.useRef)(null), Ye = (0, j.useRef)(A), Xe = (0, j.useRef)(oe), Ze = (0, j.useRef)(A !== void 0), Qe = (0, j.useRef)(oe !== void 0), $e = (0, j.useRef)(S);
-	A !== void 0 && (Ye.current = A), oe !== void 0 && (Xe.current = oe), Ze.current = A !== void 0, Qe.current = oe !== void 0, $e.current = S;
-	let et = (0, j.useCallback)(async (e) => Ye.current(e), []), tt = (0, j.useCallback)(async (e) => Xe.current(e), []), nt = (0, j.useCallback)((e) => {
+		...O
+	}), [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, j.useEffect)(() => {
-		q.current = z, Ge.current = f;
-	}, [z, f]), (0, j.useEffect)(() => {
-		W.current = a ?? null;
+	(0, A.useEffect)(() => {
+		We.current = z, Ge.current = f;
+	}, [z, f]), (0, A.useEffect)(() => {
+		G.current = a ?? null;
 	}, [a]);
-	let J = (0, j.useCallback)((e, t, ...n) => {
+	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}`;
 		switch (e) {
 			case "error":
-				O.error(i);
+				D.error(i);
 				break;
 			case "warn":
-				O.warn(i);
+				D.warn(i);
 				break;
 			case "info":
-				O.info(i);
+				D.info(i);
 				break;
 			case "debug":
-				O.debug(i);
+				D.debug(i);
 				break;
-			default: O.info(i);
+			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()
 		}]);
-	}, [O]), rt = ua({
-		stateRef: q,
-		connectionRef: Re,
-		hasClient: () => U.current !== null,
-		isMounted: () => K.current,
-		setTools: pe,
-		setResources: he,
-		setResourceTemplates: _e,
-		setPrompts: ye,
+	}, [D]), rt = ua({
+		stateRef: We,
+		connectionRef: Le,
+		hasClient: () => W.current !== null,
+		isMounted: () => q.current,
+		setTools: V,
+		setResources: me,
+		setResourceTemplates: ge,
+		setPrompts: ve,
 		addLog: J
-	}), it = (0, j.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;
+	}), it = (0, A.useCallback)(async (e = !1) => {
+		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 && (B("discovering"), pe([]), he([]), _e([]), ye([]), Me(void 0), H(void 0), Le(void 0), xe(void 0), Se(void 0), we(void 0), Ee(void 0), Oe(void 0), Ae({}));
-	}, [J]), Y = (0, j.useCallback)((e, n) => {
+		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 = se.enabled && !ue?.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"), le({ proxyAddress: se.proxyAddress }), K.current && B("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), B("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: re,
 			success: !1,
 			errorType: n?.name || "UnknownError",
-			hasOAuth: !!W.current,
+			hasOAuth: !!G.current,
 			hasSampling: Ze.current,
 			hasElicitation: Qe.current
 		}).catch(() => {}), !1;
@@ -3816,27 +3816,27 @@ function pa(e) {
 		J,
 		t,
 		re,
-		se,
-		ue,
+		P,
+		F,
 		a
-	]), at = (0, j.useCallback)(async () => {
+	]), 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, B("discovering"), pe([]), he([]), _e([]), ye([]), xe(void 0), Se(void 0), we(void 0), Ee(void 0), Oe(void 0), Ae({}), 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: L,
 				storageKeyPrefix: i,
-				oauthClientConfig: P,
+				oauthClientConfig: N,
 				callbackUrl: r,
 				preventAutoAuth: m,
 				useRedirectFlow: h,
@@ -3844,37 +3844,37 @@ function pa(e) {
 				oauthProxyUrl: c,
 				onPopupWindow: g,
 				proxyOAuthRequests: !0,
-				staticClientInfo: D,
+				staticClientInfo: ae,
 				clientMetadataUrl: E,
 				scope: ie
 			});
-			W.current = e, t && J("debug", `OAuth BFF enabled: ${t}`), J("debug", `BrowserOAuthClientProvider initialized with URL: ${L}, proxy: ${t ? "enabled" : "disabled"}, gateway: ${I ? "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: N,
+					clientInfo: M,
 					...(() => {
-						let e = W.current?.getProxyFetch?.(te) ?? te;
+						let e = G.current?.getProxyFetch?.(te) ?? te;
 						return e ? { fetch: e } : {};
 					})(),
-					...ae && { clientOptions: ae },
+					...oe && { clientOptions: oe },
 					...x !== void 0 && { protocolNegotiation: x },
 					...p ? { reconnectionOptions: p } : f === !1 ? { reconnectionOptions: { maxRetries: 0 } } : {}
 				};
-				if (I && (r.gatewayUrl = I, J("debug", `Using proxy gateway: ${I} for target: ${t}`)), R && Object.keys(R).length > 0 && (r.headers = R), !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), F.enabled && F.healthCheckInterval !== !1 && (i._healthCheckCleanup = ca({
+				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: 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: B,
 					addLog: J,
 					connect: at,
-					defaultReconnectDelay: F.initialDelay,
-					healthCheckIntervalMs: F.healthCheckInterval,
-					healthCheckTimeoutMs: F.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(() => {}), pe(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";
-				he(a.resources || []), ye(o.prompts || []), _e(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 && (we(u), Ee(d), Oe(m), Ae(h)), c) {
-					if (J("debug", "Server info:", c), !K.current) return J("debug", "Skipping state update - component unmounted"), "failed";
-					xe(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: xe,
+						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";
+					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,
@@ -3967,33 +3967,33 @@ function pa(e) {
 				}
 				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 && (B("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 && k && Object.keys(k).length > 0) return Y("Authentication failed (HTTP 401). Server does not support OAuth. Check your Authorization header value is correct."), "failed";
-				if (s && (!k || Object.keys(k).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 (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) {
+					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 = W.current?.getLastAttemptedAuthUrl?.();
-							e && (H(e), J("info", "Retrieved stored auth URL for manual authentication"));
+							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);
@@ -4001,12 +4001,12 @@ function pa(e) {
 							return Y(`Automatic OAuth authentication failed: ${e instanceof Error ? e.message : String(e)}`, e instanceof Error ? e : Error(String(e))), "failed";
 						}
 					}
-					return k && Object.keys(k).length > 0 ? (Y("Authentication failed: Server returned 401 Unauthorized. Check your Authorization header value is correct."), "failed") : (Y("Authentication required: Server returned 401 Unauthorized. Add an Authorization header in the Custom Headers section (e.g., Authorization: Bearer YOUR_API_KEY)."), "failed");
+					return O && Object.keys(O).length > 0 ? (Y("Authentication failed: Server returned 401 Unauthorized. Check your Authorization header value is correct."), "failed") : (Y("Authentication required: Server returned 401 Unauthorized. Add an Authorization header in the Custom Headers section (e.g., Authorization: Bearer YOUR_API_KEY)."), "failed");
 				}
 				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,
@@ -4014,22 +4014,22 @@ function pa(e) {
 		t,
 		i,
 		r,
-		P.name,
-		P.version,
-		P.uri,
-		P.logo_uri,
-		D,
+		N.name,
+		N.version,
+		N.uri,
+		N.logo_uri,
+		ae,
 		E,
 		ie,
-		k,
+		O,
 		re,
 		m,
 		h,
 		g,
 		n,
 		_,
-		N,
-		ae,
+		M,
+		oe,
 		x,
 		I,
 		c,
@@ -4039,32 +4039,32 @@ function pa(e) {
 		tt,
 		nt
 	]);
-	(0, j.useEffect)(() => {
+	(0, A.useEffect)(() => {
 		qe.current = at, Je.current = Y;
 	}, [at, Y]);
-	let ot = (0, j.useCallback)(() => {
-		q.current === "failed" ? (J("info", "Retry requested..."), qe.current?.()) : J("warn", `Retry called but state is not 'failed' (state: ${q.current}). Ignoring.`);
-	}, [J]), st = (0, j.useCallback)(async () => {
+	let ot = (0, A.useCallback)(() => {
+		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`), B("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: L,
 					storageKeyPrefix: i,
-					oauthClientConfig: P,
+					oauthClientConfig: N,
 					callbackUrl: r,
 					preventAutoAuth: !1,
 					useRedirectFlow: h,
@@ -4078,11 +4078,11 @@ function pa(e) {
 						g?.(t, r, i);
 					},
 					proxyOAuthRequests: !0,
-					staticClientInfo: D,
+					staticClientInfo: ae,
 					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,12 +4111,12 @@ 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."), B("pending_auth");
@@ -4130,57 +4130,57 @@ function pa(e) {
 					default: break;
 				}
 			} catch (e) {
-				if (!K.current) return;
+				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,
 		i,
-		P.name,
-		P.uri,
-		P.logo_uri,
-		D,
+		N.name,
+		N.uri,
+		N.logo_uri,
+		ae,
 		E,
 		ie,
 		r,
-		N,
+		M,
 		a
-	]), ct = (0, j.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.");
+	]), ct = (0, A.useCallback)(() => {
+		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,
 		it
 	]);
-	(0, j.useEffect)(() => {
+	(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,18 +4204,18 @@ function pa(e) {
 				} catch {}
 				J("debug", "Auth callback BroadcastChannel listener removed.");
 			}
-			He.current && clearTimeout(He.current);
+			Ve.current && clearTimeout(Ve.current);
 		};
-	}, [J]), (0, j.useEffect)(() => {
-		if (K.current = !0, !n || !t) return J("debug", n ? "No server URL provided, skipping connection." : "Connection disabled via enabled flag."), B("discovering"), () => {
-			K.current = !1;
+	}, [J]), (0, A.useEffect)(() => {
+		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 !== L) {
+		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: L,
 				storageKeyPrefix: i,
-				oauthClientConfig: P,
+				oauthClientConfig: N,
 				callbackUrl: r,
 				preventAutoAuth: m,
 				useRedirectFlow: h,
@@ -4223,70 +4223,70 @@ function pa(e) {
 				oauthProxyUrl: c,
 				onPopupWindow: g,
 				proxyOAuthRequests: !0,
-				staticClientInfo: D,
+				staticClientInfo: ae,
 				clientMetadataUrl: E,
 				scope: ie
 			});
-			W.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"}`);
+			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,
 		n,
 		i,
 		r,
-		P.name,
-		P.version,
-		P.uri,
-		P.logo_uri,
-		D,
+		N.name,
+		N.version,
+		N.uri,
+		N.logo_uri,
+		ae,
 		E,
 		ie,
 		h,
-		N,
+		M,
 		L,
 		s,
 		a
 	]);
-	let lt = (0, j.useRef)(ot), ut = (0, j.useRef)(J);
-	(0, j.useEffect)(() => {
+	let lt = (0, A.useRef)(ot), ut = (0, A.useRef)(J);
+	(0, A.useEffect)(() => {
 		lt.current = ot, ut.current = J;
-	}, [ot, J]), (0, j.useEffect)(() => {
+	}, [ot, J]), (0, A.useEffect)(() => {
 		let e = null;
-		if (z === "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 z !== "failed" && (Ue.current = !1);
+		} else z !== "failed" && (He.current = !1);
 		return () => {
-			e && (clearTimeout(e), Ue.current = !1);
+			e && (clearTimeout(e), He.current = !1);
 		};
 	}, [z, d]);
-	let dt = (0, j.useCallback)(async () => q.current === "ready" ? be?.icon ? be.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), [be, J]);
+	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: z,
-		name: be?.name || t || "",
+		name: ye?.name || t || "",
 		tools: fe,
-		resources: me,
-		resourceTemplates: ge,
-		prompts: ve,
-		serverInfo: be,
-		capabilities: V,
+		resources: pe,
+		resourceTemplates: he,
+		prompts: _e,
+		serverInfo: ye,
+		capabilities: xe,
 		protocolEra: Ce,
 		protocolVersion: Te,
-		instructions: De,
-		extensions: ke,
-		error: je,
-		log: Ne,
-		authUrl: Fe,
-		authTokens: Ie,
-		client: U.current,
+		instructions: Ee,
+		extensions: Oe,
+		error: Ae,
+		log: Me,
+		authUrl: Pe,
+		authTokens: Fe,
+		client: W.current,
 		...rt,
 		retry: ot,
 		disconnect: it,
@@ -4459,14 +4459,14 @@ function Ea(e) {
 }
 var Da = 500, Oa = 5 * 6e4;
 function ka(e) {
-	let [t, n] = (0, j.useState)([]), [r, i] = (0, j.useState)([]), [a, o] = (0, j.useState)([]), s = (0, j.useRef)(0), c = (0, j.useRef)(0), l = (0, j.useRef)(/* @__PURE__ */ new Map()), u = (0, j.useRef)(/* @__PURE__ */ new Map()), d = (0, j.useCallback)((e) => {
+	let [t, n] = (0, A.useState)([]), [r, i] = (0, A.useState)([]), [a, o] = (0, A.useState)([]), s = (0, A.useRef)(0), c = (0, A.useRef)(0), l = (0, A.useRef)(/* @__PURE__ */ new Map()), u = (0, A.useRef)(/* @__PURE__ */ new Map()), d = (0, A.useCallback)((e) => {
 		for (let t of l.current.values()) clearTimeout(t.timeout), t.reject(Error(e));
 		l.current.clear();
 		for (let t of u.current.values()) clearTimeout(t.timeout), t.reject(Error(e));
 		u.current.clear(), i([]), o([]);
 	}, []);
-	(0, j.useEffect)(() => () => d("MCP server connection was removed"), [d]);
-	let f = (0, j.useCallback)((t) => {
+	(0, A.useEffect)(() => () => d("MCP server connection was removed"), [d]);
+	let f = (0, A.useCallback)((t) => {
 		let r = {
 			id: globalThis.crypto?.randomUUID?.() ?? `${Date.now()}-${Math.random()}`,
 			method: t.method,
@@ -4475,13 +4475,13 @@ function ka(e) {
 			read: !1
 		};
 		n((e) => [r, ...e].slice(0, Da)), e.onNotificationReceived?.(r);
-	}, [e.onNotificationReceived]), p = (0, j.useCallback)((e, t) => {
+	}, [e.onNotificationReceived]), p = (0, A.useCallback)((e, t) => {
 		let n = l.current.get(e);
 		n && (clearTimeout(n.timeout), l.current.delete(e), i((t) => t.filter((t) => t.id !== e)), n.resolve(t));
-	}, []), m = (0, j.useCallback)((e, t) => {
+	}, []), m = (0, A.useCallback)((e, t) => {
 		let n = l.current.get(e);
 		n && (clearTimeout(n.timeout), l.current.delete(e), i((t) => t.filter((t) => t.id !== e)), n.reject(Error(t ?? "User rejected sampling request")));
-	}, []), h = (0, j.useCallback)((t) => new Promise((n, r) => {
+	}, []), h = (0, A.useCallback)((t) => new Promise((n, r) => {
 		let a = `sampling-${s.current++}`, o = {
 			id: a,
 			request: {
@@ -4500,13 +4500,13 @@ function ka(e) {
 		p,
 		e,
 		m
-	]), g = (0, j.useCallback)((e, t) => {
+	]), g = (0, A.useCallback)((e, t) => {
 		let n = u.current.get(e);
 		n && (clearTimeout(n.timeout), u.current.delete(e), o((t) => t.filter((t) => t.id !== e)), n.resolve(t));
-	}, []), _ = (0, j.useCallback)((e, t) => {
+	}, []), _ = (0, A.useCallback)((e, t) => {
 		let n = u.current.get(e);
 		n && (clearTimeout(n.timeout), u.current.delete(e), o((t) => t.filter((t) => t.id !== e)), n.reject(Error(t ?? "User rejected elicitation request")));
-	}, []), v = (0, j.useCallback)((t) => new Promise((n, r) => {
+	}, []), v = (0, A.useCallback)((t) => new Promise((n, r) => {
 		let i = `elicitation-${c.current++}`, a = {
 			id: i,
 			request: t,
@@ -4522,15 +4522,15 @@ function ka(e) {
 		g,
 		e,
 		_
-	]), ee = (0, j.useCallback)((e) => {
+	]), ee = (0, A.useCallback)((e) => {
 		n((t) => t.map((t) => t.id === e ? {
 			...t,
 			read: !0
 		} : t));
-	}, []), te = (0, j.useCallback)(() => n((e) => e.map((e) => ({
+	}, []), te = (0, A.useCallback)(() => n((e) => e.map((e) => ({
 		...e,
 		read: !0
-	}))), []), y = (0, j.useCallback)(() => n([]), []);
+	}))), []), y = (0, A.useCallback)(() => n([]), []);
 	return {
 		notifications: t,
 		pendingSamplingRequests: r,
@@ -4549,7 +4549,7 @@ function ka(e) {
 		rejectAll: d
 	};
 }
-var Q = pr.get("McpClientProvider"), Aa = (0, j.createContext)(null);
+var Q = pr.get("McpClientProvider"), Aa = (0, A.createContext)(null);
 function $(e, t) {
 	return JSON.stringify(e) === JSON.stringify(t);
 }
@@ -4557,7 +4557,7 @@ function ja(e, t) {
 	return e.id === t.id && $(Ta(e), Ta(t)) && e.name === t.name && e.state === t.state && e.error === t.error && e.authUrl === t.authUrl && $(e.authTokens, t.authTokens) && e.protocolEra === t.protocolEra && e.protocolVersion === t.protocolVersion && $(e.serverInfo, t.serverInfo) && $(e.capabilities, t.capabilities) && e.instructions === t.instructions && $(e.extensions, t.extensions) && $(e.tools, t.tools) && $(e.resources, t.resources) && $(e.resourceTemplates, t.resourceTemplates) && $(e.prompts, t.prompts) && $(e.notifications, t.notifications) && e.unreadNotificationCount === t.unreadNotificationCount && $(e.pendingSamplingRequests, t.pendingSamplingRequests) && $(e.pendingElicitationRequests, t.pendingElicitationRequests) && e.client === t.client;
 }
 function Ma({ id: e, options: t, defaultCallbackUrl: n, defaultOAuthProxyUrl: r, defaultProxyConfig: i, defaultAutoProxyFallback: a, clientInfo: o, cachedMetadata: s, onUpdate: c, onUpdateConfig: l, onUpdateDisplayName: u, onReconnect: d, rpcWrapTransport: f, onGlobalSamplingRequest: p, onGlobalElicitationRequest: m }) {
-	let { displayName: h, onSamplingRequest: g, onElicitationRequest: _, onNotificationReceived: v, wrapTransport: ee } = t, te = (0, j.useMemo)(() => {
+	let { displayName: h, onSamplingRequest: g, onElicitationRequest: _, onNotificationReceived: v, wrapTransport: ee } = t, te = (0, A.useMemo)(() => {
 		let { displayName: c, onSamplingRequest: l, onElicitationRequest: u, onNotificationReceived: d, wrapTransport: f, ...p } = t;
 		return {
 			...p,
@@ -4580,7 +4580,7 @@ function Ma({ id: e, options: t, defaultCallbackUrl: n, defaultOAuthProxyUrl: r,
 		a,
 		o,
 		s
-	]), y = (0, j.useMemo)(() => {
+	]), y = (0, A.useMemo)(() => {
 		if (!(!f && !ee)) return (t) => {
 			let n = t;
 			return f && (n = f(n, e)), ee && (n = ee(n, e)), n;
@@ -4604,10 +4604,10 @@ function Ma({ id: e, options: t, defaultCallbackUrl: n, defaultOAuthProxyUrl: r,
 		onElicitation: b.onElicitation,
 		wrapTransport: y
 	});
-	(0, j.useEffect)(() => {
+	(0, A.useEffect)(() => {
 		x.state !== "ready" && b.rejectAll("MCP server connection is no longer active");
 	}, [x.state, b.rejectAll]);
-	let S = (0, j.useCallback)((t) => l(e, t), [e, l]), C = (0, j.useCallback)((n) => {
+	let S = (0, A.useCallback)((t) => l(e, t), [e, l]), C = (0, A.useCallback)((n) => {
 		let r = t.proxyConfig?.proxyAddress?.trim();
 		return t.connectionMode === "proxy" && r ? l(e, {
 			proxyConfig: {
@@ -4622,10 +4622,10 @@ function Ma({ id: e, options: t, defaultCallbackUrl: n, defaultOAuthProxyUrl: r,
 		t.connectionMode,
 		t.proxyConfig,
 		l
-	]), ne = (0, j.useCallback)((t) => u(e, t), [e, u]), w = (0, j.useCallback)(() => d(e), [e, d]), re = (0, j.useRef)(c), T = (0, j.useRef)(null);
-	return (0, j.useEffect)(() => {
+	]), 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)(() => {
 		re.current = c;
-	}, [c]), (0, j.useEffect)(() => {
+	}, [c]), (0, A.useEffect)(() => {
 		let n = {
 			...Ea(t),
 			...x,
@@ -4675,12 +4675,12 @@ function Ma({ id: e, options: t, defaultCallbackUrl: n, defaultOAuthProxyUrl: r,
 	]), null;
 }
 function Na({ children: e, mcpServers: t, defaultCallbackUrl: n, defaultOAuthProxyUrl: r, defaultProxyConfig: i, defaultAutoProxyFallback: a = !1, defaultServerConfig: o, clientInfo: s, storageProvider: c, enableRpcLogging: l = !1, onServerAdded: u, onServerRemoved: d, onServerStateChange: f, onSamplingRequest: p, onElicitationRequest: m }) {
-	let [h, g] = (0, j.useState)([]), [_, v] = (0, j.useState)([]), [ee, te] = (0, j.useState)({}), [y, b] = (0, j.useState)(!1), x = (0, j.useRef)(!1), S = (0, j.useRef)([]);
-	(0, j.useEffect)(() => {
+	let [h, g] = (0, A.useState)([]), [_, v] = (0, A.useState)([]), [ee, te] = (0, A.useState)({}), [y, b] = (0, A.useState)(!1), x = (0, A.useRef)(!1), S = (0, A.useRef)([]);
+	(0, A.useEffect)(() => {
 		S.current = _;
 	}, [_]);
-	let C = (0, j.useRef)({}), [ne, w] = (0, j.useState)(void 0), [re, T] = (0, j.useState)(!1);
-	(0, j.useEffect)(() => {
+	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), T(!0);
 			return;
@@ -4690,7 +4690,7 @@ function Na({ children: e, mcpServers: t, defaultCallbackUrl: n, defaultOAuthPro
 		}).catch((e) => {
 			Q.error("[McpClientProvider] Failed to load RPC logger:", e), w(void 0), T(!0);
 		});
-	}, [l]), (0, j.useEffect)(() => {
+	}, [l]), (0, A.useEffect)(() => {
 		if (!re) {
 			Q.debug("[McpClientProvider] Waiting for RPC logging to be ready before loading servers");
 			return;
@@ -4734,7 +4734,7 @@ function Na({ children: e, mcpServers: t, defaultCallbackUrl: n, defaultOAuthPro
 		c,
 		t,
 		re
-	]), (0, j.useEffect)(() => {
+	]), (0, A.useEffect)(() => {
 		!c || !y || (async () => {
 			try {
 				let e = h.reduce((e, t) => (e[t.id] = Ea(t.options), e), {});
@@ -4748,7 +4748,7 @@ function Na({ children: e, mcpServers: t, defaultCallbackUrl: n, defaultOAuthPro
 		c,
 		y
 	]);
-	let E = (0, j.useCallback)((e) => {
+	let E = (0, A.useCallback)((e) => {
 		Q.debug(`[McpClientProvider] handleServerUpdate called for server ${e.id}`, {
 			toolCount: e.tools.length,
 			state: e.state
@@ -4786,12 +4786,12 @@ function Na({ children: e, mcpServers: t, defaultCallbackUrl: n, defaultOAuthPro
 		u,
 		f,
 		c
-	]), ie = (0, j.useCallback)((e, t) => {
+	]), ie = (0, A.useCallback)((e, t) => {
 		g((n) => n.find((t) => t.id === e) ? n : (Q.debug("[McpClientProvider] Adding new server to configs:", e), [...n, {
 			id: e,
 			options: t
 		}]));
-	}, []), D = (0, j.useCallback)(async (e, t) => {
+	}, []), ae = (0, A.useCallback)(async (e, t) => {
 		let n = S.current.find((t) => t.id === e);
 		if (v((t) => t.filter((t) => t.id !== e)), g((t) => t.filter((t) => t.id !== e)), te((t) => {
 			let { [e]: n, ...r } = t;
@@ -4801,7 +4801,7 @@ function Na({ children: e, mcpServers: t, defaultCallbackUrl: n, defaultOAuthPro
 			t(e);
 		}
 		d?.(e);
-	}, [l, d]), O = (0, j.useCallback)(async (e, t) => {
+	}, [l, d]), D = (0, A.useCallback)(async (e, t) => {
 		let n = h.find((t) => t.id === e);
 		if (!n) {
 			Q.warn(`[McpClientProvider] Cannot update server "${e}" - not found`);
@@ -4818,7 +4818,7 @@ function Na({ children: e, mcpServers: t, defaultCallbackUrl: n, defaultOAuthPro
 			...t,
 			[e]: (t[e] ?? 0) + 1
 		})));
-	}, [h]), k = (0, j.useCallback)(async (e) => {
+	}, [h]), O = (0, A.useCallback)(async (e) => {
 		if (!h.find((t) => t.id === e)) {
 			Q.warn(`[McpClientProvider] Cannot reconnect server "${e}" - not found`);
 			return;
@@ -4827,7 +4827,7 @@ function Na({ children: e, mcpServers: t, defaultCallbackUrl: n, defaultOAuthPro
 			...t,
 			[e]: (t[e] ?? 0) + 1
 		}));
-	}, [h]), ae = (0, j.useCallback)(async (e, t) => new Promise((n) => {
+	}, [h]), oe = (0, A.useCallback)(async (e, t) => new Promise((n) => {
 		let r = h.find((t) => t.id === e);
 		if (!r) {
 			Q.warn(`[McpClientProvider] Cannot update server metadata for "${e}" - not found`), n();
@@ -4847,33 +4847,33 @@ function Na({ children: e, mcpServers: t, defaultCallbackUrl: n, defaultOAuthPro
 			} : t);
 			return setTimeout(() => n(), 0), r;
 		});
-	}), [h]), A = (0, j.useCallback)((e) => _.find((t) => t.id === e), [_]), oe = (0, j.useMemo)(() => ({
+	}), [h]), k = (0, A.useCallback)((e) => _.find((t) => t.id === e), [_]), se = (0, A.useMemo)(() => ({
 		servers: _,
 		addServer: ie,
-		removeServer: D,
-		updateServerMetadata: ae,
-		updateServer: O,
-		getServer: A,
+		removeServer: ae,
+		updateServerMetadata: oe,
+		updateServer: D,
+		getServer: k,
 		storageLoaded: y
 	}), [
 		_,
 		ie,
-		D,
 		ae,
-		O,
-		A,
+		oe,
+		D,
+		k,
 		y
-	]), { capabilities: M, ...N } = s || {}, P = (0, j.useMemo)(() => Object.keys(N).length ? N : void 0, [s]), se = (0, j.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
 		} : e.options;
-		return M && (t = {
+		return j && (t = {
 			...t,
 			clientOptions: {
 				...t.clientOptions,
 				capabilities: {
-					...M,
+					...j,
 					...t.clientOptions?.capabilities
 				}
 			}
@@ -4883,10 +4883,10 @@ function Na({ children: e, mcpServers: t, defaultCallbackUrl: n, defaultOAuthPro
 		};
 	}), [
 		h,
-		M,
+		j,
 		o
-	]), F = typeof window < "u" && /\/oauth\/callback\/?$/.test(window.location.pathname);
-	return /* @__PURE__ */ j.createElement(Aa.Provider, { value: oe }, e, !F && se.map((e) => /* @__PURE__ */ j.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,
@@ -4894,19 +4894,19 @@ function Na({ children: e, mcpServers: t, defaultCallbackUrl: n, defaultOAuthPro
 		defaultOAuthProxyUrl: r,
 		defaultProxyConfig: i,
 		defaultAutoProxyFallback: a,
-		clientInfo: P,
+		clientInfo: N,
 		cachedMetadata: C.current[e.id],
 		onUpdate: E,
-		onUpdateConfig: O,
-		onUpdateDisplayName: (e, t) => ae(e, { name: t }),
-		onReconnect: k,
+		onUpdateConfig: D,
+		onUpdateDisplayName: (e, t) => oe(e, { name: t }),
+		onReconnect: O,
 		rpcWrapTransport: ne,
 		onGlobalSamplingRequest: p,
 		onGlobalElicitationRequest: m
 	})));
 }
 function Pa() {
-	let e = (0, j.useContext)(Aa);
+	let e = (0, A.useContext)(Aa);
 	if (!e) throw Error("useMcpClient must be used within a McpClientProvider");
 	return e;
 }
@@ -5028,15 +5028,15 @@ 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",
 	"flex flex-col"
 ].join(" "), Ka = "data-mcp-widget-fullscreen", qa = "data-mcp-widget-display-mode";
 function Ja(e) {
-	(0, j.useEffect)(() => {
+	(0, A.useEffect)(() => {
 		if (!(typeof document > "u")) {
 			if (e === "pip" || e === "fullscreen") return document.documentElement.setAttribute(qa, e), e === "fullscreen" ? document.documentElement.setAttribute(Ka, "") : document.documentElement.removeAttribute(Ka), () => {
 				document.documentElement.removeAttribute(qa), document.documentElement.removeAttribute(Ka);
@@ -5048,7 +5048,7 @@ function Ja(e) {
 function Ya({ displayMode: e, setDisplayMode: t }) {
 	let n = e === "fullscreen", r = e === "pip";
 	return Ja(e), {
-		handleDisplayModeChange: (0, j.useCallback)((e) => t(e), [t]),
+		handleDisplayModeChange: (0, A.useCallback)((e) => t(e), [t]),
 		fullscreenShellClassName: n ? Wa : void 0,
 		pipShellClassName: r ? Ga : void 0,
 		isFullscreen: n,
@@ -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,69 +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: re, testId: T = "mcp-app-frame", invoking: E, invoked: ie }) {
-	let D = (0, j.useRef)(null), O = (0, j.useRef)(null), k = (0, j.useRef)(null), ae = (0, j.useRef)(t.kind === "live" ? t.connection : null), [A, oe] = (0, j.useState)(null), [M, N] = (0, j.useState)(null), [P, se] = (0, j.useState)(null), [F, ce] = (0, j.useState)(0), [le, ue] = (0, j.useState)(!0), [I, de] = (0, j.useState)(Xa.DEFAULT_HEIGHT), [L, R] = (0, j.useState)("inline"), z = p ?? L, B = (0, j.useRef)(u);
-	B.current = u;
-	let fe = (0, j.useRef)(_);
-	fe.current = _;
-	let pe = (0, j.useRef)(i);
-	pe.current = i;
-	let me = (0, j.useRef)(a);
-	me.current = a;
-	let he = (0, j.useRef)(s);
-	he.current = s;
-	let ge = (0, j.useRef)(S);
-	ge.current = S;
-	let _e = (0, j.useRef)(v);
-	_e.current = v;
-	let ve = (0, j.useRef)(ee);
-	ve.current = ee;
-	let ye = (0, j.useRef)(b);
-	ye.current = b;
-	let be = (0, j.useRef)(x);
-	be.current = x;
-	let xe = (0, j.useRef)(te);
-	xe.current = te;
-	let V = (0, j.useRef)(y);
-	V.current = y;
-	let Se = (0, j.useRef)(n);
-	Se.current = n;
-	let Ce = (0, j.useRef)(f);
-	Ce.current = f;
-	let we = (0, j.useRef)(w);
-	we.current = w;
-	let Te = (0, j.useCallback)((e) => {
-		let t = Se.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: Ce.current,
+			cspMode: Oe.current,
 			permissions: e.permissions,
 			widgetCsp: e.declaredCsp
 		});
-	}, []), { handleDisplayModeChange: Ee, fullscreenShellClassName: De, pipShellClassName: Oe, isFullscreen: ke, isPip: Ae } = Ya({
-		containerRef: k,
-		displayMode: z,
-		setDisplayMode: (0, j.useCallback)((e) => {
-			m ? m(e) : R(e);
+	}, []), { handleDisplayModeChange: je, fullscreenShellClassName: Me, pipShellClassName: Ne, isFullscreen: Pe, isPip: U } = Ya({
+		containerRef: se,
+		displayMode: V,
+		setDisplayMode: (0, A.useCallback)((e) => {
+			m ? m(e) : fe(e);
 		}, [m])
-	}), je = (0, j.useRef)(Ee);
-	je.current = Ee;
-	let Me = (0, j.useRef)(z);
-	Me.current = z;
-	let Ne = t.kind === "live" ? t.resourceUri : void 0, Pe = t.kind === "preloaded" ? t.html : void 0;
-	t.kind === "live" && (ae.current = t.connection), (0, j.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;
-		V.current?.({ status: "resolving" });
+		H.current?.({ status: "resolving" });
 		let n = (e) => {
-			oe(e), V.current?.({ status: "sandbox-loading" });
-			let t = Te(e);
-			N((e) => e?.href === t.href ? e : t), ge.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({
@@ -5174,7 +5195,7 @@ function so({ viewId: e, source: t, sandboxUrl: n, toolName: r = "view", toolInp
 			return;
 		}
 		let { connection: r, resourceUri: i } = t;
-		return ae.current = r, (async () => {
+		return j.current = r, (async () => {
 			try {
 				let t = await r.readResource(i);
 				if (e) return;
@@ -5186,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\"";
-					se(e), V.current?.({
+					ue(e), H.current?.({
 						status: "error",
 						error: e
 					});
@@ -5195,7 +5216,7 @@ function so({ viewId: e, source: t, sandboxUrl: n, toolName: r = "view", toolInp
 				n(o);
 			} catch (t) {
 				if (e) return;
-				se(t instanceof Error ? t.message : "Failed to prepare view"), V.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"
 				});
@@ -5205,30 +5226,30 @@ function so({ viewId: e, source: t, sandboxUrl: n, toolName: r = "view", toolInp
 		};
 	}, [
 		t.kind,
-		Ne,
-		Pe,
+		W,
+		Le,
 		f,
-		Te
-	]), (0, j.useEffect)(() => {
-		let e = M;
+		Ae
+	]), (0, A.useEffect)(() => {
+		let e = P;
 		return () => {
 			e?.protocol === "blob:" && URL.revokeObjectURL(e.href);
 		};
-	}, [M]);
-	let Fe = M?.protocol === "blob:", H = !M || Fe ? null : (() => {
+	}, [P]);
+	let G = P?.protocol === "blob:", Re = !P || G ? null : (() => {
 		try {
-			return M.origin;
+			return P.origin;
 		} catch {
 			return null;
 		}
 	})();
-	(0, j.useEffect)(() => {
-		if (!H && !Fe) return;
+	(0, A.useEffect)(() => {
+		if (!Re && !G) return;
 		let e = (e) => {
-			let t = D.current;
-			if (t?.contentWindow && e.source === t.contentWindow && !(!Fe && e.origin !== H && H !== "*")) {
+			let t = oe.current;
+			if (t?.contentWindow && e.source === t.contentWindow && !(!G && e.origin !== Re && Re !== "*")) {
 				if (e.data?.type === "mcp-apps:csp-violation") {
-					be.current?.({
+					we.current?.({
 						directive: e.data.directive,
 						effectiveDirective: e.data.effectiveDirective,
 						blockedUri: e.data.blockedUri,
@@ -5240,33 +5261,33 @@ function so({ viewId: e, source: t, sandboxUrl: n, toolName: r = "view", toolInp
 					});
 					return;
 				}
-				e.data?.type === "iframe-console-log" && ve.current && ve.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);
-	}, [H, Fe]), (0, j.useEffect)(() => {
-		if (!A || !M) return;
-		let t = D.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 {
-				V.current?.({ status: "connecting" }), t.setAttribute("sandbox", "allow-scripts allow-same-origin allow-forms");
-				let i = tr(A.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 = M.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 : A.csp,
-						permissions: A.permissions
+						csp: f === "permissive" ? void 0 : M.csp,
+						permissions: M.permissions
 					}
-				}, { hostContext: B.current }), r.onmessage = async ({ content: e }) => (e.length > 0 && fe.current && fe.current(e), {}), r.onopenlink = async ({ url: e }) => (e && window.open(e, "_blank", "noopener,noreferrer"), {}), r.oncalltool = (async ({ name: e, arguments: t }) => {
-					let n = ae.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 || {}, {
@@ -5277,47 +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 = ae.current;
+					let t = j.current;
 					if (!t) throw Error("Server connection not available");
 					return await t.readResource(e);
 				}), r.onlistresources = (async () => {
-					let e = ae.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 = (B.current?.availableDisplayModes ?? [
+					let t = e ?? "inline", n = (me.current?.availableDisplayModes ?? [
 						"inline",
 						"pip",
 						"fullscreen"
-					]).includes(t) ? t : Me.current;
-					return await je.current(n), { mode: n };
-				}, r.onupdatemodelcontext = async ({ content: e, structuredContent: t }) => (_e.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 }) => (ve.current?.({
+				}), {}), r.onloggingmessage = async ({ level: e, data: t }) => (Se.current?.({
 					level: e,
 					data: t
 				}), {}), r.onsizechange = async ({ height: e }) => {
-					Me.current === "inline" && e !== void 0 && de(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: we.current ? Ra(A.html) : A.html,
-					csp: A.csp,
-					permissions: A.permissions
+					html: ke.current ? Ra(M.html) : M.html,
+					csp: M.csp,
+					permissions: M.permissions
 				}), await o, n)) return;
-				O.current = r, ce((e) => e + 1), V.current?.({ status: "initialized" });
-				let c = {
-					...pe.current,
-					...Ia(he.current)
-				};
-				r.sendToolInput({ arguments: c });
-				let u = oo(me.current, he.current);
-				u && r.sendToolResult(u), V.current?.({ status: "ready" });
+				k.current = r, I((e) => e + 1), H.current?.({ status: "initialized" });
+				let c = _e.current;
+				if (c) r.sendToolInputPartial({ arguments: c });
+				else {
+					let e = {
+						...ge.current,
+						...Ia(ye.current)
+					};
+					r.sendToolInput({ arguments: e });
+				}
+				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";
-					se(t), ye.current?.(t), V.current?.({
+					ue(t), Ce.current?.(t), H.current?.({
 						status: "error",
 						error: t
 					});
@@ -5326,17 +5351,17 @@ function so({ viewId: e, source: t, sandboxUrl: n, toolName: r = "view", toolInp
 		})(), () => {
 			n = !0;
 			let e = r;
-			O.current = null, e && (V.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(() => {}), V.current?.({ status: "closed" });
+					e.close().catch(() => {}), H.current?.({ status: "closed" });
 				}
 			})());
 		};
 	}, [
-		A,
 		M,
+		P,
 		l,
 		d,
 		f,
@@ -5344,15 +5369,15 @@ function so({ viewId: e, source: t, sandboxUrl: n, toolName: r = "view", toolInp
 		C,
 		ne,
 		w
-	]), (0, j.useEffect)(() => {
-		let e = O.current;
-		!e || F === 0 || !u || e.setHostContext(u);
-	}, [u, F]), (0, j.useEffect)(() => {
-		let e = O.current;
+	]), (0, A.useEffect)(() => {
+		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, j.useEffect)(() => {
-		let e = O.current;
-		if (!e || F === 0) return;
+	}, [F, o]), (0, A.useEffect)(() => {
+		let e = k.current;
+		if (!e || F === 0 || o) return;
 		let t = {
 			...i,
 			...Ia(s)
@@ -5361,65 +5386,97 @@ function so({ viewId: e, source: t, sandboxUrl: n, toolName: r = "view", toolInp
 	}, [
 		F,
 		i,
+		o,
 		s
-	]), (0, j.useEffect)(() => {
-		let e = O.current;
+	]), (0, A.useEffect)(() => {
+		let e = k.current;
 		if (!e || F === 0) return;
-		let t = oo(a, s);
+		let t = so(a, s);
 		t && e.sendToolResult(t);
 	}, [
 		F,
 		a,
 		s
-	]), (0, j.useEffect)(() => {
-		let e = O.current;
+	]), (0, A.useEffect)(() => {
+		let e = k.current;
 		!e || F === 0 || !c || e.sendToolCancelled({ reason: "Cancelled by user" });
 	}, [c, F]);
-	let Ie = (0, j.useRef)(!1);
-	if ((0, j.useEffect)(() => {
-		Ie.current || F === 0 || (Ie.current = !0, xe.current?.());
-	}, [F]), (0, j.useEffect)(() => {
-		if (F === 0 || !le) return;
-		let e = setTimeout(() => ue(!1), 300);
+	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);
-	}, [F, le]), P) return /* @__PURE__ */ j.createElement("div", { className: re }, /* @__PURE__ */ j.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__ */ j.createElement("p", { className: "text-sm text-red-600 dark:text-red-400" }, "Failed to load view: ", P)));
-	if (!A) return /* @__PURE__ */ j.createElement("div", { className: re }, /* @__PURE__ */ j.createElement("div", { className: "flex items-center justify-center w-full h-[200px]" }, /* @__PURE__ */ j.createElement("span", { className: "text-sm text-muted-foreground" }, "Loading view…")));
-	let Le = De ?? Oe ?? "flex group flex-1 items-center justify-center", U = {
-		height: ke || Ae ? "100%" : `${I}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: z === "inline" ? `${h}px` : "100%",
-		transition: ke || Ae ? void 0 : "height 300ms ease-out"
-	}, Re = /* @__PURE__ */ j.createElement("div", {
-		ref: k,
-		className: Le,
-		style: Ae ? {
+		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
-		} : ke ? { zIndex: 100 } : void 0
-	}, (ke || Ae) && /* @__PURE__ */ j.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": ke ? "debugger-exit-fullscreen-button" : "debugger-exit-pip-button",
-		"aria-label": ke ? "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 Ee("inline")
-	}, "×"), /* @__PURE__ */ j.createElement("div", { className: ke || Ae ? "relative w-full h-full min-h-0 flex flex-1 flex-col" : "relative w-full flex flex-1 justify-center items-center" }, le && /* @__PURE__ */ j.createElement("div", { className: "flex absolute inset-0 items-center justify-center z-10" }, /* @__PURE__ */ j.createElement("span", { className: "text-sm text-muted-foreground" }, "Loading…")), !Ae && !ke && (E || ie) && /* @__PURE__ */ j.createElement("div", { className: "absolute -top-8 left-2 z-10 whitespace-nowrap pointer-events-none text-xs text-muted-foreground" }, E && !a ? E : ie), /* @__PURE__ */ j.createElement("div", {
-		"data-testid": T,
+		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: z === "fullscreen" ? "w-full h-full overflow-hidden" : "w-full overflow-hidden",
-		style: U
-	}, /* @__PURE__ */ j.createElement("iframe", {
-		ref: D,
+		className: V === "fullscreen" ? "w-full h-full overflow-hidden" : "w-full overflow-hidden",
+		style: Be
+	}, /* @__PURE__ */ A.createElement("iframe", {
+		ref: oe,
 		title: `MCP App: ${r}`,
-		className: "w-full h-full border-0 bg-transparent",
-		style: { border: A.prefersBorder && z !== "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__ */ j.createElement("div", { className: re }, Re);
+	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, j.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 };