antri_cli 1.57.45 → 1.57.46

package/dist/desktop/public/index.html

@@ -15,7 +15,7 @@
   <header class="app-header">
     <div class="brand-zone">
       <span class="logo-text">ANTRI</span>
-      <span class="version-tag">v1.57.45</span>
+      <span class="version-tag">v1.57.46</span>
     </div>
 
     <!-- Mode Toggle -->
@@ -373,12 +373,12 @@
 
               <!-- Connection Edges (Bezier curves) -->
               <g id="swarm-edges-layer">
-                <path id="edge-planner-engineer" d="M 120 160 C 210 160, 240 90, 330 90" stroke="#334155" stroke-width="2.5" fill="none" stroke-dasharray="6,4" />
-                <path id="edge-planner-security" d="M 120 160 C 210 160, 240 230, 330 230" stroke="#334155" stroke-width="2.5" fill="none" stroke-dasharray="6,4" />
-                <path id="edge-engineer-qa" d="M 430 90 C 520 90, 560 90, 650 90" stroke="#334155" stroke-width="2.5" fill="none" stroke-dasharray="6,4" />
-                <path id="edge-engineer-security" d="M 380 135 L 380 185" stroke="#334155" stroke-width="2" fill="none" stroke-dasharray="4,4" />
-                <path id="edge-security-synth" d="M 430 230 C 600 230, 750 200, 850 170" stroke="#334155" stroke-width="2.5" fill="none" stroke-dasharray="6,4" />
-                <path id="edge-qa-synth" d="M 750 90 C 800 90, 830 140, 850 150" stroke="#334155" stroke-width="2.5" fill="none" stroke-dasharray="6,4" />
+                <path id="edge-planner-engineer" d="M 150 160 C 230 160, 280 85, 335 85" stroke="#334155" stroke-width="2.5" fill="none" stroke-dasharray="6,4" />
+                <path id="edge-planner-security" d="M 150 160 C 230 160, 280 235, 335 235" stroke="#334155" stroke-width="2.5" fill="none" stroke-dasharray="6,4" />
+                <path id="edge-engineer-qa" d="M 425 85 L 635 85" stroke="#334155" stroke-width="2.5" fill="none" stroke-dasharray="6,4" />
+                <path id="edge-engineer-security" d="M 380 130 L 380 190" stroke="#334155" stroke-width="2" fill="none" stroke-dasharray="4,4" />
+                <path id="edge-security-synth" d="M 425 235 C 580 235, 750 195, 845 165" stroke="#334155" stroke-width="2.5" fill="none" stroke-dasharray="6,4" />
+                <path id="edge-qa-synth" d="M 725 85 C 785 85, 830 125, 845 150" stroke="#334155" stroke-width="2.5" fill="none" stroke-dasharray="6,4" />
               </g>
 
               <!-- Animated Traveling Particle Layer -->
@@ -387,48 +387,48 @@
               <!-- Nodes Layer -->
               <g id="swarm-nodes-layer">
                 <!-- Node 1: Architect (Planner) -->
-                <g class="swarm-svg-node" id="svg-node-planner" transform="translate(100, 160)" onclick="selectSwarmAgentView('planner')">
-                  <circle class="node-halo" id="halo-planner" r="48" fill="rgba(56, 189, 248, 0.12)" stroke="#38bdf8" stroke-width="2" />
-                  <circle class="node-core" r="38" fill="url(#grad-planner)" />
+                <g class="swarm-svg-node" id="svg-node-planner" transform="translate(110, 160)" onclick="selectSwarmAgentView('planner')">
+                  <circle class="node-halo" id="halo-planner" r="46" fill="rgba(56, 189, 248, 0.12)" stroke="#38bdf8" stroke-width="2" />
+                  <circle class="node-core" r="36" fill="url(#grad-planner)" />
                   <text text-anchor="middle" dy="-2" font-size="22">🧠</text>
-                  <text text-anchor="middle" dy="18" fill="#ffffff" font-size="10" font-weight="700">ARCHITECT</text>
-                  <text text-anchor="middle" dy="62" fill="#94a3b8" font-size="10" font-family="monospace" id="svg-node-planner-status">IDLE</text>
+                  <text text-anchor="middle" dy="17" fill="#ffffff" font-size="9.5" font-weight="700">ARCHITECT</text>
+                  <text text-anchor="middle" dy="60" fill="#94a3b8" font-size="10" font-family="monospace" id="svg-node-planner-status">IDLE</text>
                 </g>
 
                 <!-- Node 2: Systems Engineer -->
