npm - test_research4 - Versions diffs - 0.5.0 → 0.5.3 - Mend

test_research4 0.5.0 → 0.5.3

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 (56) hide show

package/index.js +1 -1
package/package.json +5 -4
package/src/client.js +1 -1
package/src/config.js +1 -1
package/src/lib/OrgWatcher.js +1 -1
package/src/lib/auditTrailDownloader.js +1 -1
package/src/lib/handlerRegistry.js +1 -1
package/src/lib/icons.js +1 -1
package/src/lib/initialization.js +1 -1
package/src/lib/logger.js +1 -1
package/src/lib/mcpApps/manifest.js +1 -0
package/src/lib/mcpApps/paths.js +1 -0
package/src/lib/mcpApps/registerResources.js +1 -0
package/src/lib/mcpApps/toolMeta.js +1 -0
package/src/lib/networkUtils.js +1 -1
package/src/lib/salesforceServices.js +1 -1
package/src/lib/telemetry.js +1 -1
package/src/lib/tempManager.js +1 -1
package/src/lib/transport.js +1 -1
package/src/lib/versionManager.js +1 -1
package/src/mcp-server.js +1 -1
package/src/prompts/apex_run_script.js +1 -1
package/src/prompts/call_all_tools.js +1 -1
package/src/prompts/org_onboarding.js +1 -1
package/src/state.js +1 -1
package/src/static/bundles/mcp-apps/get-record/mcp-app.html +275 -0
package/src/static/bundles/mcp-apps/get-setup-audit-trail/mcp-app.html +336 -0
package/src/tools/apex_debug_logs.js +1 -1
package/src/tools/apex_debug_logs.md.pam +1 -1
package/src/tools/deploy_metadata.js +1 -1
package/src/tools/describe_object.js +1 -1
package/src/tools/describe_object.md.pam +1 -1
package/src/tools/execute_queries_and_dml.js +1 -1
package/src/tools/generate_metadata.js +1 -1
package/src/tools/generate_metadata.md.pam +1 -1
package/src/tools/get_apex_class_code_coverage.js +1 -1
package/src/tools/get_recently_viewed_records.js +1 -1
package/src/tools/get_record.js +1 -1
package/src/tools/get_setup_audit_trail.js +1 -1
package/src/tools/invoke_apex_rest_resource.js +1 -1
package/src/tools/run_anonymous_apex.js +1 -1
package/src/tools/run_apex_test.js +1 -1
package/src/tools/run_apex_test.md.pam +1 -1
package/src/tools/trigger_execution_order.js +1 -1
package/src/tools/utils.js +1 -1
package/src/tools/utils.md.pam +1 -1
package/src/utils.js +1 -1
package/src/lib/refreshSobjects.js +0 -1
package/src/lib/taskScheduler.js +0 -1
package/src/lib/uiDataCache.js +0 -1
package/src/prompts/code_modification.js +0 -1
package/src/static/audit_trail_app.html +0 -1067
package/src/static/generate_soql_query_tool_sampling.md.pam +0 -1
package/src/static/get_record_app.html +0 -843
package/src/tools/generate_soql_query.js +0 -1
package/src/tools/generate_soql_query.md.pam +0 -1

package/src/static/get_record_app.html DELETED Viewed

