Function showMessageDetail

devtools/panel.bundle.js:752–776

(messageId)

  }

  function showMessageDetail(messageId) {
    const connection = state.connections[state.selectedConnectionId];
    if (!connection) return;

    const message = connection.messages.find(m => m.id === messageId);
    if (!message) return;

    state.selectedMessageId = messageId;
    updateSelectedMessageRow(messageId);

    elements$6.detailTitle.textContent = `消息 #${messageId} - ${message.eventType}`;

    let formattedData;
    try {
      const parsed = JSON.parse(message.data);
      formattedData = renderCollapsibleJson(parsed);
    } catch (e) {
      formattedData = escapeHtml(message.data);
    }

    elements$6.detailJson.innerHTML = formattedData;
    updatePinButtonState();
    updateDetailNavButtons();
    showDetailView();
  }

  function updatePinButtonState() {
    const isPinned = isMessagePinned(state.selectedConnectionId, state.selectedMessageId);