fa-mcp-sdk 0.12.6 → 0.12.10

package/cli-template/package.json

@@ -58,7 +58,7 @@
   "dependencies": {
     "@modelcontextprotocol/sdk": "^1.29.0",
     "dotenv": "^17.4.1",
-    "fa-mcp-sdk": "^0.12.6"
+    "fa-mcp-sdk": "^0.12.10"
   },
   "devDependencies": {
     "@types/express": "^5.0.6",

package/config/_local.yaml

@@ -1,5 +1,6 @@
 # Copy this file to local.yaml and update with your database credentials
 # local.yaml is gitignored and won't be committed
+# ^ *#>[^\n]+\n
 ---
 
 #> ========================================================================

package/dist/core/web/static/agent-tester/index.html

@@ -133,6 +133,15 @@
                     </button>
                 </div>
 
+                <!-- MCP Apps mode toggle — placed before the mode (tab) switcher -->
+                <label id="appModeToggleLabel" class="app-mode-toggle" title="MCP Apps mode: advertises UI capability and renders widgets" data-testid="at-app-mode-toggle-label">
+                    <input type="checkbox" id="appModeToggle" data-testid="at-app-mode-toggle">
+                    <span class="app-mode-toggle-text">
+                        <span class="material-icons-round app-mode-icon">grid_view</span>
+                        <span class="app-mode-label">Apps</span>
+                    </span>
+                </label>
+
                 <!-- Tabs moved into header -->
                 <div class="tabs-bar header-tabs" data-testid="at-tabs-bar">
                     <button type="button" class="tab-btn active" data-tab="chat" data-testid="at-tab-chat">
@@ -177,17 +186,6 @@
                 </form>
 
                 <div class="chat-actions">
-                    <label id="appModeToggleLabel" class="app-mode-toggle" title="MCP Apps mode: advertises UI capability and renders widgets" data-testid="at-app-mode-toggle-label">
-                        <input type="checkbox" id="appModeToggle" data-testid="at-app-mode-toggle">
-                        <span class="app-mode-toggle-text">
-                            <span class="material-icons-round app-mode-icon">grid_view</span>
-                            <span class="app-mode-label">Apps</span>
-                        </span>
-                    </label>
-                    <select id="defaultDisplayFormat" class="header-format-select chat-only" title="Default display format" data-testid="at-default-format">
-                        <option value="HTML">HTML</option>
-                        <option value="MD">MD</option>
-                    </select>
                     <button id="clearChat" class="btn-icon chat-only" title="Clear Chat" data-testid="at-clear-chat">
                         <span class="material-icons-round">delete_outline</span>
                     </button>
@@ -204,6 +202,11 @@
             <div class="tab-pane active" id="tabPaneChat" data-testid="at-tab-pane-chat">
             <!-- Chat Messages -->
             <div class="chat-container">
+                <!-- Floating HTML/MD display format toggle — applies to chat only -->
+                <select id="defaultDisplayFormat" class="chat-format-float" title="Default display format" data-testid="at-default-format">
+                    <option value="HTML">HTML</option>
+                    <option value="MD">MD</option>
+                </select>
                 <div id="chatMessages" class="chat-messages" data-testid="at-chat-messages">
                     <div class="message assistant welcome" data-testid="at-welcome-message">
                         <div class="message-avatar">

package/dist/core/web/static/agent-tester/script.js

@@ -586,6 +586,7 @@ class McpAgentTester {
     this.usedHeaders = [];
     this.pendingConnectionData = null;
     this._headersUpdateTimer = null;
+    this._headersApplyPromise = null;
     this.defaultMcpUrl = null;
     this.authEnabled = false;
     this.configHttpHeaders = {};
@@ -1075,6 +1076,8 @@ class McpAgentTester {
       return;
     }
 
+    await this.flushPendingHeaders();
+
     try {
       const resp = await apiFetch(`${API_BASE}/api/mcp/call-tool`, {
         method: 'POST',
@@ -2016,10 +2019,36 @@ class McpAgentTester {
       clearTimeout(this._headersUpdateTimer);
     }
     this._headersUpdateTimer = setTimeout(() => {
-      this.applyHeadersUpdate().catch((err) => console.warn('Apply headers failed:', err));
+      this._headersUpdateTimer = null;
+      this._runHeadersUpdate();
     }, 600);
   }
 
+  _runHeadersUpdate() {
+    this._headersApplyPromise = this.applyHeadersUpdate()
+      .catch((err) => console.warn('Apply headers failed:', err))
+      .finally(() => {
+        this._headersApplyPromise = null;
+      });
+    return this._headersApplyPromise;
+  }
+
+  // Flush any pending (debounced or in-flight) header update so a direct tool
+  // call sees the latest header values on the server. Without this, a fast
+  // "Send Request" click races the 600 ms debounce and the call goes out with
+  // the previously applied (or empty) headers — e.g. a missing
+  // x-on-behalf-of-user yields MISSING_USER_IDENTITY.
+  async flushPendingHeaders() {
+    if (this._headersUpdateTimer) {
+      clearTimeout(this._headersUpdateTimer);
+      this._headersUpdateTimer = null;
+      this._runHeadersUpdate();
+    }
+    if (this._headersApplyPromise) {
+      await this._headersApplyPromise;
+    }
+  }
+
   async applyHeadersUpdate() {
     if (!this.currentServer || !this.currentServer.name) {
       return;
@@ -3596,6 +3625,9 @@ class McpAgentTester {
     this.ttResponseContent.innerHTML = '';
     this.ttResponseContent.textContent = '⏳ Waiting for response…';
 
+    // Ensure debounced header edits reach the server before the direct call.
+    await this.flushPendingHeaders();
+
     const startedAt = performance.now();
     try {
       const response = await apiFetch(`${API_BASE}/api/mcp/call-tool`, {

package/dist/core/web/static/agent-tester/styles.css

@@ -887,7 +887,12 @@ body {
   display: none !important;
 }
 
-.header-format-select {
+/* Floating HTML/MD display format toggle, pinned to the chat window's top-right */
+.chat-format-float {
+  position: absolute;
+  top: 8px;
+  left: 8px;
+  z-index: 5;
   font-size: 12px;
   padding: 4px 6px;
   border: 1px solid var(--border);
@@ -895,6 +900,13 @@ body {
   background: var(--bg-surface);
   color: var(--text-primary);
   cursor: pointer;
+  opacity: 0.85;
+  box-shadow: var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.15));
+  transition: opacity 0.15s;
+}
+
+.chat-format-float:hover {
+  opacity: 1;
 }
 
 /* MCP Apps toggle — global, visible on every tab */
@@ -1290,12 +1302,14 @@ body {
   overflow: auto;
 }
 
-/* Inspector tab visibility tied to MCP Apps mode */
-.app-only-tab {
+/* Inspector tab visibility tied to MCP Apps mode.
+   Specificity must beat the base `.tab-btn { display: inline-flex }` rule, so the
+   hide selector is scoped under `.tabs-bar`. */
+.tabs-bar .app-only-tab {
   display: none;
 }
 
-.app.apps-mode-on .app-only-tab {
+.app.apps-mode-on .tabs-bar .app-only-tab {
   display: inline-flex;
 }
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "fa-mcp-sdk",
   "productName": "FA MCP SDK",
-  "version": "0.12.6",
+  "version": "0.12.10",
   "description": "Core infrastructure and templates for building Model Context Protocol (MCP) servers with TypeScript",
   "type": "module",
   "main": "dist/core/index.js",