ft-scout 9.4.3 → 9.4.4

package/scripts/render_front_view.js

@@ -0,0 +1,76 @@
+import { getMCPManager } from '../bin/src/mcp/index.js';
+import fs from 'fs';
+import path from 'path';
+
+async function main() {
+    const mgr = getMCPManager();
+
+    const artifactsDir = path.resolve('artifacts');
+    const glbPath = path.resolve(artifactsDir, 'scout_drone_3d.glb').replace(/\\/g, '/');
+    const renderPath = path.resolve(artifactsDir, 'scout_drone_3d_render.png').replace(/\\/g, '/');
+
+    const pyCode = `
+import bpy
+import math
+
+# Position camera in front-three-quarter view (looking directly at the glowing front cockpit eye)
+cam = bpy.data.objects.get('Camera')
+if not cam:
+    bpy.ops.object.camera_add(location=(3.6, 3.8, 2.4))
+    cam = bpy.context.active_object
+else:
+    cam.location = (3.6, 3.8, 2.4)
+
+cam.rotation_euler = (math.radians(64), 0, math.radians(138))
+bpy.context.scene.camera = cam
+
+# Adjust lights for cinematic drama
+# Front Key light on the glowing eye and gold ring
+light_key = bpy.data.objects.get('Light')
+if light_key:
+    light_key.location = (2.5, 4.0, 3.5)
+    light_key.data.energy = 900
+    light_key.data.color = (1.0, 0.92, 0.8)
+
+# Cool cyan rim fill on the opposite flank
+light_fill = bpy.data.objects.get('Light_Fill')
+if light_fill:
+    light_fill.location = (-4.0, 2.0, 2.8)
+    light_fill.data.energy = 650
+    light_fill.data.color = (0.0, 0.85, 1.0)
+
+# Back rim light for separation
+light_under = bpy.data.objects.get('Light_Underglow')
+if light_under:
+    light_under.location = (-1.0, -3.5, 3.0)
+    light_under.data.energy = 700
+    light_under.data.color = (0.9, 0.4, 1.0)
+
+# Export updated GLB with all materials
+bpy.ops.export_scene.gltf(
+    filepath='${glbPath}',
+    export_format='GLB',
+    use_selection=False,
+    export_apply=True
+)
+
+# Render cinematic 1280x720 still
+bpy.context.scene.render.resolution_x = 1280
+bpy.context.scene.render.resolution_y = 720
+bpy.context.scene.render.image_settings.file_format = 'PNG'
+bpy.context.scene.render.filepath = '${renderPath}'
+bpy.ops.render.render(write_still=True)
+print('FRONT_CINEMATIC_RENDER_COMPLETE')
+`;
+
+    console.log('Rendering front cinematic view in Blender...');
+    const result = await mgr.executeTool('execute_blender_code', {
+        code: pyCode,
+        user_prompt: 'Render front cinematic camera angle of 3D Scout Drone'
+    });
+
+    console.log('Result Status:', result.status);
+    console.log('Output Summary:', result.outputSummary);
+}
+
+main().catch(console.error);

package/web/app.js