-                <g class="swarm-svg-node" id="svg-node-engineer" transform="translate(380, 90)" onclick="selectSwarmAgentView('engineer')">
-                  <circle class="node-halo" id="halo-engineer" r="48" fill="rgba(168, 85, 247, 0.12)" stroke="#a855f7" stroke-width="2" />
-                  <circle class="node-core" r="38" fill="url(#grad-engineer)" />
+                <g class="swarm-svg-node" id="svg-node-engineer" transform="translate(380, 85)" onclick="selectSwarmAgentView('engineer')">
+                  <circle class="node-halo" id="halo-engineer" r="46" fill="rgba(168, 85, 247, 0.12)" stroke="#a855f7" stroke-width="2" />
+                  <circle class="node-core" r="36" fill="url(#grad-engineer)" />
                   <text text-anchor="middle" dy="-2" font-size="22">💻</text>
-                  <text text-anchor="middle" dy="18" fill="#ffffff" font-size="10" font-weight="700">ENGINEER</text>
-                  <text text-anchor="middle" dy="62" fill="#94a3b8" font-size="10" font-family="monospace" id="svg-node-engineer-status">IDLE</text>
+                  <text text-anchor="middle" dy="17" fill="#ffffff" font-size="9.5" font-weight="700">ENGINEER</text>
+                  <text text-anchor="middle" dy="60" fill="#94a3b8" font-size="10" font-family="monospace" id="svg-node-engineer-status">IDLE</text>
                 </g>
 
                 <!-- Node 3: Security Sentinel -->
-                <g class="swarm-svg-node" id="svg-node-security" transform="translate(380, 230)" onclick="selectSwarmAgentView('security')">
-                  <circle class="node-halo" id="halo-security" r="48" fill="rgba(244, 63, 94, 0.12)" stroke="#f43f5e" stroke-width="2" />
-                  <circle class="node-core" r="38" fill="url(#grad-security)" />
+                <g class="swarm-svg-node" id="svg-node-security" transform="translate(380, 235)" onclick="selectSwarmAgentView('security')">
+                  <circle class="node-halo" id="halo-security" r="46" fill="rgba(244, 63, 94, 0.12)" stroke="#f43f5e" stroke-width="2" />
+                  <circle class="node-core" r="36" fill="url(#grad-security)" />
                   <text text-anchor="middle" dy="-2" font-size="22">🛡️</text>
-                  <text text-anchor="middle" dy="18" fill="#ffffff" font-size="10" font-weight="700">SECURITY</text>
-                  <text text-anchor="middle" dy="62" fill="#94a3b8" font-size="10" font-family="monospace" id="svg-node-security-status">IDLE</text>
+                  <text text-anchor="middle" dy="17" fill="#ffffff" font-size="9.5" font-weight="700">SECURITY</text>
+                  <text text-anchor="middle" dy="60" fill="#94a3b8" font-size="10" font-family="monospace" id="svg-node-security-status">IDLE</text>
                 </g>
 
                 <!-- Node 4: QA Chaos Tester -->
-                <g class="swarm-svg-node" id="svg-node-qa" transform="translate(700, 90)" onclick="selectSwarmAgentView('qa')">
-                  <circle class="node-halo" id="halo-qa" r="48" fill="rgba(245, 158, 11, 0.12)" stroke="#f59e0b" stroke-width="2" />
-                  <circle class="node-core" r="38" fill="url(#grad-qa)" />
+                <g class="swarm-svg-node" id="svg-node-qa" transform="translate(680, 85)" onclick="selectSwarmAgentView('qa')">
+                  <circle class="node-halo" id="halo-qa" r="46" fill="rgba(245, 158, 11, 0.12)" stroke="#f59e0b" stroke-width="2" />
+                  <circle class="node-core" r="36" fill="url(#grad-qa)" />
                   <text text-anchor="middle" dy="-2" font-size="22">🧪</text>
-                  <text text-anchor="middle" dy="18" fill="#ffffff" font-size="10" font-weight="700">QA CHAOS</text>
-                  <text text-anchor="middle" dy="62" fill="#94a3b8" font-size="10" font-family="monospace" id="svg-node-qa-status">IDLE</text>
+                  <text text-anchor="middle" dy="17" fill="#ffffff" font-size="9.5" font-weight="700">QA CHAOS</text>
+                  <text text-anchor="middle" dy="60" fill="#94a3b8" font-size="10" font-family="monospace" id="svg-node-qa-status">IDLE</text>
                 </g>
 
                 <!-- Node 5: Chief Synthesizer -->