@@ -1,843 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Salesforce Record</title>
-  <style>
-    :root {
-      /* Adapt to both light and dark IDE themes */
-      color-scheme: light dark;
-    }
-    * {
-      box-sizing: border-box;
-    }
-    body {
-      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'IBM Plex Sans', sans-serif;
-      background-color: transparent;
-      color: inherit;
-      margin: 0;
-      padding: 16px;
-      line-height: 1.5;
-    }
-    #app-container {
-      max-width: 100%;
-      margin: 0;
-      background: transparent;
-      padding: 0;
-    }
-    #loading {
-      text-align: center;
-      opacity: 0.7;
-      padding: 40px 0;
-    }
-    #error {
-      background-color: rgba(218, 30, 40, 0.15);
-      color: #da1e28;
-      padding: 12px 16px;
-      border-radius: 4px;
-      border-left: 3px solid #da1e28;
-      margin-bottom: 16px;
-      font-size: 13px;
-    }
-    .record-header {
-      margin-bottom: 20px;
-      border-bottom: 1px solid;
-      border-bottom-color: rgba(0, 0, 0, 0.1);
-      padding-bottom: 12px;
-    }
-    @media (prefers-color-scheme: dark) {
-      .record-header {
-        border-bottom-color: rgba(255, 255, 255, 0.1);
-      }
-    }
-    .record-header h1 {
-      margin: 0 0 6px 0;
-      font-size: 20px;
-      font-weight: 600;
-      color: inherit;
-    }
-    .record-id {
-      font-family: 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, 'Courier New', monospace;
-      font-size: 11px;
-      opacity: 0.6;
-      word-break: break-all;
-    }
-    .fields-container {
-      margin-top: 12px;
-    }
-    .field-tree {
-      list-style: none;
-      padding: 0;
-      margin: 0;
-    }
-    .field-tree li {
-      margin: 0;
-      padding: 0;
-    }
-    details {
-      margin: 0;
-      padding: 0;
-    }
-    details > summary {
-      cursor: pointer;
-      padding: 6px 8px;
-      margin: 0;
-      user-select: none;
-      border-radius: 2px;
-      transition: background-color 0.15s ease;
-      display: flex;
-      align-items: center;
-      gap: 6px;
-      font-size: 13px;
-    }
-    details > summary:hover {
-      background-color: rgba(0, 0, 0, 0.05);
-    }
-    @media (prefers-color-scheme: dark) {
-      details > summary:hover {
-        background-color: rgba(255, 255, 255, 0.08);
-      }
-    }
-    details > summary::before {
-      content: '▶';
-      display: inline-block;
-      width: 14px;
-      text-align: center;
-      font-size: 11px;
-      opacity: 0.5;
-      flex-shrink: 0;
-    }
-    details[open] > summary::before {
-      content: '▼';
-    }
-    .field-name {
-      font-weight: 500;
-      color: inherit;
-      font-family: 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, 'Courier New', monospace;
-      font-size: 12px;
-      opacity: 0.9;
-    }
-    .field-value {
-      margin-left: 20px;
-      margin-top: 4px;
-      padding: 6px 10px;
-      background-color: rgba(0, 0, 0, 0.03);
-      border-left: 2px solid;
-      border-left-color: rgba(0, 0, 0, 0.1);
-      border-radius: 2px;
-      font-family: 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, 'Courier New', monospace;
-      font-size: 11px;
-      color: inherit;
-      opacity: 0.8;
-      word-break: break-word;
-      white-space: pre-wrap;
-    }
-    @media (prefers-color-scheme: dark) {
-      .field-value {
-        background-color: rgba(255, 255, 255, 0.04);
-        border-left-color: rgba(255, 255, 255, 0.1);
-      }
-    }
-    .field-value.null {
-      opacity: 0.5;
-      font-style: italic;
-    }
-    .field-value.boolean {
-      opacity: 0.9;
-    }
-    .field-value.number {
-      opacity: 0.9;
-    }
-    .nested-fields {
-      margin-left: 10px;
-      padding-left: 0;
-      border-left: 1px solid;
-      border-left-color: rgba(0, 0, 0, 0.1);
-      margin-top: 4px;
-    }
-    @media (prefers-color-scheme: dark) {
-      .nested-fields {
-        border-left-color: rgba(255, 255, 255, 0.1);
-      }
-    }
-    .controls {
-      display: flex;
-      gap: 8px;
-      margin-bottom: 16px;
-      flex-wrap: wrap;
-    }
-    button {
-      padding: 6px 12px;
-      background-color: transparent;
-      color: inherit;
-      border: 1px solid;
-      border-color: rgba(0, 0, 0, 0.2);
-      border-radius: 3px;
-      cursor: pointer;
-      font-size: 12px;
-      font-weight: 500;
-      font-family: inherit;
-      transition: all 0.15s ease;
-      opacity: 0.8;
-    }
-    button:hover {
-      opacity: 1;
-      background-color: rgba(0, 0, 0, 0.05);
-    }
-    @media (prefers-color-scheme: dark) {
-      button {
-        border-color: rgba(255, 255, 255, 0.2);
-      }
-      button:hover {
-        background-color: rgba(255, 255, 255, 0.08);
-      }
-    }
-    button:active {
-      background-color: rgba(0, 0, 0, 0.1);
-    }
-    @media (prefers-color-scheme: dark) {
-      button:active {
-        background-color: rgba(255, 255, 255, 0.15);
-      }
-    }
-    button:disabled {
-      opacity: 0.4;
-      cursor: not-allowed;
-    }
-    .refresh-btn {
-      opacity: 0.9;
-    }
-    .search-container {
-      margin-bottom: 16px;
-      display: flex;
-      gap: 8px;
-      align-items: center;
-    }
-    #field-search {
-      flex: 1;
-      min-width: 0;
-      padding: 6px 10px;
-      background-color: transparent;
-      color: inherit;
-      border: 1px solid;
-      border-color: rgba(0, 0, 0, 0.2);
-      border-radius: 3px;
-      font-size: 12px;
-      font-family: inherit;
-      transition: border-color 0.15s ease;
-    }
-    #field-search:focus {
-      outline: none;
-      border-color: rgba(0, 0, 0, 0.4);
-    }
-    @media (prefers-color-scheme: dark) {
-      #field-search {
-        border-color: rgba(255, 255, 255, 0.2);
-      }
-      #field-search:focus {
-        border-color: rgba(255, 255, 255, 0.4);
-      }
-    }
-    .search-counter {
-      font-size: 11px;
-      opacity: 0.6;
-      white-space: nowrap;
-    }
-    .field-hidden {
-      display: none !important;
-    }
-    .field-highlighted {
-      background-color: rgba(255, 193, 7, 0.15);
-    }
-    @media (prefers-color-scheme: dark) {
-      .field-highlighted {
-        background-color: rgba(255, 193, 7, 0.2);
-      }
-    }
-  </style>
-</head>
-<body>
-  <div id="app-container">
-    <div id="loading"><p>Loading record...</p></div>
-    <div id="error" style="display: none;"></div>
-    <div id="record-view" style="display: none;">
-      <div class="controls">
-        <button class="refresh-btn">Refresh</button>
-      </div>
-      <div class="record-header">
-        <h1 id="record-title">Record</h1>
-        <div class="record-id" id="record-id-display"></div>
-      </div>
-      <div class="search-container">
-        <input type="text" id="field-search" placeholder="Search fields by name or value..." />
-        <div class="search-counter" id="search-counter"></div>
-      </div>
-      <div class="fields-container">
-        <ul class="field-tree" id="fields-tree"></ul>
-      </div>
-    </div>
-  </div>
-  <script type="module">
-    // Inline MCPApp base class for MCP Apps protocol communication.
-    // This avoids relying on external MCP resources that are not registered
-    // for this app iframe, while preserving the same constructor signature.
-    /**
-     * MCPApp - Base class for MCP Apps UI implementations
-     *
-     * This class handles the MCP Apps protocol communication for interactive UIs.
-     * It provides initialization, message handling, and tool calling functionality.
-     */
-    class MCPApp {
-      constructor(config) {
-        this.config = config;
-        this.ontoolresult = null;
-        this._requestId = 0;
-        this._initRequestId = null;
-        this._pendingRequests = new Map();
-        this._initialized = false;
-        this._targetOrigin = null;
-        this._connected = false;
-      }
-      /**
-       * Derive parent origin from document.referrer for secure postMessage
-       */
-      static _getParentOrigin() {
-        try {
-          if (document.referrer) {
-            const referrerUrl = new URL(document.referrer);
-            return referrerUrl.origin;
-          }
-        } catch (error) {
-          // Origin cannot be determined from document.referrer
-        }
-        return null;
-      }
-      /**
-       * Connect to the MCP host and begin listening for messages
-       */
-      connect() {
-        // Guard against duplicate connect() calls
-        if (this._connected) {
-          console.log('[MCPApp] Already connected, skipping duplicate call');
-          return;
-        }
-        console.log('[MCPApp] Connecting...');
-        // Determine target origin for postMessage (require concrete parent origin; fail closed)
-        if (!this._targetOrigin) {
-          this._targetOrigin = MCPApp._getParentOrigin();
-        }
-        if (!this._targetOrigin) {
-          console.error('[MCPApp] Cannot connect: parent origin could not be determined');
-          return;
-        }
-        // Only mark as connected after target origin is confirmed
-        this._connected = true;
-        // Listen for messages from parent (host)
-        window.addEventListener('message', (event) => {
-          // Validate message source - must come from the parent window
-          if (event.source !== window.parent) {
-            return;
-          }
-          // Validate origin of incoming messages against expected parent origin
-          if (event.origin !== this._targetOrigin) {
-            return;
-          }
-          // Validate basic message shape before processing
-          if (!event.data || typeof event.data !== 'object' || Array.isArray(event.data) || event.data.jsonrpc !== '2.0') {
-            return;
-          }
-          this._handleMessage(event.data);
-        });
-        // Send ui/initialize request to host (required by MCP Apps protocol)
-        console.log('[MCPApp] Sending ui/initialize request');
-        this._initRequestId = ++this._requestId;
-        this._sendMessage({
-          jsonrpc: '2.0',
-          id: this._initRequestId,
-          method: 'ui/initialize',
-          params: {
-            protocolVersion: '1',
-            capabilities: {}
-          }
-        });
-      }
-      /**
-       * Handle incoming messages from the host
-       */
-      _handleMessage(data) {
-        // Handle initialization response
-        if (data.id === this._initRequestId && !this._initialized) {
-          console.log('[MCPApp] Received initialization response');
-          this._initialized = true;
-          // Send initialized notification
-          this._sendMessage({
-            jsonrpc: '2.0',
-            method: 'ui/notifications/initialized',
-            params: {
-              name: this.config.name,
-              version: this.config.version
-            }
-          });
-          return;
-        }
-        // Handle tool result notification (VS Code/Cursor sends this)
-        if (data.method === 'ui/notifications/tool-result') {
-          const params = data.params || {};
-          // Check if result is in different locations
-          let result = params;
-          if (!result.content && !result.structuredContent && params.result) {
-            result = params.result;
-          }
-          // The result should contain the tool result with structuredContent
-          if (result.content || result.structuredContent) {
-            if (this.ontoolresult) {
-              this.ontoolresult(result);
-            }
-            return;
-          }
-          console.warn('[MCPApp] Tool result missing content and structuredContent');
-        }
-        // Handle tool input notification (primary way to receive tool data)
-        if (data.method === 'ui/notifications/tool-input') {
-          const params = data.params || {};
-          // The params should contain the tool result with structuredContent
-          if (params.content || params.structuredContent) {
-            if (this.ontoolresult) {
-              this.ontoolresult(params);
-            }
-            return;
-          }
-        }
-        // Handle responses to tool calls we made (JSON-RPC responses)
-        if (data.id && this._pendingRequests.has(data.id)) {
-          console.log('[MCPApp] Received response for request ID:', data.id);
-          const {resolve, reject, timeoutHandle} = this._pendingRequests.get(data.id);
-          this._pendingRequests.delete(data.id);
-          // Clear the timeout since we got a response
-          if (timeoutHandle) {
-            clearTimeout(timeoutHandle);
-          }
-          if (data.error) {
-            console.error('[MCPApp] Tool call error:', data.error);
-            reject(new Error(data.error.message || 'Unknown error'));
-          } else {
-            console.log('[MCPApp] Tool call succeeded');
-            resolve(data.result);
-          }
-        }
-      }
-      /**
-       * Call a server tool and wait for the result
-       */
-      async callServerTool(toolCall) {
-        const id = ++this._requestId;
-        console.log('[MCPApp] Calling server tool:', toolCall.name, 'with ID:', id);
-        return new Promise((resolve, reject) => {
-          const timeoutMs = 30000;
-          const timeoutHandle = setTimeout(() => {
-            this._pendingRequests.delete(id);
-            console.error('[MCPApp] Tool call timeout after', timeoutMs, 'ms');
-            reject(new Error('Tool call timeout after ' + timeoutMs + 'ms'));
-          }, timeoutMs);
-          this._pendingRequests.set(id, {resolve, reject, timeoutHandle});
-          this._sendMessage({
-            jsonrpc: '2.0',
-            method: 'ui/callTool',
-            id,
-            params: {
-              name: toolCall.name,
-              arguments: toolCall.arguments || {}
-            }
-          });
-        });
-      }
-      /**
-       * Send a message to the parent host
-       */
-      _sendMessage(data) {
-        console.log('[MCPApp] Sending message:', data);
-        if (!this._targetOrigin) {
-          console.error('[MCPApp] Cannot send message: target origin not set');
-          return;
-        }
-        window.parent.postMessage(data, this._targetOrigin);
-      }
-    }
-    const app = new MCPApp({ name: 'get-record-app', version: '1.0.0' });
-    let lastCallArgs = null;
-    // Process tool result data
-    function processToolResult(result) {
-      try {
-        if (result.isError) {
-          showError(result.content?.[0]?.text || 'Unknown error');
-          return;
-        }
-        let data;
-        // Try to get data from structuredContent first (recommended for MCP Apps)
-        if (result.structuredContent) {
-          data = result.structuredContent;
-        } else if (result.content) {
-          // Fall back to parsing JSON from text content
-          const textContent = Array.isArray(result.content)
-            ? result.content.find(c => c.type === 'text')?.text
-            : result.content;
-          if (!textContent) {
-            showError('No data returned from tool');
-            return;
-          }
-          console.log('[ProcessResult] Parsing JSON from text content');
-          data = typeof textContent === 'string' ? JSON.parse(textContent) : textContent;
-        } else {
-          showError('No data returned from tool');
-          return;
-        }
-        renderRecord(data);
-      } catch (error) {
-        showError(`Failed to parse record data: ${error.message}`);
-        console.error('[ProcessResult] Error:', error);
-      }
-    }
-    // Handle tool results pushed by host via callback
-    app.ontoolresult = (result) => {
-      console.log('[App] ontoolresult callback triggered:', result);
-      processToolResult(result);
-    };
-    // Establish connection with host (required for MCP Apps protocol)
-    console.log('[Init] Establishing MCP Apps connection...');
-    app.connect();
-    console.log('[Init] App.connect() called');
-    // Check if initial data was injected by the server (fallback for direct iframe loading)
-    if (window.__initialData) {
-      console.log('[Init] Found initial data injected by server');
-      if (window.__initialData.error) {
-        // Error state injected due to expired/unknown cache ID
-        console.log('[Init] Injected data is an error state:', window.__initialData.message);
-        showError(window.__initialData.message);
-      } else {
-        processToolResult({
-          content: [{type: 'text', text: JSON.stringify(window.__initialData)}],
-          structuredContent: window.__initialData
-        });
-      }
-    }
-    // Check if initial data was passed via window object (fallback)
-    if (window.__recordData) {
-      console.log('[Init] Found record data in window.__recordData');
-      processToolResult(window.__recordData);
-    }
-    function showError(message) {
-      console.error('[UI] Showing error:', message);
-      document.getElementById('loading').style.display = 'none';
-      document.getElementById('record-view').style.display = 'none';
-      const errorEl = document.getElementById('error');
-      errorEl.textContent = message;
-      errorEl.style.display = 'block';
-    }
-    // Timeout after 10 seconds if no data arrives
-    let timeoutId = null;
-    if (!window.__initialData && !window.__recordData) {
-      timeoutId = setTimeout(() => {
-        if (document.getElementById('loading').style.display !== 'none') {
-          console.error('[Timeout] No data received from server after 10 seconds');
-          showError('Timeout: No data received from server after 10 seconds. Check browser console for debug logs. The host may not support MCP Apps or there may be a configuration issue.');
-        }
-      }, 10000);
-    }
-    function renderRecord(data) {
-      console.log('[Render] Rendering record with data:', data);
-      // Clear timeout since we got data
-      if (timeoutId) {
-        clearTimeout(timeoutId);
-      }
-      const { id, sObject, fields, error } = data;
-      if (error) {
-        showError(data.message || 'Error fetching record');
-        return;
-      }
-      // Hide loading, show content
-      console.log('[Render] Displaying record view');
-      document.getElementById('loading').style.display = 'none';
-      document.getElementById('error').style.display = 'none';
-      document.getElementById('record-view').style.display = 'block';
-      // Set header
-      const title = `${sObject} Record`;
-      document.getElementById('record-title').textContent = title;
-      document.getElementById('record-id-display').textContent = `ID: ${id}`;
-      // Render fields tree
-      const fieldsTree = document.getElementById('fields-tree');
-      fieldsTree.innerHTML = '';
-      if (fields && typeof fields === 'object') {
-        const sortedKeys = Object.keys(fields).sort();
-        for (const key of sortedKeys) {
-          const value = fields[key];
-          const li = createFieldElement(key, value);
-          fieldsTree.appendChild(li);
-        }
-      }
-      // Store args for refresh
-      lastCallArgs = { objectName: sObject, recordId: id };
-      // Setup event listeners for controls (after DOM is ready)
-      setupControlListeners();
-    }
-    function setupControlListeners() {
-      // Setup search functionality
-      const searchInput = document.getElementById('field-search');
-      if (searchInput && !searchInput._listenerAttached) {
-        searchInput.addEventListener('input', (e) => {
-          const query = e.target.value.toLowerCase().trim();
-          filterFields(query);
-        });
-        searchInput._listenerAttached = true;
-      }
-      // Setup refresh button listener
-      setupRefreshListener();
-    }
-    function filterFields(query) {
-      const allFields = document.querySelectorAll('#fields-tree > li');
-      let visibleCount = 0;
-      allFields.forEach(fieldItem => {
-        const fieldName = fieldItem.querySelector('.field-name')?.textContent || '';
-        const fieldValue = fieldItem.querySelector('.field-value')?.textContent || '';
-        const combinedText = `${fieldName} ${fieldValue}`.toLowerCase();
-        // Check if query matches field name or value
-        const isMatch = query === '' || combinedText.includes(query);
-        if (isMatch) {
-          fieldItem.classList.remove('field-hidden');
-          // Highlight matching text in field name
-          if (query && fieldName.toLowerCase().includes(query)) {
-            fieldItem.classList.add('field-highlighted');
-          } else {
-            fieldItem.classList.remove('field-highlighted');
-          }
-          visibleCount++;
-        } else {
-          fieldItem.classList.add('field-hidden');
-          fieldItem.classList.remove('field-highlighted');
-        }
-      });
-      // Update counter
-      const counter = document.getElementById('search-counter');
-      if (counter) {
-        if (query === '') {
-          counter.textContent = '';
-        } else {
-          const total = allFields.length;
-          counter.textContent = `${visibleCount}/${total}`;
-        }
-      }
-      console.log('[UI] Search filter applied:', { query, visibleCount, total: allFields.length });
-    }
-    function createFieldElement(key, value) {
-      const li = document.createElement('li');
-      // Check if value is a complex object (not null, not array)
-      const isComplex = value !== null && typeof value === 'object' && !Array.isArray(value);
-      if (isComplex) {
-        // Create expandable node
-        const details = document.createElement('details');
-        const summary = document.createElement('summary');
-        summary.innerHTML = `<span class="field-name">${escapeHtml(key)}</span> <span style="color: #8d8d8d; font-size: 11px;">object</span>`;
-        const nested = document.createElement('ul');
-        nested.className = 'nested-fields';
-        nested.style.listStyle = 'none';
-        nested.style.padding = '0';
-        nested.style.margin = '0';
-        const nestedKeys = Object.keys(value).sort();
-        for (const nestedKey of nestedKeys) {
-          const nestedValue = value[nestedKey];
-          const nestedLi = createFieldElement(nestedKey, nestedValue);
-          nested.appendChild(nestedLi);
-        }
-        details.appendChild(summary);
-        details.appendChild(nested);
-        li.appendChild(details);
-      } else {
-        // Render as leaf node
-        const fieldContainer = document.createElement('div');
-        fieldContainer.style.padding = '4px 12px';
-        const label = document.createElement('span');
-        label.className = 'field-name';
-        label.textContent = key;
-        const valueEl = document.createElement('div');
-        valueEl.className = 'field-value';
-        if (value === null || value === undefined) {
-          valueEl.classList.add('null');
-          valueEl.textContent = 'null';
-        } else if (typeof value === 'boolean') {
-          valueEl.classList.add('boolean');
-          valueEl.textContent = value.toString();
-        } else if (typeof value === 'number') {
-          valueEl.classList.add('number');
-          valueEl.textContent = value.toString();
-        } else if (Array.isArray(value)) {
-          valueEl.textContent = `[Array: ${value.length} items]`;
-        } else {
-          // textContent treats content as plain text and never interprets HTML,
-          // so HTML escaping is unnecessary and would show entities literally
-          valueEl.textContent = String(value);
-        }
-        fieldContainer.appendChild(label);
-        fieldContainer.appendChild(valueEl);
-        li.appendChild(fieldContainer);
-      }
-      return li;
-    }
-    function escapeHtml(text) {
-      const map = {
-        '&': '&amp;',
-        '<': '&lt;',
-        '>': '&gt;',
-        '"': '&quot;',
-        "'": '&#039;'
-      };
-      return text.replace(/[&<>"']/g, m => map[m]);
-    }
-    // Setup refresh button listener
-    function setupRefreshListener() {
-      const refreshBtn = document.querySelector('.refresh-btn');
-      if (refreshBtn && !refreshBtn._listenerAttached) {
-        refreshBtn.addEventListener('click', async () => {
-          console.log('[UI] Refresh button clicked');
-          if (!lastCallArgs) {
-            console.warn('[UI] No record to refresh');
-            alert('No record to refresh');
-            return;
-          }
-          const btn = document.querySelector('.refresh-btn');
-          btn.disabled = true;
-          btn.textContent = 'Refreshing...';
-          console.log('[UI] Calling server tool with args:', lastCallArgs);
-          try {
-            const result = await app.callServerTool({
-              name: 'get_record',
-              arguments: lastCallArgs
-            });
-            console.log('[UI] Refresh result:', result);
-            processToolResult(result);
-          } catch (error) {
-            console.error('[UI] Refresh failed:', error);
-            showError(`Failed to refresh: ${error.message}`);
-          } finally {
-            btn.disabled = false;
-            btn.textContent = 'Refresh';
-          }
-        });
-        refreshBtn._listenerAttached = true;
-      }
-    }
-  </script>
-</body>
-</html>