feat: Add agent workspace system and runtime management

- Add agent core modules (agent_core, factory, registry, skill_loader)
- Add runtime system for agent execution management
- Add REST API for agents, workspaces, and runtime control
- Add process supervisor for agent lifecycle management
- Add workspace template system with agent profiles
- Add frontend RuntimeView and runtime API integration
- Add per-agent skill workspaces for smoke_fullstack run
- Refactor skill system with active/installed separation

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

frontend/src/styles/GlobalStyles.jsx

@@ -818,6 +818,9 @@ export default function GlobalStyles() {
         left: 50%;
         transform: translateX(-50%);
         z-index: 100;
+        display: flex;
+        align-items: center;
+        gap: 10px;
       }
 
       .replay-button {
@@ -1053,34 +1056,38 @@ export default function GlobalStyles() {
         transform: translateX(-66.666%);
       }
 
-      /* Four-view slider (Room / Explain / Chart / Statistics) */
-      .view-slider-four {
+      /* Five-view slider (Traders / Room / Explain / Chart / Statistics) */
+      .view-slider-five {
         position: absolute;
         top: 40px;
-        width: 400%;
+        width: 500%;
         height: calc(100% - 40px);
         display: flex;
         transition: transform 1.6s cubic-bezier(0.34, 1.56, 0.64, 1);
       }
 
-      .view-slider-four.normal-speed {
+      .view-slider-five.normal-speed {
         transition: transform 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);
       }
 
-      .view-slider-four.show-room {
+      .view-slider-five.show-traders {
         transform: translateX(0);
       }
 
-      .view-slider-four.show-explain {
-        transform: translateX(-25%);
+      .view-slider-five.show-room {
+        transform: translateX(-20%);
       }
 
-      .view-slider-four.show-chart {
-        transform: translateX(-50%);
+      .view-slider-five.show-explain {
+        transform: translateX(-40%);
       }
 
-      .view-slider-four.show-statistics {
-        transform: translateX(-75%);
+      .view-slider-five.show-chart {
+        transform: translateX(-60%);
+      }
+
+      .view-slider-five.show-statistics {
+        transform: translateX(-80%);
       }
 
       .view-panel {
@@ -1092,10 +1099,10 @@ export default function GlobalStyles() {
         overflow: hidden;
       }
 
-      /* View panel for four-view slider */
-      .view-slider-four .view-panel {
-        flex: 0 0 25%;
-        width: 25%;
+      /* View panel for five-view slider */
+      .view-slider-five .view-panel {
+        flex: 0 0 20%;
+        width: 20%;
       }
 
       /* Chart Tabs - Floating inside chart */