@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.
Files changed (63) hide show
  1. package/dist/cdn/{ChatTab-5ya_YTFV.js → ChatTab-D8uwCHAf.js} +2 -2
  2. package/dist/cdn/{ConnectionSettingsForm-iwNW86ZU.js → ConnectionSettingsForm-BNS6bOMD.js} +1 -1
  3. package/dist/cdn/{ConnectionSettingsTab-CeK83dxn.js → ConnectionSettingsTab-B97gPPJW.js} +1 -1
  4. package/dist/cdn/{OAuthCallback-BxuOVgdb.js → OAuthCallback-k3oeLtIC.js} +1 -1
  5. package/dist/cdn/{ResourcesTab-BczUMFil.js → ResourcesTab-KfamsM6-.js} +3 -3
  6. package/dist/cdn/{SamplingTab-6u5s845G.js → SamplingTab-vcufuK24.js} +1 -1
  7. package/dist/cdn/{ToolsTab-CUhwP4rZ.js → ToolsTab-DRjcZnpu.js} +3 -3
  8. package/dist/cdn/{ViewPreview-CxJc1Kht.js → ViewPreview-B_onhcUB.js} +2 -2
  9. package/dist/cdn/{WidgetWrapper-BJJtLqMb.js → WidgetWrapper-D29YDxIu.js} +1 -1
  10. package/dist/cdn/inspector.js +116 -109
  11. package/dist/cdn/{react-yUi9mVK4.js → react-BxO-uEDZ.js} +32 -26
  12. package/dist/cdn/{useViewHostProps-C7vjco2m.js → useViewHostProps-Dr6W2ooF.js} +1 -1
  13. package/dist/cli.js +116 -14
  14. package/dist/server/asset-urls.d.ts +14 -0
  15. package/dist/server/asset-urls.d.ts.map +1 -0
  16. package/dist/server/asset-urls.js +13 -0
  17. package/dist/server/cdn-shell.d.ts +3 -3
  18. package/dist/server/cdn-shell.d.ts.map +1 -1
  19. package/dist/server/cdn-shell.js +5 -3
  20. package/dist/server/{chunk-J67FVPHF.js → chunk-IXYK6ZOY.js} +1 -1
  21. package/dist/server/{chunk-ESODOPDD.js → chunk-J4FNYLBF.js} +4 -0
  22. package/dist/server/chunk-KBVKS4J5.js +53 -0
  23. package/dist/server/chunk-M5TZA42I.js +54 -0
  24. package/dist/server/{chunk-TPHRVELX.js → chunk-VDUV6LR6.js} +16 -9
  25. package/dist/server/{chunk-THQ67TSE.js → chunk-Y2GBQOQW.js} +1 -1
  26. package/dist/server/cli.js +6 -4
  27. package/dist/server/favicon-static.d.ts.map +1 -1
  28. package/dist/server/favicon-static.js +1 -1
  29. package/dist/server/index.js +7 -5
  30. package/dist/server/middleware.js +7 -5
  31. package/dist/server/static-assets.d.ts +5 -0
  32. package/dist/server/static-assets.d.ts.map +1 -0
  33. package/dist/server/static-assets.js +9 -0
  34. package/dist/server/version.js +1 -1
  35. package/dist/web/assets/{ChatTab-CiAqtqhj.js → ChatTab-Cy8eyFYI.js} +3 -3
  36. package/dist/web/assets/{ConnectionSettingsTab-CTh6MFKE.js → ConnectionSettingsTab-sDZGaUJn.js} +1 -1
  37. package/dist/web/assets/{ElicitationTab-B3Eg0_Jm.js → ElicitationTab-wDKgU1qL.js} +1 -1
  38. package/dist/web/assets/{ManufactOAuthCallback-B-tdkUA2.js → ManufactOAuthCallback-DCLbW-mz.js} +1 -1
  39. package/dist/web/assets/{NotificationsTab-BgLjxuos.js → NotificationsTab-JevzvJTg.js} +1 -1
  40. package/dist/web/assets/{OAuthCallback-Bp-jLoQs.js → OAuthCallback-BjcRxLh5.js} +1 -1
  41. package/dist/web/assets/{PromptsTab-CA-SZs43.js → PromptsTab-DsQVOjKH.js} +1 -1
  42. package/dist/web/assets/{ResourcesTab-DdMIW_af.js → ResourcesTab-Bw8_p6M1.js} +1 -1
  43. package/dist/web/assets/{SamplingTab-DjyDG01W.js → SamplingTab-BrcF1zJF.js} +1 -1
  44. package/dist/web/assets/{ServerMetadataTab-Q4PlqP_B.js → ServerMetadataTab-Bydeh1Po.js} +1 -1
  45. package/dist/web/assets/{ToolsTab-BHk8GCmd.js → ToolsTab-DJWF7Q_x.js} +1 -1
  46. package/dist/web/assets/{ViewPreview-DWtmwzCb.js → ViewPreview-jgeU7bY9.js} +1 -1
  47. package/dist/web/assets/{WidgetWrapper-B43lqbld.js → WidgetWrapper-B_vJU9uF.js} +1 -1
  48. package/dist/web/assets/{checkbox-_GzEPQic.js → checkbox-BA-XURSj.js} +1 -1
  49. package/dist/web/assets/{chunk-BO2N2NFS-BdIeB5Lr.js → chunk-BO2N2NFS-CGbd3eLY.js} +4 -4
  50. package/dist/web/assets/{dist-DQjEDTKs.js → dist-BcAQZluc.js} +3 -3
  51. package/dist/web/assets/{highlighted-body-OFNGDK62-Dp3e1QHL.js → highlighted-body-OFNGDK62-BBJFbIMp.js} +1 -1
  52. package/dist/web/assets/{index-Bbn-6QR2.js → index-D2UxaT9v.js} +3 -3
  53. package/dist/web/assets/mermaid-GHXKKRXX-B4MKVODA.js +1 -0
  54. package/dist/web/assets/{pdf-C3cfS_Ha.js → pdf-CuwKm9zO.js} +1 -1
  55. package/dist/web/assets/{shared-Dfwy7nyg.js → shared-DQE60Op-.js} +1 -1
  56. package/dist/web/assets/{sheet-CRPrEqAa.js → sheet-7TIkLdpr.js} +1 -1
  57. package/dist/web/assets/{tabs-subtle-Dxgism9f.js → tabs-subtle-AkJZvdxS.js} +1 -1
  58. package/dist/web/assets/{useConfig-b1f_iVFH.js → useConfig-Qglo4xs1.js} +1 -1
  59. package/dist/web/assets/{useMCPPrompts-CPskz9af.js → useMCPPrompts-USLYc1I4.js} +1 -1
  60. package/dist/web/assets/{useViewHostProps-BgsQ2yYl.js → useViewHostProps-DXAD1g7g.js} +1 -1
  61. package/dist/web/index.html +1 -1
  62. package/package.json +5 -5
  63. package/dist/web/assets/mermaid-GHXKKRXX-yq1lkD3x.js +0 -1
