fa-mcp-sdk 0.12.6 → 0.12.8

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.8"
   },
   "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/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.8",
   "description": "Core infrastructure and templates for building Model Context Protocol (MCP) servers with TypeScript",
   "type": "module",
   "main": "dist/core/index.js",