@mcp-use/inspector 20.0.0-beta.0 → 20.0.0-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cdn/{ChatTab-5ya_YTFV.js → ChatTab-D8uwCHAf.js} +2 -2
- package/dist/cdn/{ConnectionSettingsForm-iwNW86ZU.js → ConnectionSettingsForm-BNS6bOMD.js} +1 -1
- package/dist/cdn/{ConnectionSettingsTab-CeK83dxn.js → ConnectionSettingsTab-B97gPPJW.js} +1 -1
- package/dist/cdn/{OAuthCallback-BxuOVgdb.js → OAuthCallback-k3oeLtIC.js} +1 -1
- package/dist/cdn/{ResourcesTab-BczUMFil.js → ResourcesTab-KfamsM6-.js} +3 -3
- package/dist/cdn/{SamplingTab-6u5s845G.js → SamplingTab-vcufuK24.js} +1 -1
- package/dist/cdn/{ToolsTab-CUhwP4rZ.js → ToolsTab-DRjcZnpu.js} +3 -3
- package/dist/cdn/{ViewPreview-CxJc1Kht.js → ViewPreview-B_onhcUB.js} +2 -2
- package/dist/cdn/{WidgetWrapper-BJJtLqMb.js → WidgetWrapper-D29YDxIu.js} +1 -1
- package/dist/cdn/inspector.js +116 -109
- package/dist/cdn/{react-yUi9mVK4.js → react-BxO-uEDZ.js} +32 -26
- package/dist/cdn/{useViewHostProps-C7vjco2m.js → useViewHostProps-Dr6W2ooF.js} +1 -1
- package/dist/cli.js +116 -14
- package/dist/server/asset-urls.d.ts +14 -0
- package/dist/server/asset-urls.d.ts.map +1 -0
- package/dist/server/asset-urls.js +13 -0
- package/dist/server/cdn-shell.d.ts +3 -3
- package/dist/server/cdn-shell.d.ts.map +1 -1
- package/dist/server/cdn-shell.js +5 -3
- package/dist/server/{chunk-J67FVPHF.js → chunk-IXYK6ZOY.js} +1 -1
- package/dist/server/{chunk-ESODOPDD.js → chunk-J4FNYLBF.js} +4 -0
- package/dist/server/chunk-KBVKS4J5.js +53 -0
- package/dist/server/chunk-M5TZA42I.js +54 -0
- package/dist/server/{chunk-TPHRVELX.js → chunk-VDUV6LR6.js} +16 -9
- package/dist/server/{chunk-THQ67TSE.js → chunk-Y2GBQOQW.js} +1 -1
- package/dist/server/cli.js +6 -4
- package/dist/server/favicon-static.d.ts.map +1 -1
- package/dist/server/favicon-static.js +1 -1
- package/dist/server/index.js +7 -5
- package/dist/server/middleware.js +7 -5
- package/dist/server/static-assets.d.ts +5 -0
- package/dist/server/static-assets.d.ts.map +1 -0
- package/dist/server/static-assets.js +9 -0
- package/dist/server/version.js +1 -1
- package/dist/web/assets/{ChatTab-CiAqtqhj.js → ChatTab-Cy8eyFYI.js} +3 -3
- package/dist/web/assets/{ConnectionSettingsTab-CTh6MFKE.js → ConnectionSettingsTab-sDZGaUJn.js} +1 -1
- package/dist/web/assets/{ElicitationTab-B3Eg0_Jm.js → ElicitationTab-wDKgU1qL.js} +1 -1
- package/dist/web/assets/{ManufactOAuthCallback-B-tdkUA2.js → ManufactOAuthCallback-DCLbW-mz.js} +1 -1
- package/dist/web/assets/{NotificationsTab-BgLjxuos.js → NotificationsTab-JevzvJTg.js} +1 -1
- package/dist/web/assets/{OAuthCallback-Bp-jLoQs.js → OAuthCallback-BjcRxLh5.js} +1 -1
- package/dist/web/assets/{PromptsTab-CA-SZs43.js → PromptsTab-DsQVOjKH.js} +1 -1
- package/dist/web/assets/{ResourcesTab-DdMIW_af.js → ResourcesTab-Bw8_p6M1.js} +1 -1
- package/dist/web/assets/{SamplingTab-DjyDG01W.js → SamplingTab-BrcF1zJF.js} +1 -1
- package/dist/web/assets/{ServerMetadataTab-Q4PlqP_B.js → ServerMetadataTab-Bydeh1Po.js} +1 -1
- package/dist/web/assets/{ToolsTab-BHk8GCmd.js → ToolsTab-DJWF7Q_x.js} +1 -1
- package/dist/web/assets/{ViewPreview-DWtmwzCb.js → ViewPreview-jgeU7bY9.js} +1 -1
- package/dist/web/assets/{WidgetWrapper-B43lqbld.js → WidgetWrapper-B_vJU9uF.js} +1 -1
- package/dist/web/assets/{checkbox-_GzEPQic.js → checkbox-BA-XURSj.js} +1 -1
- package/dist/web/assets/{chunk-BO2N2NFS-BdIeB5Lr.js → chunk-BO2N2NFS-CGbd3eLY.js} +4 -4
- package/dist/web/assets/{dist-DQjEDTKs.js → dist-BcAQZluc.js} +3 -3
- package/dist/web/assets/{highlighted-body-OFNGDK62-Dp3e1QHL.js → highlighted-body-OFNGDK62-BBJFbIMp.js} +1 -1
- package/dist/web/assets/{index-Bbn-6QR2.js → index-D2UxaT9v.js} +3 -3
- package/dist/web/assets/mermaid-GHXKKRXX-B4MKVODA.js +1 -0
- package/dist/web/assets/{pdf-C3cfS_Ha.js → pdf-CuwKm9zO.js} +1 -1
- package/dist/web/assets/{shared-Dfwy7nyg.js → shared-DQE60Op-.js} +1 -1
- package/dist/web/assets/{sheet-CRPrEqAa.js → sheet-7TIkLdpr.js} +1 -1
- package/dist/web/assets/{tabs-subtle-Dxgism9f.js → tabs-subtle-AkJZvdxS.js} +1 -1
- package/dist/web/assets/{useConfig-b1f_iVFH.js → useConfig-Qglo4xs1.js} +1 -1
- package/dist/web/assets/{useMCPPrompts-CPskz9af.js → useMCPPrompts-USLYc1I4.js} +1 -1
- package/dist/web/assets/{useViewHostProps-BgsQ2yYl.js → useViewHostProps-DXAD1g7g.js} +1 -1
- package/dist/web/index.html +1 -1
- package/package.json +5 -5
- package/dist/web/assets/mermaid-GHXKKRXX-yq1lkD3x.js +0 -1
package/dist/cdn/inspector.js
CHANGED
|
@@ -10,7 +10,7 @@ import { A as M, C as de, D as fe, E as pe, S as me, T as he, c as ge, i as N, k
|
|
|
10
10
|
import { t as Ce } from "./bell-CGjAO_0s.js";
|
|
11
11
|
import { a as we, i as Te, n as Ee, t as De } from "./browser-CbQIH4w2.js";
|
|
12
12
|
import { n as Oe, t as ke } from "./StatusIcon-BGXOEU2u.js";
|
|
13
|
-
import { a as Ae, c as je, d as Me, f as Ne, i as Pe, l as Fe, n as Ie, o as Le, r as Re, s as ze, t as Be, u as Ve } from "./ConnectionSettingsForm-
|
|
13
|
+
import { a as Ae, c as je, d as Me, f as Ne, i as Pe, l as Fe, n as Ie, o as Le, r as Re, s as ze, t as Be, u as Ve } from "./ConnectionSettingsForm-BNS6bOMD.js";
|
|
14
14
|
import { a as He, t as Ue } from "./JSONDisplay-D3RcyO9z.js";
|
|
15
15
|
import { t as We } from "./external-link-CjmfT6rW.js";
|
|
16
16
|
import { t as Ge } from "./folder-open-B3lu2rG_.js";
|
|
@@ -28,7 +28,7 @@ import { t as rt } from "./switch-DtQOLb9R.js";
|
|
|
28
28
|
import { c as it, i as at, n as ot, o as st, r as ct, s as lt, t as ut } from "./useHostedSession-BA39Aegc.js";
|
|
29
29
|
import { t as dt } from "./not-found-BcNNsTjS.js";
|
|
30
30
|
import { a as ft, c as pt, f as mt, g as ht, h as gt, i as _t, l as vt, m as yt, n as bt, p as xt, r as St, t as P, y as Ct } from "./telemetry-Ct6pVkM1.js";
|
|
31
|
-
import { a as wt, d as Tt, i as Et, n as Dt, u as Ot } from "./react-
|
|
31
|
+
import { a as wt, d as Tt, i as Et, n as Dt, u as Ot } from "./react-BxO-uEDZ.js";
|
|
32
32
|
import { n as kt, r as At, t as jt } from "./basePath-B8HuhIMu.js";
|
|
33
33
|
import { i as Mt, n as Nt, r as Pt } from "./servers-Dm72iTpY.js";
|
|
34
34
|
import { a as Ft, i as It, n as Lt, o as Rt, r as zt, t as Bt } from "./chunk-QUQL4437-XnDcYQEx.js";
|
|
@@ -20925,7 +20925,7 @@ function rr({ isOpen: e, onOpenChange: t, tools: n, prompts: r, resources: i, sa
|
|
|
20925
20925
|
}
|
|
20926
20926
|
//#endregion
|
|
20927
20927
|
//#region src/client/components/lazy-tabs.tsx
|
|
20928
|
-
var ir = (0, L.lazy)(() => import("./ChatTab-
|
|
20928
|
+
var ir = (0, L.lazy)(() => import("./ChatTab-D8uwCHAf.js").then((e) => ({ default: e.ChatTab }))), ar = (0, L.lazy)(() => import("./ToolsTab-DRjcZnpu.js").then((e) => ({ default: e.ToolsTab }))), or = (0, L.lazy)(() => import("./PromptsTab-Cspfnl6n.js").then((e) => ({ default: e.PromptsTab }))), sr = (0, L.lazy)(() => import("./ResourcesTab-KfamsM6-.js").then((e) => ({ default: e.ResourcesTab }))), cr = (0, L.lazy)(() => import("./SamplingTab-vcufuK24.js").then((e) => ({ default: e.SamplingTab }))), lr = (0, L.lazy)(() => import("./ElicitationTab-upPXq2q7.js").then((e) => ({ default: e.ElicitationTab }))), ur = (0, L.lazy)(() => import("./NotificationsTab-CWopTIzT.js").then((e) => ({ default: e.NotificationsTab }))), dr = (0, L.lazy)(() => import("./ServerMetadataTab-DS0eiyyD.js").then((e) => ({ default: e.ServerMetadataTab }))), fr = (0, L.lazy)(() => import("./ConnectionSettingsTab-B97gPPJW.js").then((e) => ({ default: e.ConnectionSettingsTab })));
|
|
20929
20929
|
function pr({ children: e }) {
|
|
20930
20930
|
return /* @__PURE__ */ (0, I.jsx)(L.Suspense, {
|
|
20931
20931
|
fallback: /* @__PURE__ */ (0, I.jsx)("div", {
|
|
@@ -22591,7 +22591,10 @@ async function di() {
|
|
|
22591
22591
|
return null;
|
|
22592
22592
|
}
|
|
22593
22593
|
}
|
|
22594
|
-
function fi(
|
|
22594
|
+
function fi() {
|
|
22595
|
+
return typeof window > "u" ? !1 : window.__MCP_INSPECTOR_MODE__ !== "standalone";
|
|
22596
|
+
}
|
|
22597
|
+
function pi({ tunnelUrl: e, setTunnelUrl: t, isTunnelStarting: n, setIsTunnelStarting: r, onTunnelStarted: i }) {
|
|
22595
22598
|
let [a, o] = (0, L.useState)(null), [s, c] = (0, L.useState)(null), [l, u] = (0, L.useState)(0), d = (0, L.useCallback)((e, n) => {
|
|
22596
22599
|
let r = n?.syncTunnel ?? !1;
|
|
22597
22600
|
if (o(!!e.fromCli), e.mcpUrl && c(e.mcpUrl), !r) return;
|
|
@@ -22616,6 +22619,10 @@ function fi({ tunnelUrl: e, setTunnelUrl: t, isTunnelStarting: n, setIsTunnelSta
|
|
|
22616
22619
|
return () => clearInterval(e);
|
|
22617
22620
|
}, [n]), (0, L.useEffect)(() => {
|
|
22618
22621
|
let e = !1;
|
|
22622
|
+
if (!fi()) {
|
|
22623
|
+
o(!1);
|
|
22624
|
+
return;
|
|
22625
|
+
}
|
|
22619
22626
|
return (async () => {
|
|
22620
22627
|
let t = await di();
|
|
22621
22628
|
e || (t ? d(t, { syncTunnel: !0 }) : o(!1));
|
|
@@ -22696,21 +22703,21 @@ function fi({ tunnelUrl: e, setTunnelUrl: t, isTunnelStarting: n, setIsTunnelSta
|
|
|
22696
22703
|
}
|
|
22697
22704
|
//#endregion
|
|
22698
22705
|
//#region src/client/components/layout/useTunnelPopoverOpen.ts
|
|
22699
|
-
function
|
|
22706
|
+
function mi(e) {
|
|
22700
22707
|
let t = window.matchMedia("(min-width: 1024px)");
|
|
22701
22708
|
return t.addEventListener("change", e), () => t.removeEventListener("change", e);
|
|
22702
22709
|
}
|
|
22703
|
-
function
|
|
22710
|
+
function hi() {
|
|
22704
22711
|
return window.matchMedia("(min-width: 1024px)").matches;
|
|
22705
22712
|
}
|
|
22706
|
-
function
|
|
22713
|
+
function gi() {
|
|
22707
22714
|
return !0;
|
|
22708
22715
|
}
|
|
22709
|
-
function
|
|
22710
|
-
return (0, L.useSyncExternalStore)(
|
|
22716
|
+
function _i() {
|
|
22717
|
+
return (0, L.useSyncExternalStore)(mi, hi, gi);
|
|
22711
22718
|
}
|
|
22712
|
-
function
|
|
22713
|
-
let [t, n] = (0, L.useState)(!1), [r, i] = (0, L.useState)(!1), a =
|
|
22719
|
+
function vi(e) {
|
|
22720
|
+
let [t, n] = (0, L.useState)(!1), [r, i] = (0, L.useState)(!1), a = _i(), o = (0, L.useCallback)(() => {
|
|
22714
22721
|
n(!0), i(!0);
|
|
22715
22722
|
}, []);
|
|
22716
22723
|
return (0, L.useEffect)(() => {
|
|
@@ -22734,8 +22741,8 @@ function _i(e) {
|
|
|
22734
22741
|
}
|
|
22735
22742
|
//#endregion
|
|
22736
22743
|
//#region src/client/components/LayoutHeader.tsx
|
|
22737
|
-
function
|
|
22738
|
-
let { tunnelUrl: s, isTunnelStarting: c, setTunnelUrl: l, setIsTunnelStarting: u, embeddedConfig: f } = Ut(), [p, m] = (0, L.useState)(!1), [h] = (0, L.useState)(!0), g =
|
|
22744
|
+
function yi({ connections: e, selectedServer: t, activeTab: n, onServerSelect: r, onTabChange: i, embedded: a = !1, sidebarCollapsed: o = !1 }) {
|
|
22745
|
+
let { tunnelUrl: s, isTunnelStarting: c, setTunnelUrl: l, setIsTunnelStarting: u, embeddedConfig: f } = Ut(), [p, m] = (0, L.useState)(!1), [h] = (0, L.useState)(!0), g = vi(s), _ = pi({
|
|
22739
22746
|
tunnelUrl: s,
|
|
22740
22747
|
setTunnelUrl: l,
|
|
22741
22748
|
isTunnelStarting: c,
|
|
@@ -22906,7 +22913,7 @@ function vi({ connections: e, selectedServer: t, activeTab: n, onServerSelect: r
|
|
|
22906
22913
|
}
|
|
22907
22914
|
//#endregion
|
|
22908
22915
|
//#region src/client/components/layout/SidebarRail.tsx
|
|
22909
|
-
function
|
|
22916
|
+
function bi({ collapsed: e, onToggle: t }) {
|
|
22910
22917
|
let n = e ? "Expand sidebar" : "Collapse sidebar";
|
|
22911
22918
|
return /* @__PURE__ */ (0, I.jsxs)(S, { children: [/* @__PURE__ */ (0, I.jsx)(m, {
|
|
22912
22919
|
render: /* @__PURE__ */ (0, I.jsxs)(w, {
|
|
@@ -22930,7 +22937,7 @@ function yi({ collapsed: e, onToggle: t }) {
|
|
|
22930
22937
|
}
|
|
22931
22938
|
//#endregion
|
|
22932
22939
|
//#region src/client/components/ui/github-icon.tsx
|
|
22933
|
-
function
|
|
22940
|
+
function xi({ className: e }) {
|
|
22934
22941
|
return /* @__PURE__ */ (0, I.jsxs)("svg", {
|
|
22935
22942
|
xmlns: "http://www.w3.org/2000/svg",
|
|
22936
22943
|
width: "24",
|
|
@@ -22947,7 +22954,7 @@ function bi({ className: e }) {
|
|
|
22947
22954
|
}
|
|
22948
22955
|
//#endregion
|
|
22949
22956
|
//#region src/client/components/layout/sidebar/InspectorSidebarFooter.tsx
|
|
22950
|
-
function
|
|
22957
|
+
function Si({ className: e }) {
|
|
22951
22958
|
return /* @__PURE__ */ (0, I.jsx)("svg", {
|
|
22952
22959
|
viewBox: "0 -28.5 256 256",
|
|
22953
22960
|
className: e,
|
|
@@ -22960,8 +22967,8 @@ function xi({ className: e }) {
|
|
|
22960
22967
|
})
|
|
22961
22968
|
});
|
|
22962
22969
|
}
|
|
22963
|
-
var
|
|
22964
|
-
function
|
|
22970
|
+
var Ci = "flex size-8 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-sidebar-accent hover:text-sidebar-accent-foreground", wi = "color-mix(in oklab, var(--sidebar-foreground) 22%, var(--sidebar))", Ti = "color-mix(in oklab, var(--sidebar-foreground) 30%, var(--sidebar))", Ei = "data-unchecked:!bg-zinc-300 dark:data-unchecked:!bg-zinc-600";
|
|
22971
|
+
function Di({ collapsed: e, rpcLoggerOpen: t, onRpcLoggerOpenChange: n, onCommandPaletteOpen: r }) {
|
|
22965
22972
|
let { embeddedConfig: i } = Ut(), { theme: a, setTheme: o } = Xt(), { user: s } = ut(i.chatApiUrl), c = s ? "https://manufact.com/cloud?ref=mcp-use-inspector" : "https://manufact.com/signup?ref=mcp-use-inspector", l = () => {
|
|
22966
22973
|
try {
|
|
22967
22974
|
P(new vt({ referrer: "mcp-use-inspector-sidebar" })).catch(() => {});
|
|
@@ -22979,7 +22986,7 @@ function Ei({ collapsed: e, rpcLoggerOpen: t, onRpcLoggerOpenChange: n, onComman
|
|
|
22979
22986
|
checked: t,
|
|
22980
22987
|
onCheckedChange: n,
|
|
22981
22988
|
"aria-label": "RPC Panel",
|
|
22982
|
-
className: d("scale-75",
|
|
22989
|
+
className: d("scale-75", Ei)
|
|
22983
22990
|
})
|
|
22984
22991
|
}),
|
|
22985
22992
|
nativeButton: !1
|
|
@@ -22990,8 +22997,8 @@ function Ei({ collapsed: e, rpcLoggerOpen: t, onRpcLoggerOpenChange: n, onComman
|
|
|
22990
22997
|
label: "RPC Panel",
|
|
22991
22998
|
checked: t,
|
|
22992
22999
|
onToggle: () => n(!t),
|
|
22993
|
-
uncheckedTrackColor:
|
|
22994
|
-
uncheckedTrackColorHovered:
|
|
23000
|
+
uncheckedTrackColor: wi,
|
|
23001
|
+
uncheckedTrackColorHovered: Ti,
|
|
22995
23002
|
className: "w-full flex-row-reverse justify-between"
|
|
22996
23003
|
}),
|
|
22997
23004
|
e ? /* @__PURE__ */ (0, I.jsxs)(S, { children: [/* @__PURE__ */ (0, I.jsx)(m, {
|
|
@@ -23000,7 +23007,7 @@ function Ei({ collapsed: e, rpcLoggerOpen: t, onRpcLoggerOpenChange: n, onComman
|
|
|
23000
23007
|
target: "_blank",
|
|
23001
23008
|
rel: "noopener noreferrer",
|
|
23002
23009
|
onClick: l,
|
|
23003
|
-
className:
|
|
23010
|
+
className: Ci,
|
|
23004
23011
|
"aria-label": "Deploying your MCP Server? Try manufact.com",
|
|
23005
23012
|
children: /* @__PURE__ */ (0, I.jsx)(ln, { className: "size-4" })
|
|
23006
23013
|
}),
|
|
@@ -23044,9 +23051,9 @@ function Ei({ collapsed: e, rpcLoggerOpen: t, onRpcLoggerOpenChange: n, onComman
|
|
|
23044
23051
|
href: "https://github.com/mcp-use/mcp-use",
|
|
23045
23052
|
target: "_blank",
|
|
23046
23053
|
rel: "noopener noreferrer",
|
|
23047
|
-
className:
|
|
23054
|
+
className: Ci,
|
|
23048
23055
|
"aria-label": "GitHub",
|
|
23049
|
-
children: /* @__PURE__ */ (0, I.jsx)(
|
|
23056
|
+
children: /* @__PURE__ */ (0, I.jsx)(xi, { className: "size-4" })
|
|
23050
23057
|
}),
|
|
23051
23058
|
nativeButton: !1
|
|
23052
23059
|
}), /* @__PURE__ */ (0, I.jsx)(C, {
|
|
@@ -23058,9 +23065,9 @@ function Ei({ collapsed: e, rpcLoggerOpen: t, onRpcLoggerOpenChange: n, onComman
|
|
|
23058
23065
|
href: "https://discord.gg/XkNkSkMz3V",
|
|
23059
23066
|
target: "_blank",
|
|
23060
23067
|
rel: "noopener noreferrer",
|
|
23061
|
-
className:
|
|
23068
|
+
className: Ci,
|
|
23062
23069
|
"aria-label": "Discord",
|
|
23063
|
-
children: /* @__PURE__ */ (0, I.jsx)(
|
|
23070
|
+
children: /* @__PURE__ */ (0, I.jsx)(Si, { className: "size-4" })
|
|
23064
23071
|
}),
|
|
23065
23072
|
nativeButton: !1
|
|
23066
23073
|
}), /* @__PURE__ */ (0, I.jsx)(C, {
|
|
@@ -23071,7 +23078,7 @@ function Ei({ collapsed: e, rpcLoggerOpen: t, onRpcLoggerOpenChange: n, onComman
|
|
|
23071
23078
|
render: /* @__PURE__ */ (0, I.jsx)(D, {
|
|
23072
23079
|
render: /* @__PURE__ */ (0, I.jsx)("button", {
|
|
23073
23080
|
type: "button",
|
|
23074
|
-
className:
|
|
23081
|
+
className: Ci,
|
|
23075
23082
|
"aria-label": "Theme",
|
|
23076
23083
|
children: a === "light" ? /* @__PURE__ */ (0, I.jsx)(bn, { className: "size-4" }) : a === "dark" ? /* @__PURE__ */ (0, I.jsx)(he, { className: "size-4" }) : /* @__PURE__ */ (0, I.jsx)(pe, { className: "size-4" })
|
|
23077
23084
|
}),
|
|
@@ -23108,7 +23115,7 @@ function Ei({ collapsed: e, rpcLoggerOpen: t, onRpcLoggerOpenChange: n, onComman
|
|
|
23108
23115
|
render: /* @__PURE__ */ (0, I.jsx)("button", {
|
|
23109
23116
|
type: "button",
|
|
23110
23117
|
onClick: r,
|
|
23111
|
-
className:
|
|
23118
|
+
className: Ci,
|
|
23112
23119
|
"aria-label": "Command Palette",
|
|
23113
23120
|
"data-testid": "command-palette-trigger-button",
|
|
23114
23121
|
children: /* @__PURE__ */ (0, I.jsx)(pn, { className: "size-4" })
|
|
@@ -23130,7 +23137,7 @@ function Ei({ collapsed: e, rpcLoggerOpen: t, onRpcLoggerOpenChange: n, onComman
|
|
|
23130
23137
|
}
|
|
23131
23138
|
//#endregion
|
|
23132
23139
|
//#region src/client/hooks/use-proximity-hover-keys.ts
|
|
23133
|
-
function
|
|
23140
|
+
function Oi(e, t) {
|
|
23134
23141
|
let n = 0, r = 0, i = e;
|
|
23135
23142
|
for (; i && i !== t;) n += i.offsetTop, r += i.offsetLeft, i = i.offsetParent;
|
|
23136
23143
|
if (i !== t) {
|
|
@@ -23149,7 +23156,7 @@ function Di(e, t) {
|
|
|
23149
23156
|
height: e.offsetHeight
|
|
23150
23157
|
};
|
|
23151
23158
|
}
|
|
23152
|
-
function
|
|
23159
|
+
function ki(e, t) {
|
|
23153
23160
|
let n = Object.keys(e), r = Object.keys(t);
|
|
23154
23161
|
if (n.length !== r.length) return !1;
|
|
23155
23162
|
for (let r of n) {
|
|
@@ -23158,14 +23165,14 @@ function Oi(e, t) {
|
|
|
23158
23165
|
}
|
|
23159
23166
|
return !0;
|
|
23160
23167
|
}
|
|
23161
|
-
function
|
|
23168
|
+
function Ai(e, t = {}) {
|
|
23162
23169
|
let { axis: n = "y" } = t, r = (0, L.useRef)(/* @__PURE__ */ new Map()), [i, a] = (0, L.useState)(null), [o, s] = (0, L.useState)({}), c = (0, L.useRef)({}), l = (0, L.useRef)(0), u = (0, L.useRef)(null), d = (0, L.useRef)(null), f = (0, L.useCallback)(() => {
|
|
23163
23170
|
let t = e.current;
|
|
23164
23171
|
if (!t) return;
|
|
23165
23172
|
let n = {};
|
|
23166
23173
|
r.current.forEach((e, r) => {
|
|
23167
|
-
n[r] =
|
|
23168
|
-
}), !
|
|
23174
|
+
n[r] = Oi(e, t);
|
|
23175
|
+
}), !ki(c.current, n) && (c.current = n, s(n));
|
|
23169
23176
|
}, [e]), p = (0, L.useCallback)((e, t) => {
|
|
23170
23177
|
t ? r.current.set(e, t) : r.current.delete(e), d.current !== null && cancelAnimationFrame(d.current), d.current = requestAnimationFrame(() => {
|
|
23171
23178
|
d.current = null, f();
|
|
@@ -23216,7 +23223,7 @@ function ki(e, t = {}) {
|
|
|
23216
23223
|
}
|
|
23217
23224
|
//#endregion
|
|
23218
23225
|
//#region src/client/components/layout/sidebar/SidebarProximityNav.tsx
|
|
23219
|
-
function
|
|
23226
|
+
function ji(e) {
|
|
23220
23227
|
if (!e) return {
|
|
23221
23228
|
left: 0,
|
|
23222
23229
|
right: 0
|
|
@@ -23227,16 +23234,16 @@ function Ai(e) {
|
|
|
23227
23234
|
right: n + r + i
|
|
23228
23235
|
};
|
|
23229
23236
|
}
|
|
23230
|
-
function
|
|
23237
|
+
function Mi(e, t) {
|
|
23231
23238
|
return {
|
|
23232
23239
|
...e,
|
|
23233
23240
|
left: e.left - t.left,
|
|
23234
23241
|
width: e.width + t.left + t.right
|
|
23235
23242
|
};
|
|
23236
23243
|
}
|
|
23237
|
-
var
|
|
23238
|
-
function
|
|
23239
|
-
let e = (0, L.useContext)(
|
|
23244
|
+
var Ni = (0, L.createContext)(null);
|
|
23245
|
+
function Pi() {
|
|
23246
|
+
let e = (0, L.useContext)(Ni), t = (0, L.useRef)(e?.registerItem);
|
|
23240
23247
|
t.current = e?.registerItem;
|
|
23241
23248
|
let n = (0, L.useRef)(/* @__PURE__ */ new Map());
|
|
23242
23249
|
return (0, L.useCallback)((e) => {
|
|
@@ -23244,8 +23251,8 @@ function Ni() {
|
|
|
23244
23251
|
return i || (i = (n) => t.current?.(e, n), r.set(e, i)), i;
|
|
23245
23252
|
}, []);
|
|
23246
23253
|
}
|
|
23247
|
-
function
|
|
23248
|
-
let r = (0, L.useRef)(null), { activeKey: i, itemRects: a, sessionRef: o, handlers: s, registerItem: c, measureItems: l } =
|
|
23254
|
+
function Fi({ children: e, isActiveKey: t, className: n }) {
|
|
23255
|
+
let r = (0, L.useRef)(null), { activeKey: i, itemRects: a, sessionRef: o, handlers: s, registerItem: c, measureItems: l } = Ai(r), u = (0, L.useMemo)(() => ({ registerItem: c }), [c]), f = Object.keys(a).find((e) => t(e)) ?? null;
|
|
23249
23256
|
(0, L.useLayoutEffect)(() => {
|
|
23250
23257
|
l();
|
|
23251
23258
|
}, [
|
|
@@ -23253,8 +23260,8 @@ function Pi({ children: e, isActiveKey: t, className: n }) {
|
|
|
23253
23260
|
e,
|
|
23254
23261
|
f
|
|
23255
23262
|
]);
|
|
23256
|
-
let p =
|
|
23257
|
-
return /* @__PURE__ */ (0, I.jsx)(
|
|
23263
|
+
let p = ji(r.current), m = i ? a[i] : null, h = f ? a[f] : null, g = m ? Mi(m, p) : null, _ = h ? Mi(h, p) : null, y = i !== null && i !== f;
|
|
23264
|
+
return /* @__PURE__ */ (0, I.jsx)(Ni.Provider, {
|
|
23258
23265
|
value: u,
|
|
23259
23266
|
children: /* @__PURE__ */ (0, I.jsxs)("div", {
|
|
23260
23267
|
ref: r,
|
|
@@ -23326,34 +23333,34 @@ function Pi({ children: e, isActiveKey: t, className: n }) {
|
|
|
23326
23333
|
})
|
|
23327
23334
|
});
|
|
23328
23335
|
}
|
|
23329
|
-
var
|
|
23336
|
+
var Ii = d("pointer-events-auto absolute right-(--sidebar-nav-trailing-right) top-1/2 z-10 flex h-(--sidebar-nav-trailing-size) min-w-(--sidebar-nav-trailing-size) -translate-y-1/2 items-center justify-center", d("transition-[opacity,filter] duration-200 ease-out", "opacity-100 blur-0", "group-data-[collapsible=icon]:opacity-0 group-data-[collapsible=icon]:blur-[3px] group-data-[collapsible=icon]:pointer-events-none", "group-data-[collapsed=true]:opacity-0 group-data-[collapsed=true]:blur-[3px] group-data-[collapsed=true]:pointer-events-none")), Li = d("truncate transition-[opacity,filter,margin] duration-200 ease-out", "group-data-[collapsible=icon]:hidden", "group-data-[collapsed=true]:hidden"), Ri = d("peer/menu-button flex cursor-pointer items-center gap-2 overflow-hidden rounded-full py-2 text-left text-sm outline-hidden ring-sidebar-ring hover:text-sidebar-accent-foreground group-hover/menu-item:text-sidebar-accent-foreground focus-visible:ring-2 active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-active:font-medium data-active:text-sidebar-accent-foreground [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0", "transition-[width,max-width,height,padding,border-radius] duration-200 ease-out", "h-8 text-sm");
|
|
23330
23337
|
//#endregion
|
|
23331
23338
|
//#region src/client/components/layout/sidebar/InspectorSidebarNav.tsx
|
|
23332
|
-
function
|
|
23339
|
+
function zi({ count: e }) {
|
|
23333
23340
|
return /* @__PURE__ */ (0, I.jsx)("span", {
|
|
23334
23341
|
className: d("inline-flex h-5 shrink-0 items-center justify-center border border-border bg-zinc-200 px-1 text-[10px] font-medium tabular-nums leading-none text-foreground dark:bg-zinc-700", String(e).length >= 3 ? "min-w-5 rounded-md" : "size-5 min-w-5 rounded-full"),
|
|
23335
23342
|
children: e
|
|
23336
23343
|
});
|
|
23337
23344
|
}
|
|
23338
|
-
function
|
|
23345
|
+
function Bi(e) {
|
|
23339
23346
|
return e.id !== "separator";
|
|
23340
23347
|
}
|
|
23341
|
-
function
|
|
23342
|
-
let a =
|
|
23348
|
+
function Vi({ activeTab: e, onTabChange: t, selectedServer: n, visibleTabs: r, collapsed: i }) {
|
|
23349
|
+
let a = Pi();
|
|
23343
23350
|
return /* @__PURE__ */ (0, I.jsx)("ul", {
|
|
23344
23351
|
className: "flex w-full min-w-0 flex-col gap-1 px-(--sidebar-nav-inset-x) group",
|
|
23345
23352
|
"data-collapsed": i,
|
|
23346
23353
|
"aria-label": "Inspector tabs",
|
|
23347
|
-
children: (r ? ai.filter((e) =>
|
|
23354
|
+
children: (r ? ai.filter((e) => Bi(e) && r.includes(e.id)) : ai.filter(Bi)).map((r, o) => {
|
|
23348
23355
|
let s = ri(r.id, n), c = ii(r.id, s, i), l = r.icon, u = e === r.id, f = s > 0 || c, p = /* @__PURE__ */ (0, I.jsxs)("button", {
|
|
23349
23356
|
ref: a(r.id),
|
|
23350
23357
|
type: "button",
|
|
23351
23358
|
"data-testid": `tab-${r.id}`,
|
|
23352
23359
|
"data-active": u ? !0 : void 0,
|
|
23353
23360
|
onClick: () => t(r.id),
|
|
23354
|
-
className: d(
|
|
23361
|
+
className: d(Ri, i ? "size-8! w-8! max-w-8! shrink-0 justify-center gap-0 p-0!" : "w-full max-w-full sidebar-nav-pill-bleed-x pl-(--sidebar-nav-icon-pl-bleed) pr-(--sidebar-nav-pr-bleed)", f && !i && "pr-[calc(var(--sidebar-nav-trailing-right)+var(--sidebar-nav-trailing-size))]"),
|
|
23355
23362
|
children: [/* @__PURE__ */ (0, I.jsx)(l, { className: "size-4 shrink-0" }), /* @__PURE__ */ (0, I.jsx)("span", {
|
|
23356
|
-
className:
|
|
23363
|
+
className: Li,
|
|
23357
23364
|
children: r.label
|
|
23358
23365
|
})]
|
|
23359
23366
|
});
|
|
@@ -23369,8 +23376,8 @@ function Bi({ activeTab: e, onTabChange: t, selectedServer: n, visibleTabs: r, c
|
|
|
23369
23376
|
children: s > 0 ? `${r.label} (${s})` : r.label
|
|
23370
23377
|
})]
|
|
23371
23378
|
}) : p, f && !i ? /* @__PURE__ */ (0, I.jsx)("div", {
|
|
23372
|
-
className:
|
|
23373
|
-
children: s > 0 ? /* @__PURE__ */ (0, I.jsx)(
|
|
23379
|
+
className: Ii,
|
|
23380
|
+
children: s > 0 ? /* @__PURE__ */ (0, I.jsx)(zi, { count: s }) : c ? /* @__PURE__ */ (0, I.jsx)("span", { className: "inline-flex h-2 w-2 shrink-0 rounded-full bg-yellow-500 animate-status-pulse-yellow" }) : null
|
|
23374
23381
|
}) : null]
|
|
23375
23382
|
}, r.id);
|
|
23376
23383
|
})
|
|
@@ -23378,7 +23385,7 @@ function Bi({ activeTab: e, onTabChange: t, selectedServer: n, visibleTabs: r, c
|
|
|
23378
23385
|
}
|
|
23379
23386
|
//#endregion
|
|
23380
23387
|
//#region src/client/components/layout/sidebar/InspectorSidebar.tsx
|
|
23381
|
-
function
|
|
23388
|
+
function Hi({ activeTab: e, onTabChange: t, selectedServer: n, visibleTabs: r, collapsed: i, onCollapsedChange: a, rpcLoggerOpen: o, onRpcLoggerOpenChange: s, onCommandPaletteOpen: c }) {
|
|
23382
23389
|
return /* @__PURE__ */ (0, I.jsxs)("aside", {
|
|
23383
23390
|
className: d("group/sidebar relative hidden lg:flex flex-col shrink-0 text-sidebar-foreground transition-[width] duration-200 ease-out @container/sidebar", i ? "w-(--sidebar-width-icon)" : "w-(--sidebar-width)"),
|
|
23384
23391
|
"data-collapsed": i,
|
|
@@ -23386,10 +23393,10 @@ function Vi({ activeTab: e, onTabChange: t, selectedServer: n, visibleTabs: r, c
|
|
|
23386
23393
|
children: [
|
|
23387
23394
|
/* @__PURE__ */ (0, I.jsx)("div", {
|
|
23388
23395
|
className: "sidebar-nav-scroll flex-1 overflow-y-auto overflow-x-hidden min-h-0",
|
|
23389
|
-
children: /* @__PURE__ */ (0, I.jsx)(
|
|
23396
|
+
children: /* @__PURE__ */ (0, I.jsx)(Fi, {
|
|
23390
23397
|
isActiveKey: (t) => t === e,
|
|
23391
23398
|
className: "pb-2",
|
|
23392
|
-
children: /* @__PURE__ */ (0, I.jsx)(
|
|
23399
|
+
children: /* @__PURE__ */ (0, I.jsx)(Vi, {
|
|
23393
23400
|
activeTab: e,
|
|
23394
23401
|
onTabChange: t,
|
|
23395
23402
|
selectedServer: n,
|
|
@@ -23398,13 +23405,13 @@ function Vi({ activeTab: e, onTabChange: t, selectedServer: n, visibleTabs: r, c
|
|
|
23398
23405
|
})
|
|
23399
23406
|
})
|
|
23400
23407
|
}),
|
|
23401
|
-
/* @__PURE__ */ (0, I.jsx)(
|
|
23408
|
+
/* @__PURE__ */ (0, I.jsx)(Di, {
|
|
23402
23409
|
collapsed: i,
|
|
23403
23410
|
rpcLoggerOpen: o,
|
|
23404
23411
|
onRpcLoggerOpenChange: s,
|
|
23405
23412
|
onCommandPaletteOpen: c
|
|
23406
23413
|
}),
|
|
23407
|
-
/* @__PURE__ */ (0, I.jsx)(
|
|
23414
|
+
/* @__PURE__ */ (0, I.jsx)(bi, {
|
|
23408
23415
|
collapsed: i,
|
|
23409
23416
|
onToggle: () => a(!i)
|
|
23410
23417
|
})
|
|
@@ -23413,19 +23420,19 @@ function Vi({ activeTab: e, onTabChange: t, selectedServer: n, visibleTabs: r, c
|
|
|
23413
23420
|
}
|
|
23414
23421
|
//#endregion
|
|
23415
23422
|
//#region src/client/components/ui/checkbox-group.tsx
|
|
23416
|
-
var
|
|
23417
|
-
function
|
|
23418
|
-
let e = (0, L.useContext)(
|
|
23423
|
+
var Ui = (0, L.createContext)(null);
|
|
23424
|
+
function Wi() {
|
|
23425
|
+
let e = (0, L.useContext)(Ui);
|
|
23419
23426
|
if (!e) throw Error("useCheckboxGroup must be used within a CheckboxGroup");
|
|
23420
23427
|
return e;
|
|
23421
23428
|
}
|
|
23422
|
-
var
|
|
23429
|
+
var Gi = (0, L.forwardRef)(({ children: e, checkedIndices: t, orientation: n = "vertical", className: r, ...i }, a) => {
|
|
23423
23430
|
let o = (0, L.useRef)(null), s = n === "horizontal", { activeIndex: c, setActiveIndex: l, handlers: u, registerItem: f, measureItems: p } = ue(o, { axis: s ? "x" : "y" });
|
|
23424
23431
|
(0, L.useEffect)(() => {
|
|
23425
23432
|
p();
|
|
23426
23433
|
}, [p, e]);
|
|
23427
23434
|
let m = s ? "ArrowLeft" : "ArrowUp", h = s ? "ArrowRight" : "ArrowDown";
|
|
23428
|
-
return /* @__PURE__ */ (0, I.jsx)(
|
|
23435
|
+
return /* @__PURE__ */ (0, I.jsx)(Ui.Provider, {
|
|
23429
23436
|
value: {
|
|
23430
23437
|
registerItem: f,
|
|
23431
23438
|
activeIndex: c
|
|
@@ -23455,9 +23462,9 @@ var Wi = (0, L.forwardRef)(({ children: e, checkedIndices: t, orientation: n = "
|
|
|
23455
23462
|
})
|
|
23456
23463
|
});
|
|
23457
23464
|
});
|
|
23458
|
-
|
|
23459
|
-
var
|
|
23460
|
-
let c = (0, L.useRef)(null), u = (0, L.useRef)(!1), { registerItem: f, activeIndex: p } =
|
|
23465
|
+
Gi.displayName = "CheckboxGroup";
|
|
23466
|
+
var Ki = (0, L.forwardRef)(({ label: e, index: t, checked: n, onToggle: r, size: i = "default", className: a, ...o }, s) => {
|
|
23467
|
+
let c = (0, L.useRef)(null), u = (0, L.useRef)(!1), { registerItem: f, activeIndex: p } = Wi();
|
|
23461
23468
|
(0, L.useEffect)(() => (f(t, c.current), () => f(t, null)), [t, f]), (0, L.useEffect)(() => {
|
|
23462
23469
|
u.current = !0;
|
|
23463
23470
|
}, []);
|
|
@@ -23540,16 +23547,16 @@ var Gi = (0, L.forwardRef)(({ label: e, index: t, checked: n, onToggle: r, size:
|
|
|
23540
23547
|
})]
|
|
23541
23548
|
});
|
|
23542
23549
|
});
|
|
23543
|
-
|
|
23550
|
+
Ki.displayName = "CheckboxItem";
|
|
23544
23551
|
//#endregion
|
|
23545
23552
|
//#region src/client/hooks/use-rpc-log-virtualizer.ts
|
|
23546
|
-
var
|
|
23547
|
-
function
|
|
23553
|
+
var qi = 36, Ji = 188, Yi = 6;
|
|
23554
|
+
function Xi(e, t, n) {
|
|
23548
23555
|
let [r, i] = (0, L.useState)(0), [a, o] = (0, L.useState)(0), s = (0, L.useMemo)(() => {
|
|
23549
23556
|
let n = [], r = [], i = 0;
|
|
23550
23557
|
for (let a of e) {
|
|
23551
23558
|
n.push(i);
|
|
23552
|
-
let e =
|
|
23559
|
+
let e = qi + (t.has(a.id) ? Ji : 0);
|
|
23553
23560
|
r.push(e), i += e;
|
|
23554
23561
|
}
|
|
23555
23562
|
return {
|
|
@@ -23564,10 +23571,10 @@ function Yi(e, t, n) {
|
|
|
23564
23571
|
};
|
|
23565
23572
|
let { offsets: t, heights: n, totalHeight: i } = s, o = r + a, c = 0;
|
|
23566
23573
|
for (; c < e.length && t[c] + n[c] < r;) c++;
|
|
23567
|
-
c = Math.max(0, c -
|
|
23574
|
+
c = Math.max(0, c - Yi);
|
|
23568
23575
|
let l = c;
|
|
23569
23576
|
for (; l < e.length && t[l] < o;) l++;
|
|
23570
|
-
l = Math.min(e.length, l +
|
|
23577
|
+
l = Math.min(e.length, l + Yi);
|
|
23571
23578
|
let u = [];
|
|
23572
23579
|
for (let r = c; r < l; r++) u.push({
|
|
23573
23580
|
index: r,
|
|
@@ -23607,8 +23614,8 @@ function Yi(e, t, n) {
|
|
|
23607
23614
|
}
|
|
23608
23615
|
//#endregion
|
|
23609
23616
|
//#region src/client/rpc-traffic-bridge.ts
|
|
23610
|
-
var
|
|
23611
|
-
function
|
|
23617
|
+
var Zi;
|
|
23618
|
+
function Qi(e) {
|
|
23612
23619
|
qt.publish({
|
|
23613
23620
|
source: "mcp",
|
|
23614
23621
|
serverId: e.serverId,
|
|
@@ -23617,13 +23624,13 @@ function Zi(e) {
|
|
|
23617
23624
|
message: e.message
|
|
23618
23625
|
});
|
|
23619
23626
|
}
|
|
23620
|
-
function
|
|
23621
|
-
|
|
23627
|
+
function $i() {
|
|
23628
|
+
Zi ||= (wt().forEach(Qi), Ot(Qi));
|
|
23622
23629
|
}
|
|
23623
23630
|
//#endregion
|
|
23624
23631
|
//#region src/client/components/logging/JsonRpcLoggerView.tsx
|
|
23625
|
-
|
|
23626
|
-
function
|
|
23632
|
+
$i();
|
|
23633
|
+
function ea({ serverIds: e, onCountChange: t, onClearRef: n, onExportRef: r } = {}) {
|
|
23627
23634
|
let i = (0, L.useRef)(null), [a, o] = (0, L.useState)(/* @__PURE__ */ new Set()), [c, l] = (0, L.useState)(""), [u, f] = (0, L.useState)(!1), [p, m] = (0, L.useState)(() => new Set(["mcp", "widget"])), h = (0, L.useSyncExternalStore)(qt.subscribe, qt.getSnapshot, qt.getSnapshot), g = async (e) => {
|
|
23628
23635
|
try {
|
|
23629
23636
|
await De(JSON.stringify(e, null, 2)), F.success("Message copied to clipboard");
|
|
@@ -23647,14 +23654,14 @@ function $i({ serverIds: e, onCountChange: t, onClearRef: n, onExportRef: r } =
|
|
|
23647
23654
|
p.size > 0 && (e = e.filter((e) => p.has(e.source)));
|
|
23648
23655
|
let t = c.trim().toLowerCase();
|
|
23649
23656
|
return t && (e = e.filter((e) => {
|
|
23650
|
-
let n =
|
|
23657
|
+
let n = na(e);
|
|
23651
23658
|
return e.serverId.toLowerCase().includes(t) || e.widgetId?.toLowerCase().includes(t) || e.source.includes(t) || n.toLowerCase().includes(t) || e.direction.toLowerCase().includes(t) || JSON.stringify(e.message).toLowerCase().includes(t);
|
|
23652
23659
|
})), [...e].reverse();
|
|
23653
23660
|
}, [
|
|
23654
23661
|
_,
|
|
23655
23662
|
c,
|
|
23656
23663
|
p
|
|
23657
|
-
]), { totalHeight: x, visibleItems: S } =
|
|
23664
|
+
]), { totalHeight: x, visibleItems: S } = Xi(b, a, i), ee = (0, L.useCallback)((e) => {
|
|
23658
23665
|
o((t) => {
|
|
23659
23666
|
let n = new Set(t);
|
|
23660
23667
|
return n.has(e) ? n.delete(e) : n.add(e), n;
|
|
@@ -23741,18 +23748,18 @@ function $i({ serverIds: e, onCountChange: t, onClearRef: n, onExportRef: r } =
|
|
|
23741
23748
|
}), /* @__PURE__ */ (0, I.jsx)("div", {
|
|
23742
23749
|
"aria-hidden": u,
|
|
23743
23750
|
className: d("shrink-0 overflow-hidden transition-[max-width,opacity,margin] duration-200 ease-out", u ? "pointer-events-none ml-0 max-w-0 opacity-0" : "ml-2 max-w-32 opacity-100"),
|
|
23744
|
-
children: /* @__PURE__ */ (0, I.jsxs)(
|
|
23751
|
+
children: /* @__PURE__ */ (0, I.jsxs)(Gi, {
|
|
23745
23752
|
checkedIndices: v,
|
|
23746
23753
|
orientation: "horizontal",
|
|
23747
23754
|
"aria-label": "Filter RPC traffic by source",
|
|
23748
23755
|
className: "w-auto shrink-0",
|
|
23749
|
-
children: [/* @__PURE__ */ (0, I.jsx)(
|
|
23756
|
+
children: [/* @__PURE__ */ (0, I.jsx)(Ki, {
|
|
23750
23757
|
index: 0,
|
|
23751
23758
|
label: "MCP",
|
|
23752
23759
|
size: "sm",
|
|
23753
23760
|
checked: p.has("mcp"),
|
|
23754
23761
|
onToggle: () => y("mcp")
|
|
23755
|
-
}), /* @__PURE__ */ (0, I.jsx)(
|
|
23762
|
+
}), /* @__PURE__ */ (0, I.jsx)(Ki, {
|
|
23756
23763
|
index: 1,
|
|
23757
23764
|
label: "UI",
|
|
23758
23765
|
size: "sm",
|
|
@@ -23781,7 +23788,7 @@ function $i({ serverIds: e, onCountChange: t, onClearRef: n, onExportRef: r } =
|
|
|
23781
23788
|
}) : /* @__PURE__ */ (0, I.jsx)("div", {
|
|
23782
23789
|
className: "relative w-full",
|
|
23783
23790
|
style: { height: x },
|
|
23784
|
-
children: S.map(({ item: e, top: t, height: n }) => /* @__PURE__ */ (0, I.jsx)(
|
|
23791
|
+
children: S.map(({ item: e, top: t, height: n }) => /* @__PURE__ */ (0, I.jsx)(ta, {
|
|
23785
23792
|
item: e,
|
|
23786
23793
|
top: t,
|
|
23787
23794
|
height: n,
|
|
@@ -23794,8 +23801,8 @@ function $i({ serverIds: e, onCountChange: t, onClearRef: n, onExportRef: r } =
|
|
|
23794
23801
|
]
|
|
23795
23802
|
});
|
|
23796
23803
|
}
|
|
23797
|
-
function
|
|
23798
|
-
let o =
|
|
23804
|
+
function ta({ item: e, top: t, height: n, expanded: r, onToggle: i, onCopy: a }) {
|
|
23805
|
+
let o = na(e), s = ra(e), c = e.repeatCount && e.repeatCount > 1 ? ` ×${e.repeatCount}` : "";
|
|
23799
23806
|
return /* @__PURE__ */ (0, I.jsxs)("div", {
|
|
23800
23807
|
className: "absolute inset-x-0 overflow-hidden",
|
|
23801
23808
|
style: {
|
|
@@ -23865,34 +23872,34 @@ function ea({ item: e, top: t, height: n, expanded: r, onToggle: i, onCopy: a })
|
|
|
23865
23872
|
}) : null]
|
|
23866
23873
|
});
|
|
23867
23874
|
}
|
|
23868
|
-
function
|
|
23875
|
+
function na(e) {
|
|
23869
23876
|
let t = Kt(e.message);
|
|
23870
23877
|
if (t) return t;
|
|
23871
23878
|
let n = e.message;
|
|
23872
23879
|
return n?.result === void 0 ? n?.error === void 0 ? "unknown" : "error" : "result";
|
|
23873
23880
|
}
|
|
23874
|
-
function
|
|
23881
|
+
function ra(e) {
|
|
23875
23882
|
return e.source === "widget" ? e.direction === "send" ? "Host → Widget" : "Widget → Host" : e.direction === "send" ? "Inspector → MCP" : "MCP → Inspector";
|
|
23876
23883
|
}
|
|
23877
23884
|
//#endregion
|
|
23878
23885
|
//#region src/client/components/layout/sidebar/SidebarRpcPanel.tsx
|
|
23879
|
-
function
|
|
23886
|
+
function ia({ serverId: e, open: t }) {
|
|
23880
23887
|
return /* @__PURE__ */ (0, I.jsx)("aside", {
|
|
23881
23888
|
"aria-label": "RPC Panel",
|
|
23882
23889
|
"aria-hidden": !t,
|
|
23883
23890
|
className: d("relative hidden min-h-0 shrink-0 flex-col overflow-hidden transition-[width,margin] duration-200 ease-out lg:flex", t ? "w-(--rpc-panel-width) lg:mr-[18px]" : "w-0 lg:mr-0"),
|
|
23884
23891
|
children: /* @__PURE__ */ (0, I.jsx)("div", {
|
|
23885
23892
|
className: d("flex h-full min-h-0 w-(--rpc-panel-width) flex-col transition-opacity duration-200 ease-out", t ? "opacity-100" : "pointer-events-none opacity-0"),
|
|
23886
|
-
children: /* @__PURE__ */ (0, I.jsx)(
|
|
23893
|
+
children: /* @__PURE__ */ (0, I.jsx)(ea, { serverIds: [e] })
|
|
23887
23894
|
})
|
|
23888
23895
|
});
|
|
23889
23896
|
}
|
|
23890
23897
|
//#endregion
|
|
23891
23898
|
//#region src/client/components/layout/useTunnelConnectionSync.ts
|
|
23892
|
-
function
|
|
23899
|
+
function aa(e) {
|
|
23893
23900
|
return `${e.replace(/\/+$/, "")}${jt()}`;
|
|
23894
23901
|
}
|
|
23895
|
-
function
|
|
23902
|
+
function oa({ tunnelUrl: e, tunnelMcpUrl: t, selectedServerId: n, selectedServer: r, configLoaded: i, removeConnection: a, updateConnection: o, connections: s }) {
|
|
23896
23903
|
let c = (0, L.useRef)(null), l = (0, L.useRef)(!1), u = (0, L.useRef)(null), [d, f] = (0, L.useState)(!1);
|
|
23897
23904
|
return (0, L.useEffect)(() => {
|
|
23898
23905
|
!d || r?.url !== u.current || r.state !== "ready" && r.state !== "failed" || (f(!1), l.current = !1, u.current = null);
|
|
@@ -23900,7 +23907,7 @@ function aa({ tunnelUrl: e, tunnelMcpUrl: t, selectedServerId: n, selectedServer
|
|
|
23900
23907
|
n && Pt(n) ? c.current = n : r?.url && Pt(r.url) && (c.current = r.url);
|
|
23901
23908
|
}, [r?.url, n]), (0, L.useEffect)(() => {
|
|
23902
23909
|
if (!i || !n || !r || l.current) return;
|
|
23903
|
-
let d = r.url ?? "", p = Pt(d), m = Mt(d), h = t ?? (e ?
|
|
23910
|
+
let d = r.url ?? "", p = Pt(d), m = Mt(d), h = t ?? (e ? aa(e) : null), g = null;
|
|
23904
23911
|
e && h && p ? g = h : !e && m && c.current && (g = c.current), !(!g || g === d) && (l.current = !0, u.current = g, f(!0), (async () => {
|
|
23905
23912
|
try {
|
|
23906
23913
|
g !== n && s.some((e) => e.id === g) && await a(g), await o(n, Me({
|
|
@@ -23926,7 +23933,7 @@ function aa({ tunnelUrl: e, tunnelMcpUrl: t, selectedServerId: n, selectedServer
|
|
|
23926
23933
|
}
|
|
23927
23934
|
//#endregion
|
|
23928
23935
|
//#region src/client/components/Layout.tsx
|
|
23929
|
-
function
|
|
23936
|
+
function sa({ children: e }) {
|
|
23930
23937
|
let t = Rt(), n = Ft(), { servers: r, addServer: i, removeServer: a, updateServerMetadata: o, updateServer: s, storageLoaded: c } = Tt(), l = (0, L.useCallback)(async (e, t) => {
|
|
23931
23938
|
try {
|
|
23932
23939
|
await s(e, Me(t)), Fe(e, t);
|
|
@@ -24142,7 +24149,7 @@ function oa({ children: e }) {
|
|
|
24142
24149
|
let d = `/?${u.toString()}`;
|
|
24143
24150
|
console.warn("[Layout] Navigating to:", d), t(d);
|
|
24144
24151
|
} else console.warn("[Layout] No serverId, just updating tab to:", e), ae(e);
|
|
24145
|
-
}, M = r.find((e) => e.id === f), de =
|
|
24152
|
+
}, M = r.find((e) => e.id === f), de = oa({
|
|
24146
24153
|
tunnelUrl: v,
|
|
24147
24154
|
selectedServerId: f,
|
|
24148
24155
|
selectedServer: M,
|
|
@@ -24313,7 +24320,7 @@ function oa({ children: e }) {
|
|
|
24313
24320
|
}) : /* @__PURE__ */ (0, I.jsxs)("div", {
|
|
24314
24321
|
className: Ee,
|
|
24315
24322
|
style: Te,
|
|
24316
|
-
children: [!we && /* @__PURE__ */ (0, I.jsx)(
|
|
24323
|
+
children: [!we && /* @__PURE__ */ (0, I.jsx)(yi, {
|
|
24317
24324
|
connections: r,
|
|
24318
24325
|
selectedServer: Ce,
|
|
24319
24326
|
activeTab: m,
|
|
@@ -24324,7 +24331,7 @@ function oa({ children: e }) {
|
|
|
24324
24331
|
}), /* @__PURE__ */ (0, I.jsxs)("div", {
|
|
24325
24332
|
className: we ? "flex-1 min-h-0" : "flex flex-1 min-h-0 min-w-0",
|
|
24326
24333
|
children: [
|
|
24327
|
-
Ce && !we && /* @__PURE__ */ (0, I.jsx)(
|
|
24334
|
+
Ce && !we && /* @__PURE__ */ (0, I.jsx)(Hi, {
|
|
24328
24335
|
activeTab: m,
|
|
24329
24336
|
onTabChange: ae,
|
|
24330
24337
|
selectedServer: Ce,
|
|
@@ -24347,7 +24354,7 @@ function oa({ children: e }) {
|
|
|
24347
24354
|
children: e
|
|
24348
24355
|
})
|
|
24349
24356
|
}),
|
|
24350
|
-
Ce && !we && /* @__PURE__ */ (0, I.jsx)(
|
|
24357
|
+
Ce && !we && /* @__PURE__ */ (0, I.jsx)(ia, {
|
|
24351
24358
|
serverId: Ce.id,
|
|
24352
24359
|
open: T
|
|
24353
24360
|
})
|
|
@@ -24370,7 +24377,7 @@ function oa({ children: e }) {
|
|
|
24370
24377
|
}
|
|
24371
24378
|
//#endregion
|
|
24372
24379
|
//#region src/client/components/ui/sonner.tsx
|
|
24373
|
-
function
|
|
24380
|
+
function ca({ ...e }) {
|
|
24374
24381
|
let { resolvedTheme: t } = Xt();
|
|
24375
24382
|
return /* @__PURE__ */ (0, I.jsx)(Vt, {
|
|
24376
24383
|
theme: t,
|
|
@@ -24385,14 +24392,14 @@ function sa({ ...e }) {
|
|
|
24385
24392
|
}
|
|
24386
24393
|
//#endregion
|
|
24387
24394
|
//#region src/client/App.tsx
|
|
24388
|
-
var
|
|
24389
|
-
function
|
|
24395
|
+
var la = (0, L.lazy)(() => import("./OAuthCallback-k3oeLtIC.js").then((e) => ({ default: e.OAuthCallback }))), ua = (0, L.lazy)(() => import("./ManufactOAuthCallback-DEM8mhWD.js").then((e) => ({ default: e.ManufactOAuthCallback }))), da = (0, L.lazy)(() => import("./ViewPreview-B_onhcUB.js").then((e) => ({ default: e.ViewPreview })));
|
|
24396
|
+
function fa({ activeTabRef: e }) {
|
|
24390
24397
|
let { activeTab: t } = Ut();
|
|
24391
24398
|
return (0, L.useEffect)(() => {
|
|
24392
24399
|
e.current = t;
|
|
24393
24400
|
}, [t, e]), null;
|
|
24394
24401
|
}
|
|
24395
|
-
function
|
|
24402
|
+
function R() {
|
|
24396
24403
|
let e = (0, L.useRef)("tools"), t = new URLSearchParams(window.location.search), n = t.get("embedded") === "true", r = t.get("theme"), i = (0, L.useMemo)(() => n ? void 0 : new Ie("mcp-inspector-connections"), [n]), a = Pe(), s = a?.replace(/\/proxy\/?$/, "/oauth"), c = kt();
|
|
24397
24404
|
return (0, L.useEffect)(() => {
|
|
24398
24405
|
St();
|
|
@@ -24507,29 +24514,29 @@ function fa() {
|
|
|
24507
24514
|
}), { duration: Infinity });
|
|
24508
24515
|
},
|
|
24509
24516
|
children: /* @__PURE__ */ (0, I.jsxs)(Wt, { children: [
|
|
24510
|
-
/* @__PURE__ */ (0, I.jsx)(
|
|
24517
|
+
/* @__PURE__ */ (0, I.jsx)(fa, { activeTabRef: e }),
|
|
24511
24518
|
/* @__PURE__ */ (0, I.jsx)(Bt, {
|
|
24512
24519
|
basename: c,
|
|
24513
24520
|
children: /* @__PURE__ */ (0, I.jsxs)(It, { children: [
|
|
24514
24521
|
/* @__PURE__ */ (0, I.jsx)(zt, {
|
|
24515
24522
|
path: "/oauth/callback",
|
|
24516
|
-
element: /* @__PURE__ */ (0, I.jsx)(pr, { children: /* @__PURE__ */ (0, I.jsx)(
|
|
24523
|
+
element: /* @__PURE__ */ (0, I.jsx)(pr, { children: /* @__PURE__ */ (0, I.jsx)(la, {}) })
|
|
24517
24524
|
}),
|
|
24518
24525
|
/* @__PURE__ */ (0, I.jsx)(zt, {
|
|
24519
24526
|
path: "/auth/callback",
|
|
24520
|
-
element: /* @__PURE__ */ (0, I.jsx)(pr, { children: /* @__PURE__ */ (0, I.jsx)(
|
|
24527
|
+
element: /* @__PURE__ */ (0, I.jsx)(pr, { children: /* @__PURE__ */ (0, I.jsx)(ua, {}) })
|
|
24521
24528
|
}),
|
|
24522
24529
|
/* @__PURE__ */ (0, I.jsx)(zt, {
|
|
24523
24530
|
path: "/preview/:view",
|
|
24524
|
-
element: /* @__PURE__ */ (0, I.jsx)(pr, { children: /* @__PURE__ */ (0, I.jsx)(
|
|
24531
|
+
element: /* @__PURE__ */ (0, I.jsx)(pr, { children: /* @__PURE__ */ (0, I.jsx)(da, {}) })
|
|
24525
24532
|
}),
|
|
24526
24533
|
/* @__PURE__ */ (0, I.jsx)(zt, {
|
|
24527
24534
|
path: "/",
|
|
24528
|
-
element: /* @__PURE__ */ (0, I.jsx)(
|
|
24535
|
+
element: /* @__PURE__ */ (0, I.jsx)(sa, { children: /* @__PURE__ */ (0, I.jsx)(zn, {}) })
|
|
24529
24536
|
})
|
|
24530
24537
|
] })
|
|
24531
24538
|
}),
|
|
24532
|
-
/* @__PURE__ */ (0, I.jsx)(
|
|
24539
|
+
/* @__PURE__ */ (0, I.jsx)(ca, { position: "top-center" })
|
|
24533
24540
|
] })
|
|
24534
24541
|
}) })
|
|
24535
24542
|
})
|
|
@@ -24537,6 +24544,6 @@ function fa() {
|
|
|
24537
24544
|
}
|
|
24538
24545
|
//#endregion
|
|
24539
24546
|
//#region src/client/main.tsx
|
|
24540
|
-
var
|
|
24541
|
-
|
|
24547
|
+
var z = document.getElementById("root");
|
|
24548
|
+
z ? an.createRoot(z).render(/* @__PURE__ */ (0, I.jsx)(R, {})) : console.error("[inspector] Root element not found");
|
|
24542
24549
|
//#endregion
|