-                <g class="swarm-svg-node" id="svg-node-synthesizer" transform="translate(900, 160)" onclick="selectSwarmAgentView('synthesizer')">
-                  <circle class="node-halo" id="halo-synthesizer" r="52" fill="rgba(16, 185, 129, 0.15)" stroke="#10b981" stroke-width="2.5" />
-                  <circle class="node-core" r="42" fill="url(#grad-synthesizer)" />
+                <g class="swarm-svg-node" id="svg-node-synthesizer" transform="translate(890, 160)" onclick="selectSwarmAgentView('synthesizer')">
+                  <circle class="node-halo" id="halo-synthesizer" r="50" fill="rgba(16, 185, 129, 0.15)" stroke="#10b981" stroke-width="2.5" />
+                  <circle class="node-core" r="40" fill="url(#grad-synthesizer)" />
                   <text text-anchor="middle" dy="-2" font-size="24">⚖️</text>
-                  <text text-anchor="middle" dy="20" fill="#ffffff" font-size="10" font-weight="800">SYNTHESIZER</text>
-                  <text text-anchor="middle" dy="68" fill="#94a3b8" font-size="10" font-family="monospace" id="svg-node-synthesizer-status">IDLE</text>
+                  <text text-anchor="middle" dy="19" fill="#ffffff" font-size="9.5" font-weight="800">SYNTHESIZER</text>
+                  <text text-anchor="middle" dy="65" fill="#94a3b8" font-size="10" font-family="monospace" id="svg-node-synthesizer-status">IDLE</text>
                 </g>
               </g>
             </svg>

package/dist/desktop/public/style.css