@@ -1,5 +1,5 @@
 /* ==========================================================================
-   FrontTerrain Scout  Multi-Page Application Engine v9.4.3
+   FrontTerrain Scout  Multi-Page Application Engine v9.4.4
    ========================================================================== */
 
 const FIREBASE_CONFIG = {
@@ -1103,7 +1103,7 @@ function initTerminalSimulator() {
 `;
         } else if (lower.includes('status')) {
             response.innerHTML = `
-<span class="term-green">✔ Scout CLI Engine: v9.4.3 Online</span><br>
+<span class="term-green">✔ Scout CLI Engine: v9.4.4 Online</span><br>
 ↳ User: <strong>${escapeHtml(state.user ? state.user.name : 'Guest Session')}</strong><br>
 ↳ Active Subscription: <strong>${escapeHtml(TIER_DETAILS[state.currentTier].name)}</strong><br>
 ↳ Credit Quota: <strong>${state.byokEnabled ? 'BYOK Mode (Unlimited)' : `${state.creditsUsed} / ${state.creditsTotal} Credits Used`}</strong><br>
@@ -3869,7 +3869,7 @@ function renderMcpServersList() {
         }
 
         const h = mcpState.health[server.id] || server.health || {};
-        const latencyText = h.latencyMs !== undefined ? `${h.latencyMs}ms` : '—';
+        const latencyText = h.latencyMs !== undefined ? `${h.latencyMs}ms` : '--';
         const toolsCount = server.tools ? server.tools.length : 0;
         const activeToolsCount = server.tools ? server.tools.filter(t => t.enabled !== false).length : 0;
         const isHttp = server.transport === 'http';
@@ -4183,7 +4183,7 @@ function openInspectMcpModal(serverId) {
     const subtitleEl = getEl('inspect-mcp-subtitle');
     const contentEl = getEl('inspect-mcp-content');
 
-    if (titleEl) titleEl.innerText = `${server.name} — Tools & Capabilities`;
+    if (titleEl) titleEl.innerText = `${server.name} - Tools & Capabilities`;
     if (subtitleEl) subtitleEl.innerText = `${server.transport.toUpperCase()} Transport • ${server.tools.length} Tools Available`;
 
     if (contentEl) {

package/web/styles.css

@@ -1,5 +1,5 @@
 /* ==========================================================================
-   FrontTerrain Scout  Design System & Visual Engine v9.4.3
+   FrontTerrain Scout  Design System & Visual Engine v9.4.4
    Inspired by HappyRobot, Linear.app & Vercel aesthetics
    ========================================================================== */
 
@@ -225,19 +225,134 @@ body {
   min-height: 100vh;
 }
 
-/* Typography Helpers */
+/* ==========================================================================
+   Animated Headings & Typography Engine
+   ========================================================================== */
+
+@keyframes headingShimmerFlow {
+  0% {
+    background-position: 0% 50%;
+  }
+  50% {
+    background-position: 100% 50%;
+  }
+  100% {
+    background-position: 0% 50%;
+  }
+}
+
+@keyframes headingPulseAura {
+  0%, 100% {
+    filter: drop-shadow(0 0 12px rgba(225, 91, 55, 0.25)) drop-shadow(0 0 24px rgba(56, 189, 248, 0.15));
+  }
+  50% {
+    filter: drop-shadow(0 0 22px rgba(225, 91, 55, 0.55)) drop-shadow(0 0 40px rgba(56, 189, 248, 0.35));
+  }
+}
+
+@keyframes headingFloatSubtle {
+  0%, 100% {
+    transform: translateY(0);
+  }
+  50% {
+    transform: translateY(-2.5px);
+  }
+}
+
+@keyframes textBeaconPulse {
+  0%, 100% {
+    opacity: 1;
+    transform: scale(1);
+    box-shadow: 0 0 0 0 rgba(225, 91, 55, 0.7);
+  }
+  50% {
+    opacity: 0.8;
+    transform: scale(1.15);
+    box-shadow: 0 0 0 6px rgba(225, 91, 55, 0);
+  }
+}
+
+@keyframes borderGradientRotate {
+  0% {
+    background-position: 0% 50%;
+  }
+  50% {
+    background-position: 100% 50%;
+  }
+  100% {
+    background-position: 0% 50%;
+  }
+}
+
+/* Base Headings */
 h1, h2, h3, h4, h5, h6 {
   font-family: var(--font-sans);
   color: var(--text-primary);
   font-weight: 700;
   letter-spacing: -0.025em;
+  position: relative;
+  transition: transform var(--transition-fast), filter var(--transition-fast);
+}
+
+/* Primary Animated Headings */
+.animated-gradient-heading,
+.scout-hero-title,
+.hero-title,
+.arcade-title {
+  background: linear-gradient(135deg, #ffffff 0%, #ff8a65 25%, #38bdf8 50%, #ffffff 75%, #f06843 100%);
+  background-size: 300% 300%;
+  -webkit-background-clip: text;
+  background-clip: text;
+  -webkit-text-fill-color: transparent;
+  animation: headingShimmerFlow 6s ease-in-out infinite, headingFloatSubtle 5s ease-in-out infinite;
+  display: inline-block;
+  will-change: background-position, transform;
+}
+
+.animated-gradient-heading:hover,
+.scout-hero-title:hover {
+  animation: headingShimmerFlow 3s ease-in-out infinite, headingFloatSubtle 3s ease-in-out infinite;
+  filter: drop-shadow(0 0 20px rgba(56, 189, 248, 0.4));
+}
+
+.shimmer-text,
+.scout-hero-title .shimmer-text {
+  background: linear-gradient(90deg, #38bdf8 0%, #ff7043 35%, #00e5ff 70%, #ff8a65 100%);
+  background-size: 250% 250%;
+  -webkit-background-clip: text;
+  background-clip: text;
+  -webkit-text-fill-color: transparent;
+  animation: headingShimmerFlow 4s ease-in-out infinite;
+  font-weight: 800;
+}
+
+.plan-name {
+  background: linear-gradient(120deg, #ffffff 0%, #fde047 30%, #38bdf8 70%, #ffffff 100%);
+  background-size: 250% 250%;
+  -webkit-background-clip: text;
+  background-clip: text;
+  -webkit-text-fill-color: transparent;
+  animation: headingShimmerFlow 8s ease-in-out infinite;
+  display: inline-block;
+}
+
+.scout-card-title,
+.card-header h3 {
+  background: linear-gradient(135deg, #f8fafc 0%, #cbd5e1 55%, #38bdf8 100%);
+  background-size: 200% 200%;
+  -webkit-background-clip: text;
+  background-clip: text;
+  -webkit-text-fill-color: transparent;
+  animation: headingShimmerFlow 9s ease-in-out infinite;
 }
 
 .text-gradient {
   background: linear-gradient(135deg, #f8fafc 0%, #c7d2fe 40%, #38bdf8 100%);
+  background-size: 200% 200%;
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
+  animation: headingShimmerFlow 8s ease-in-out infinite;
 }
 
 .text-bright { color: var(--text-primary); }
@@ -294,7 +409,13 @@ h1, h2, h3, h4, h5, h6 {
   font-size: 18px;
   font-weight: 800;
   letter-spacing: 0.08em;
-  color: var(--text-primary);
+  background: linear-gradient(135deg, #ffffff 0%, #ff8a65 35%, #38bdf8 70%, #ffffff 100%);
+  background-size: 250% 250%;
+  -webkit-background-clip: text;
+  background-clip: text;
+  -webkit-text-fill-color: transparent;
+  animation: headingShimmerFlow 6s ease-in-out infinite;
+  display: inline-block;
 }
 
 .brand-subtitle {
@@ -824,8 +945,24 @@ h1, h2, h3, h4, h5, h6 {
 }
 
 .popular-tier {
-  border-color: var(--hr-rust);
-  box-shadow: 0 0 35px var(--hr-rust-glow);
+  position: relative;
+  border-color: rgba(225, 91, 55, 0.5);
+  box-shadow: 0 0 40px rgba(225, 91, 55, 0.3), 0 0 70px rgba(56, 189, 248, 0.15);
+}
+
+.popular-tier::before {
+  content: '';
+  position: absolute;
+  inset: -1px;
+  border-radius: var(--radius-lg);
+  padding: 1px;
+  background: linear-gradient(135deg, #ff5722, #38bdf8, #818cf8, #ff5722);
+  background-size: 300% 300%;
+  animation: borderGradientRotate 6s linear infinite;
+  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
+  -webkit-mask-composite: xor;
+  mask-composite: exclude;
+  pointer-events: none;
 }
 
 .popular-badge {
@@ -833,14 +970,16 @@ h1, h2, h3, h4, h5, h6 {
   top: -14px;
   left: 50%;
   transform: translateX(-50%);
-  background: var(--hr-rust);
+  background: linear-gradient(135deg, var(--hr-rust) 0%, #ea580c 100%);
   color: #ffffff;
   font-size: 10px;
   font-weight: 800;
   letter-spacing: 0.12em;
-  padding: 4px 14px;
+  padding: 5px 16px;
   border-radius: var(--radius-pill);
   text-transform: uppercase;
+  box-shadow: 0 4px 14px rgba(225, 91, 55, 0.4);
+  animation: textBeaconPulse 2s infinite;
 }
 
 .pricing-header { text-align: center; margin-bottom: 24px; }
@@ -1055,7 +1194,7 @@ h1, h2, h3, h4, h5, h6 {
 .footer-links a:hover { color: var(--hr-rust); }
 
 /* ==========================================================================
-   Visual Perception & Automation Engine v9.4.3
+   Visual Perception & Automation Engine v9.4.4
    ========================================================================== */
 .vision-banner {
   margin-bottom: 28px;
@@ -1713,10 +1852,15 @@ h1, h2, h3, h4, h5, h6 {
 
 .scout-sidebar-brand-title {
   font-size: 14px;
-  font-weight: 700;
+  font-weight: 800;
   letter-spacing: 0.08em;
-  color: #ffffff;
-  display: flex;
+  background: linear-gradient(135deg, #ffffff 0%, #ff8a65 35%, #38bdf8 70%, #ffffff 100%);
+  background-size: 250% 250%;
+  -webkit-background-clip: text;
+  background-clip: text;
+  -webkit-text-fill-color: transparent;
+  animation: headingShimmerFlow 6s ease-in-out infinite;
+  display: inline-flex;
   align-items: center;
   gap: 6px;
 }
@@ -2024,7 +2168,8 @@ h1, h2, h3, h4, h5, h6 {
 
 /* Command Center: Hero & Composer */
 .scout-hero-header {
-  margin-bottom: 24px;
+  margin-bottom: 28px;
+  position: relative;
 }
 
 .scout-hero-eyebrow {
@@ -2032,29 +2177,192 @@ h1, h2, h3, h4, h5, h6 {
   align-items: center;
   gap: 8px;
   font-size: 11px;
-  font-weight: 600;
+  font-weight: 700;
   text-transform: uppercase;
   letter-spacing: 0.12em;
   color: var(--scout-rust);
-  background: var(--scout-rust-subtle);
-  border: 1px solid rgba(225, 91, 55, 0.25);
-  padding: 3px 10px;
+  background: linear-gradient(90deg, rgba(225, 91, 55, 0.12) 0%, rgba(56, 189, 248, 0.08) 100%);
+  border: 1px solid rgba(225, 91, 55, 0.35);
+  padding: 5px 14px;
   border-radius: 9999px;
-  margin-bottom: 8px;
+  margin-bottom: 12px;
+  box-shadow: 0 0 16px rgba(225, 91, 55, 0.15);
+}
+
+.scout-hero-eyebrow .pulse-beacon {
+  width: 7px;
+  height: 7px;
+  border-radius: 50%;
+  background-color: var(--scout-rust);
+  box-shadow: 0 0 10px var(--scout-rust);
+  animation: textBeaconPulse 1.8s infinite;
 }
 
 .scout-hero-title {
-  font-size: 26px;
-  font-weight: 700;
+  font-size: clamp(24px, 3.2vw, 36px);
+  font-weight: 800;
   letter-spacing: -0.03em;
-  color: #ffffff;
-  margin-bottom: 4px;
+  line-height: 1.25;
+  margin-bottom: 8px;
 }
 
 .scout-hero-subtitle {
-  font-size: 14px;
+  font-size: 14.5px;
+  line-height: 1.6;
   color: var(--scout-text-secondary);
-  max-width: 680px;
+  max-width: 820px;
+}
+
+/* QuickStart Terminal Bar */
+.scout-quickstart-banner {
+  background: radial-gradient(100% 120% at 50% 0%, rgba(22, 27, 40, 0.85) 0%, rgba(10, 13, 20, 0.95) 100%);
+  border: 1px solid rgba(56, 189, 248, 0.22);
+  border-radius: 12px;
+  padding: 12px 18px;
+  margin-bottom: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  flex-wrap: wrap;
+  gap: 14px;
+  box-shadow: 0 8px 30px -10px rgba(0, 0, 0, 0.6);
+  position: relative;
+  overflow: hidden;
+}
+
+.scout-quickstart-banner::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  height: 1px;
+  background: linear-gradient(90deg, transparent, rgba(56, 189, 248, 0.6), transparent);
+}
+
+.scout-quickstart-left {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  flex-wrap: wrap;
+}
+
+.scout-quickstart-code {
+  font-family: var(--font-mono);
+  font-size: 13px;
+  color: #38bdf8;
+  background: rgba(0, 0, 0, 0.5);
+  padding: 6px 14px;
+  border-radius: 6px;
+  border: 1px solid rgba(56, 189, 248, 0.25);
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.scout-quickstart-pills {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  flex-wrap: wrap;
+}
+
+.scout-feature-pill {
+  font-size: 11px;
+  font-family: var(--font-mono);
+  padding: 4px 10px;
+  border-radius: 9999px;
+  background: rgba(255, 255, 255, 0.04);
+  border: 1px solid rgba(255, 255, 255, 0.08);
+  color: var(--scout-text-secondary);
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+}
+
+/* 3 Superpower Value Pillars */
+.scout-pillars-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+  gap: 16px;
+  margin-bottom: 28px;
+}
+
+.scout-pillar-card {
+  background: radial-gradient(120% 120% at 50% 0%, rgba(20, 24, 36, 0.75) 0%, rgba(13, 16, 24, 0.9) 100%);
+  border: 1px solid rgba(255, 255, 255, 0.08);
+  border-radius: 12px;
+  padding: 20px;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  position: relative;
+  overflow: hidden;
+  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+.scout-pillar-card:hover {
+  border-color: rgba(56, 189, 248, 0.4);
+  transform: translateY(-2px);
+  box-shadow: 0 12px 30px -10px rgba(56, 189, 248, 0.2);
+}
+
+.scout-pillar-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.scout-pillar-icon {
+  width: 38px;
+  height: 38px;
+  border-radius: 10px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 16px;
+}
+
+.scout-pillar-card.brief .scout-pillar-icon {
+  background: rgba(245, 158, 11, 0.12);
+  color: #f59e0b;
+  border: 1px solid rgba(245, 158, 11, 0.3);
+}
+
+.scout-pillar-card.risky .scout-pillar-icon {
+  background: rgba(239, 68, 68, 0.12);
+  color: #ef4444;
+  border: 1px solid rgba(239, 68, 68, 0.3);
+}
+
+.scout-pillar-card.operator .scout-pillar-icon {
+  background: rgba(56, 189, 248, 0.12);
+  color: #38bdf8;
+  border: 1px solid rgba(56, 189, 248, 0.3);
+}
+
+.scout-pillar-title {
+  font-size: 15px;
+  font-weight: 700;
+  color: #ffffff;
+}
+
+.scout-pillar-desc {
+  font-size: 12.5px;
+  color: var(--scout-text-secondary);
+  line-height: 1.55;
+  margin: 0;
+}
+
+.scout-pillar-code {
+  font-family: var(--font-mono);
+  font-size: 11px;
+  background: rgba(0, 0, 0, 0.35);
+  padding: 4px 8px;
+  border-radius: 4px;
+  color: var(--scout-cyan);
+  align-self: flex-start;
+  margin-top: auto;
 }
 
 /* Task Composer */
@@ -2707,8 +3015,13 @@ h1, h2, h3, h4, h5, h6 {
 
 .scout-capability-title {
   font-size: 15px;
-  font-weight: 600;
-  color: #ffffff;
+  font-weight: 700;
+  background: linear-gradient(135deg, #f8fafc 0%, #cbd5e1 55%, #38bdf8 100%);
+  background-size: 200% 200%;
+  -webkit-background-clip: text;
+  background-clip: text;
+  -webkit-text-fill-color: transparent;
+  animation: headingShimmerFlow 8s ease-in-out infinite;
   margin-bottom: 6px;
 }