@@ -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-iwNW86ZU.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-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-yUi9mVK4.js";
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-5ya_YTFV.js").then((e) => ({ default: e.ChatTab }))), ar = (0, L.lazy)(() => import("./ToolsTab-CUhwP4rZ.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-BczUMFil.js").then((e) => ({ default: e.ResourcesTab }))), cr = (0, L.lazy)(() => import("./SamplingTab-6u5s845G.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-CeK83dxn.js").then((e) => ({ default: e.ConnectionSettingsTab })));
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({ tunnelUrl: e, setTunnelUrl: t, isTunnelStarting: n, setIsTunnelStarting: r, onTunnelStarted: i }) {
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 pi(e) {
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 mi() {
22710
+ function hi() {
22704
22711
  return window.matchMedia("(min-width: 1024px)").matches;
22705
22712
  }
22706
- function hi() {
22713
+ function gi() {
22707
22714
  return !0;
22708
22715
  }
22709
- function gi() {
22710
- return (0, L.useSyncExternalStore)(pi, mi, hi);
22716
+ function _i() {
22717
+ return (0, L.useSyncExternalStore)(mi, hi, gi);
22711
22718
  }
22712
- function _i(e) {
22713
- let [t, n] = (0, L.useState)(!1), [r, i] = (0, L.useState)(!1), a = gi(), o = (0, L.useCallback)(() => {
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 vi({ connections: e, selectedServer: t, activeTab: n, onServerSelect: r, onTabChange: i, embedded: a = !1, sidebarCollapsed: o = !1 }) {
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 = _i(s), _ = fi({
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 yi({ collapsed: e, onToggle: t }) {
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 bi({ className: e }) {
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 xi({ className: e }) {
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 Si = "flex size-8 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-sidebar-accent hover:text-sidebar-accent-foreground", Ci = "color-mix(in oklab, var(--sidebar-foreground) 22%, var(--sidebar))", wi = "color-mix(in oklab, var(--sidebar-foreground) 30%, var(--sidebar))", Ti = "data-unchecked:!bg-zinc-300 dark:data-unchecked:!bg-zinc-600";
22964
- function Ei({ collapsed: e, rpcLoggerOpen: t, onRpcLoggerOpenChange: n, onCommandPaletteOpen: r }) {
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", Ti)
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: Ci,
22994
- uncheckedTrackColorHovered: wi,
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: Si,
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: Si,
23054
+ className: Ci,
23048
23055
  "aria-label": "GitHub",
23049
- children: /* @__PURE__ */ (0, I.jsx)(bi, { className: "size-4" })
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: Si,
23068
+ className: Ci,
23062
23069
  "aria-label": "Discord",
23063
- children: /* @__PURE__ */ (0, I.jsx)(xi, { className: "size-4" })
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: Si,
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: Si,
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 Di(e, t) {
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 Oi(e, t) {
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 ki(e, t = {}) {
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] = Di(e, t);
23168
- }), !Oi(c.current, n) && (c.current = n, s(n));
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 Ai(e) {
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 ji(e, t) {
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 Mi = (0, L.createContext)(null);
23238
- function Ni() {
23239
- let e = (0, L.useContext)(Mi), t = (0, L.useRef)(e?.registerItem);
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 Pi({ children: e, isActiveKey: t, className: n }) {
23248
- let r = (0, L.useRef)(null), { activeKey: i, itemRects: a, sessionRef: o, handlers: s, registerItem: c, measureItems: l } = ki(r), u = (0, L.useMemo)(() => ({ registerItem: c }), [c]), f = Object.keys(a).find((e) => t(e)) ?? null;
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 = Ai(r.current), m = i ? a[i] : null, h = f ? a[f] : null, g = m ? ji(m, p) : null, _ = h ? ji(h, p) : null, y = i !== null && i !== f;
23257
- return /* @__PURE__ */ (0, I.jsx)(Mi.Provider, {
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 Fi = 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")), Ii = d("truncate transition-[opacity,filter,margin] duration-200 ease-out", "group-data-[collapsible=icon]:hidden", "group-data-[collapsed=true]:hidden"), Li = 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");
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 Ri({ count: e }) {
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 zi(e) {
23345
+ function Bi(e) {
23339
23346
  return e.id !== "separator";
23340
23347
  }
23341
- function Bi({ activeTab: e, onTabChange: t, selectedServer: n, visibleTabs: r, collapsed: i }) {
23342
- let a = Ni();
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) => zi(e) && r.includes(e.id)) : ai.filter(zi)).map((r, o) => {
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(Li, 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))]"),
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: Ii,
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: Fi,
23373
- children: s > 0 ? /* @__PURE__ */ (0, I.jsx)(Ri, { 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
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 Vi({ activeTab: e, onTabChange: t, selectedServer: n, visibleTabs: r, collapsed: i, onCollapsedChange: a, rpcLoggerOpen: o, onRpcLoggerOpenChange: s, onCommandPaletteOpen: c }) {
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)(Pi, {
23396
+ children: /* @__PURE__ */ (0, I.jsx)(Fi, {
23390
23397
  isActiveKey: (t) => t === e,
23391
23398
  className: "pb-2",
23392
- children: /* @__PURE__ */ (0, I.jsx)(Bi, {
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)(Ei, {
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)(yi, {
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 Hi = (0, L.createContext)(null);
23417
- function Ui() {
23418
- let e = (0, L.useContext)(Hi);
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 Wi = (0, L.forwardRef)(({ children: e, checkedIndices: t, orientation: n = "vertical", className: r, ...i }, a) => {
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)(Hi.Provider, {
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
- Wi.displayName = "CheckboxGroup";
23459
- var Gi = (0, L.forwardRef)(({ label: e, index: t, checked: n, onToggle: r, size: i = "default", className: a, ...o }, s) => {
23460
- let c = (0, L.useRef)(null), u = (0, L.useRef)(!1), { registerItem: f, activeIndex: p } = Ui();
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
- Gi.displayName = "CheckboxItem";
23550
+ Ki.displayName = "CheckboxItem";
23544
23551
  //#endregion
23545
23552
  //#region src/client/hooks/use-rpc-log-virtualizer.ts
23546
- var Ki = 36, qi = 188, Ji = 6;
23547
- function Yi(e, t, n) {
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 = Ki + (t.has(a.id) ? qi : 0);
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 - Ji);
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 + Ji);
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 Xi;
23611
- function Zi(e) {
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 Qi() {
23621
- Xi ||= (wt().forEach(Zi), Ot(Zi));
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
- Qi();
23626
- function $i({ serverIds: e, onCountChange: t, onClearRef: n, onExportRef: r } = {}) {
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 = ta(e);
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 } = Yi(b, a, i), ee = (0, L.useCallback)((e) => {
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)(Wi, {
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)(Gi, {
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)(Gi, {
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)(ea, {
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 ea({ item: e, top: t, height: n, expanded: r, onToggle: i, onCopy: a }) {
23798
- let o = ta(e), s = na(e), c = e.repeatCount && e.repeatCount > 1 ? ` ×${e.repeatCount}` : "";
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 ta(e) {
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 na(e) {
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 ra({ serverId: e, open: t }) {
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)($i, { serverIds: [e] })
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 ia(e) {
23899
+ function aa(e) {
23893
23900
  return `${e.replace(/\/+$/, "")}${jt()}`;
23894
23901
  }
23895
- function aa({ tunnelUrl: e, tunnelMcpUrl: t, selectedServerId: n, selectedServer: r, configLoaded: i, removeConnection: a, updateConnection: o, connections: s }) {
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 ? ia(e) : null), g = null;
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 oa({ children: e }) {
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 = aa({
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)(vi, {
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)(Vi, {
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)(ra, {
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 sa({ ...e }) {
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 ca = (0, L.lazy)(() => import("./OAuthCallback-BxuOVgdb.js").then((e) => ({ default: e.OAuthCallback }))), la = (0, L.lazy)(() => import("./ManufactOAuthCallback-DEM8mhWD.js").then((e) => ({ default: e.ManufactOAuthCallback }))), ua = (0, L.lazy)(() => import("./ViewPreview-CxJc1Kht.js").then((e) => ({ default: e.ViewPreview })));
24389
- function da({ activeTabRef: e }) {
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 fa() {
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)(da, { activeTabRef: e }),
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)(ca, {}) })
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)(la, {}) })
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)(ua, {}) })
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)(oa, { children: /* @__PURE__ */ (0, I.jsx)(zn, {}) })
24535
+ element: /* @__PURE__ */ (0, I.jsx)(sa, { children: /* @__PURE__ */ (0, I.jsx)(zn, {}) })
24529
24536
  })
24530
24537
  ] })
24531
24538
  }),
24532
- /* @__PURE__ */ (0, I.jsx)(sa, { position: "top-center" })
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 R = document.getElementById("root");
24541
- R ? an.createRoot(R).render(/* @__PURE__ */ (0, I.jsx)(fa, {})) : console.error("[inspector] Root element not found");
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