@@ -2297,43 +2297,52 @@ body.antri-app {
   gap: 8px;
   margin-bottom: 16px;
   overflow-x: auto;
-  padding-bottom: 4px;
+.swarm-presets-bar {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  margin-bottom: 20px;
+  overflow-x: auto;
+  padding: 4px 2px 10px 2px;
 }
 
 .presets-label {
   font-size: 12px;
-  font-weight: 600;
-  color: var(--text-tertiary, #94a3b8);
+  font-weight: 700;
+  color: #38bdf8;
   white-space: nowrap;
+  letter-spacing: 0.5px;
 }
 
 .swarm-preset-btn {
-  background: rgba(30, 41, 59, 0.7);
-  border: 1px solid rgba(255, 255, 255, 0.08);
-  color: var(--text-secondary, #cbd5e1);
-  padding: 5px 12px;
-  border-radius: 8px;
+  background: rgba(15, 23, 42, 0.9);
+  border: 1px solid rgba(56, 189, 248, 0.25);
+  color: #e2e8f0;
+  padding: 7px 15px;
+  border-radius: 20px;
   font-size: 12px;
-  font-weight: 500;
+  font-weight: 600;
   cursor: pointer;
   white-space: nowrap;
-  transition: all 0.2s ease;
+  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
 }
 
 .swarm-preset-btn:hover {
-  background: rgba(56, 189, 248, 0.15);
-  border-color: rgba(56, 189, 248, 0.4);
-  color: #38bdf8;
+  background: rgba(56, 189, 248, 0.22);
+  border-color: #38bdf8;
+  color: #ffffff;
   transform: translateY(-1px);
+  box-shadow: 0 4px 14px rgba(56, 189, 248, 0.3);
 }
 
 .swarm-canvas-card {
-  background: radial-gradient(circle at 50% 30%, rgba(15, 23, 42, 0.95), rgba(7, 10, 19, 0.98));
-  border: 1px solid rgba(59, 130, 246, 0.2);
+  background: radial-gradient(circle at 50% 30%, rgba(15, 23, 42, 0.96), rgba(7, 10, 19, 0.99));
+  border: 1px solid rgba(56, 189, 248, 0.25);
   border-radius: 16px;
-  padding: 16px 20px;
-  margin-bottom: 20px;
-  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.5);
+  padding: 20px 24px;
+  margin-bottom: 22px;
+  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.6);
   position: relative;
   overflow: hidden;
 }
@@ -2342,7 +2351,7 @@ body.antri-app {
   display: flex;
   justify-content: space-between;
   align-items: center;
-  margin-bottom: 12px;
+  margin-bottom: 14px;
 }
 
 .canvas-title {
@@ -2350,8 +2359,8 @@ body.antri-app {
   align-items: center;
   gap: 8px;
   font-size: 11px;
-  font-weight: 700;
-  letter-spacing: 1px;
+  font-weight: 800;
+  letter-spacing: 1.2px;
   color: #38bdf8;
 }
 
@@ -2371,7 +2380,7 @@ body.antri-app {
 
 .swarm-metrics-row {
   display: flex;
-  gap: 16px;
+  gap: 20px;
 }
 
 .metric-item {
@@ -2382,14 +2391,15 @@ body.antri-app {
 
 .metric-item .m-label {
   font-size: 10px;
-  color: var(--text-tertiary, #64748b);
+  color: #94a3b8;
   text-transform: uppercase;
+  letter-spacing: 0.5px;
 }
 
 .metric-item .m-val {
-  font-size: 13px;
+  font-size: 14px;
   font-weight: 700;
-  color: #f1f5f9;
+  color: #ffffff;
   font-family: var(--font-mono);
 }
 
@@ -2399,10 +2409,11 @@ body.antri-app {
 
 .swarm-svg-wrapper {
   width: 100%;
-  height: 240px;
+  height: 270px;
   display: flex;
   align-items: center;
   justify-content: center;
+  padding: 8px 0;
 }
 
 .swarm-svg-wrapper svg {
@@ -2433,7 +2444,7 @@ body.antri-app {
 .swarm-svg-node.selected .node-halo {
   stroke-width: 4px;
   stroke: #ffffff;
-  filter: drop-shadow(0 0 12px rgba(255,255,255,0.6));
+  filter: drop-shadow(0 0 14px rgba(255,255,255,0.7));
 }
 
 @keyframes haloPulse {
@@ -2448,7 +2459,8 @@ body.antri-app {
 .swarm-workspace-grid {
   display: grid;
   grid-template-columns: 1fr 1fr;
-  gap: 20px;
+  gap: 22px;
+  margin-top: 4px;
 }
 
 @media (max-width: 900px) {
@@ -2458,23 +2470,24 @@ body.antri-app {
 }
 
 .swarm-stream-card, .swarm-deliverables-card {
-  background: var(--bg-surface, #0f172a);
-  border: 1px solid var(--border-color, #1e293b);
-  border-radius: 12px;
+  background: #0b1120;
+  border: 1px solid #1e293b;
+  border-radius: 14px;
   display: flex;
   flex-direction: column;
-  height: 480px;
+  height: 520px;
   overflow: hidden;
+  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
 }
 
 .stream-header, .deliverables-header {
-  padding: 10px 14px;
-  background: rgba(15, 23, 42, 0.8);
-  border-bottom: 1px solid var(--border-color, #1e293b);
+  padding: 12px 16px;
+  background: #0f172a;
+  border-bottom: 1px solid #1e293b;
   display: flex;
   justify-content: space-between;
   align-items: center;
-  gap: 8px;
+  gap: 10px;
 }
 
 .stream-tabs {
@@ -2488,63 +2501,223 @@ body.antri-app {
 .stream-tab-btn {
   background: transparent;
   border: 1px solid transparent;
-  color: var(--text-tertiary, #94a3b8);
-  padding: 5px 10px;
+  color: #94a3b8;
+  padding: 6px 12px;
   border-radius: 6px;
   font-size: 11px;
-  font-weight: 600;
+  font-weight: 700;
   cursor: pointer;
   white-space: nowrap;
   transition: all 0.15s ease;
 }
 
 .stream-tab-btn.active {
-  background: rgba(56, 189, 248, 0.15);
-  border-color: rgba(56, 189, 248, 0.35);
+  background: rgba(56, 189, 248, 0.18);
+  border-color: rgba(56, 189, 248, 0.45);
   color: #38bdf8;
 }
 
 .stream-tab-btn:hover:not(.active) {
-  color: #f1f5f9;
-  background: rgba(255, 255, 255, 0.05);
+  color: #f8fafc;
+  background: rgba(255, 255, 255, 0.08);
 }
 
 .copy-stream-btn, .action-btn-sm {
-  background: rgba(255, 255, 255, 0.06);
-  border: 1px solid rgba(255, 255, 255, 0.12);
-  color: #cbd5e1;
-  padding: 4px 10px;
+  background: rgba(255, 255, 255, 0.08);
+  border: 1px solid rgba(255, 255, 255, 0.15);
+  color: #f1f5f9;
+  padding: 5px 12px;
   border-radius: 6px;
   font-size: 11px;
-  font-weight: 600;
+  font-weight: 700;
   cursor: pointer;
   transition: all 0.2s ease;
 }
 
 .copy-stream-btn:hover, .action-btn-sm:hover {
-  background: rgba(56, 189, 248, 0.2);
+  background: rgba(56, 189, 248, 0.25);
   border-color: #38bdf8;
-  color: #fff;
+  color: #ffffff;
 }
 
 .swarm-stream-body, .deliverables-content {
-  padding: 16px;
+  padding: 18px 20px;
   overflow-y: auto;
   flex: 1;
   font-size: 13px;
-  line-height: 1.6;
-  color: var(--text-primary, #f1f5f9);
+  line-height: 1.65;
+  color: #f1f5f9;
+  background: #070d19;
+}
+
+/* ==========================================================================
+   ✨ High-Contrast Luminous Typography & Formatted Markdown for Dark Surfaces
+   ========================================================================== */
+
+#tab-swarm {
+  color: #f1f5f9;
 }
 
-.swarm-stream-body pre, .deliverables-content pre {
+#tab-swarm .panel-header h2 {
+  color: var(--text-primary);
+}
+
+#tab-swarm .panel-header p {
+  color: var(--text-secondary);
+}
+
+#tab-swarm #swarm-objective-input {
+  background: #0f172a;
+  border: 1px solid #334155;
+  color: #ffffff;
+  padding: 8px 14px;
+  border-radius: 8px;
+  font-size: 12px;
+  outline: none;
+  min-width: 320px;
+  transition: border-color 0.2s ease;
+}
+
+#tab-swarm #swarm-objective-input:focus {
+  border-color: #38bdf8;
+  box-shadow: 0 0 10px rgba(56, 189, 248, 0.25);
+}
+
+#tab-swarm #swarm-objective-input::placeholder {
+  color: #64748b;
+}
+
+.swarm-stream-body *,
+.deliverables-content * {
+  box-sizing: border-box;
+}
+
+.swarm-stream-body p,
+.deliverables-content p {
+  color: #e2e8f0;
+  margin-bottom: 10px;
+  line-height: 1.65;
+}
+
+.formatted-h2 {
+  font-size: 16px;
+  font-weight: 800;
+  color: #38bdf8;
+  margin: 16px 0 8px 0;
+  border-bottom: 1px solid rgba(56, 189, 248, 0.2);
+  padding-bottom: 4px;
+}
+
+.formatted-h3 {
+  font-size: 14px;
+  font-weight: 700;
+  color: #c084fc;
+  margin: 14px 0 6px 0;
+}
+
+.formatted-h4 {
+  font-size: 13px;
+  font-weight: 700;
+  color: #fbbf24;
+  margin: 12px 0 6px 0;
+}
+
+.formatted-h5 {
+  font-size: 12px;
+  font-weight: 700;
+  color: #34d399;
+  margin: 10px 0 4px 0;
+}
+
+.bullet-item {
+  color: #f1f5f9;
+  margin: 5px 0;
+  line-height: 1.55;
+  padding-left: 6px;
+}
+
+.number-item {
+  color: #f1f5f9;
+  margin: 5px 0;
+  line-height: 1.55;
+}
+
+.num-badge {
+  color: #38bdf8;
+  font-weight: 700;
+  font-family: var(--font-mono);
+  margin-right: 4px;
+}
+
+.formatted-quote {
+  border-left: 3px solid #38bdf8;
+  background: rgba(56, 189, 248, 0.08);
+  padding: 8px 12px;
+  margin: 10px 0;
+  border-radius: 0 6px 6px 0;
+  color: #cbd5e1;
+  font-style: italic;
+}
+
+.inline-code {
+  background: rgba(56, 189, 248, 0.15);
+  color: #38bdf8;
+  padding: 2px 6px;
+  border-radius: 4px;
+  font-family: var(--font-mono);
+  font-size: 12px;
+  border: 1px solid rgba(56, 189, 248, 0.25);
+}
+
+.formatted-code-block {
   background: #020617;
   border: 1px solid #1e293b;
   border-radius: 8px;
-  padding: 12px;
+  margin: 12px 0;
+  overflow: hidden;
+}
+
+.code-block-header {
+  background: #0f172a;
+  color: #94a3b8;
+  font-size: 11px;
+  font-weight: 700;
+  padding: 5px 12px;
+  text-transform: uppercase;
+  font-family: var(--font-mono);
+  border-bottom: 1px solid #1e293b;
+}
+
+.formatted-code-block pre {
+  padding: 12px 14px;
+  margin: 0;
   overflow-x: auto;
   font-family: var(--font-mono);
   font-size: 12px;
-  margin: 10px 0;
+  color: #e2e8f0;
+  line-height: 1.5;
+  background: #020617;
+}
+
+.formatted-code-block code {
+  color: #e2e8f0;
+  font-family: var(--font-mono);
+}
+
+.swarm-stream-body strong,
+.deliverables-content strong {
+  color: #ffffff;
+  font-weight: 700;
+}
+
+.swarm-stream-body em,
+.deliverables-content em {
+  color: #cbd5e1;
+}
+
+.placeholder-text {
+  color: #94a3b8 !important;
+  font-style: italic;
 }
 
 /* ==========================================================================

package/dist/desktop/server.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../../src/desktop/server.ts"],"names":[],"mappings":"AAuCA,qBAAa,aAAa;IACxB,OAAO,CAAC,MAAM,CAA4B;IAC1C,OAAO,CAAC,IAAI,CAA4C;IACxD,OAAO,CAAC,WAAW,CAAa;IAChC,OAAO,CAAC,kBAAkB,CAAiD;IAC3E,OAAO,CAAC,gBAAgB,CAAqD;;IAO7E,OAAO,CAAC,sBAAsB;IA2BjB,KAAK,IAAI,OAAO,CAAC,MAAM,CAAC;IAkGxB,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC;YAUpB,SAAS;WAm0BH,aAAa,IAAI,OAAO,CAAC,IAAI,CAAC;CAyBnD"}
+{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../../src/desktop/server.ts"],"names":[],"mappings":"AAuCA,qBAAa,aAAa;IACxB,OAAO,CAAC,MAAM,CAA4B;IAC1C,OAAO,CAAC,IAAI,CAA4C;IACxD,OAAO,CAAC,WAAW,CAAa;IAChC,OAAO,CAAC,kBAAkB,CAAiD;IAC3E,OAAO,CAAC,gBAAgB,CAAqD;;IAO7E,OAAO,CAAC,sBAAsB;IA2BjB,KAAK,IAAI,OAAO,CAAC,MAAM,CAAC;IAkGxB,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC;YAUpB,SAAS;WA81BH,aAAa,IAAI,OAAO,CAAC,IAAI,CAAC;CAyBnD"}

package/dist/desktop/server.js

@@ -259,6 +259,14 @@ export class DesktopServer {
             }));
             return;
         }
+        // GET /api/cloud/sync (Get Cloud Sync Status & Config)
+        if (pathname === '/api/cloud/sync' && req.method === 'GET') {
+            const { FirestoreSyncManager } = await import('../cloud/firestore.js');
+            const cfg = FirestoreSyncManager.getSyncConfig();
+            res.writeHead(200, { 'Content-Type': 'application/json' });
+            res.end(JSON.stringify({ success: true, ...cfg }));
+            return;
+        }
         // GET /api/skills
         if (pathname === '/api/skills' && req.method === 'GET') {
             const markdownSkills = skillManager.listSkills();
@@ -411,6 +419,22 @@ export class DesktopServer {
                     }));
                     return;
                 }
+                // POST /api/cloud/pull (Pull profiles from Firestore)
+                if (pathname === '/api/cloud/pull' && req.method === 'POST') {
+                    const { FirestoreSyncManager } = await import('../cloud/firestore.js');
+                    const resData = await FirestoreSyncManager.pullFromFirestore(payload.syncKey);
+                    res.writeHead(200, { 'Content-Type': 'application/json' });
+                    res.end(JSON.stringify(resData));
+                    return;
+                }
+                // POST /api/cloud/push (Push profiles to Firestore)
+                if (pathname === '/api/cloud/push' && req.method === 'POST') {
+                    const { FirestoreSyncManager } = await import('../cloud/firestore.js');
+                    const resData = await FirestoreSyncManager.pushToFirestore(payload.syncKey);
+                    res.writeHead(200, { 'Content-Type': 'application/json' });
+                    res.end(JSON.stringify(resData));
+                    return;
+                }
                 // POST /api/codebase/breathe (Trigger 1-2s Codebase Analysis & Cache Re-indexing)
                 if (pathname === '/api/codebase/breathe' && req.method === 'POST') {
                     const freshCache = await CodebaseBreather.breathe(config.workingDir, { minDurationMs: 1200, silent: true });