viewgate-mcp 1.0.61 → 1.0.62

package/dist/index.js

@@ -148,10 +148,8 @@ function createMcpServer(apiKey, personalKey) {
             }
             else if (toolName === "generate_ui_components") {
                 guard.step = 2;
-            }
-            else if (toolName === "mark_ui_component_generated") {
-                // Allow finishing if it was started in this flow
-                resetGuard();
+                // Step 3 is now terminal, but we reset after success in the handler
+                guard.step = 3;
             }
             else {
                 throw new Error("TOOL_CALL_BLOCKED: tool not allowed in active flow");
@@ -165,8 +163,8 @@ function createMcpServer(apiKey, personalKey) {
             else if (toolName === "mark_annotations_as_live") {
                 if (guard.step !== 1)
                     throw new Error("TOOL_CALL_BLOCKED: unexpected step");
-                // Stop here and reset flow as per USER_REQUEST (MCP only reaches 'applied')
-                resetGuard();
+                // Reset moved to success handler
+                guard.step = 2;
             }
             else {
                 throw new Error("TOOL_CALL_BLOCKED: tool not allowed in active flow");
@@ -179,7 +177,7 @@ function createMcpServer(apiKey, personalKey) {
             else if (toolName === "mark_annotations_as_live") {
                 if (guard.step !== 1)
                     throw new Error("TOOL_CALL_BLOCKED: unexpected step");
-                resetGuard();
+                guard.step = 2;
             }
             else {
                 throw new Error("TOOL_CALL_BLOCKED: tool not allowed in active flow");
@@ -198,7 +196,8 @@ function createMcpServer(apiKey, personalKey) {
             else {
                 if (guard.step !== 1)
                     throw new Error("TOOL_CALL_BLOCKED: unexpected step");
-                resetGuard();
+                // Reset moved to success handler
+                guard.step = 2;
             }
         }
         else if (guard.flow === "sync") {
@@ -398,6 +397,7 @@ function createMcpServer(apiKey, personalKey) {
                         const errorBody = await response.text();
                         throw new Error(`Backend responded with ${response.status}: ${errorBody}`);
                     }
+                    resetGuard();
                     const data = (await response.json());
                     const styleHandler = data?.settings?.styleHandler || 'unknown';
                     const language = data?.settings?.language || 'en';
@@ -489,6 +489,7 @@ function createMcpServer(apiKey, personalKey) {
                                     'MUST use Tailwind standard "primary" class (e.g. bg-primary, text-primary-foreground) as these are dynamically injected in the dashboard.',
                                     'The theme prop MUST be optional and typed in the component interface.',
                                     'Micro-animations MUST be implemented with Framer Motion (use whileHover, whileTap, etc.)',
+                                    'AESTHETIC PERFECTION: The generated component MUST be an EXACT visual match of the source design. Pay extreme attention to spacing, shadows, and subtle gradients.',
                                 ]
                             },
                             constraints: {
@@ -501,7 +502,9 @@ function createMcpServer(apiKey, personalKey) {
                                 mustBeProductionReady: true,
                                 mustUseFramerMotionForAnimations: true,
                                 themingIsMandatory: true,
-                                stylingHandlerIsStrict: true
+                                stylingHandlerIsStrict: true,
+                                mustBeAestheticallyIdentical: true,
+                                visualFidelityInstruction: "You MUST ensure 100% visual parity. The output component must be PREMIUM and indistinguishable from the provided Figma design in terms of layout, spacing, and styling tokens."
                             }
                         };
                         results.push({
@@ -528,6 +531,7 @@ function createMcpServer(apiKey, personalKey) {
                                 2) REGISTRAR LA PREVIEW usando 'mark_ui_component_generated'.
 
                                 REQUISITO TECNOLÓGICO OBLIGATORIO: Usar ${styleLabel} para TODOS los estilos.
+                                REQUISITO DE FIDELIDAD ESTÉTICA: El componente debe ser VISUALMENTE IDÉNTICO al original. Respeta cada píxel de espaciado, sombras y pesos de fuente.
                                 REQUISITO DE THEMING: DEBES respetar las themingTokens. NUNCA hardcodees colores (#hex, etc). Usa SIEMPRE la prop 'theme' o el fallback 'var(--vg-*)'.
                                 NOTA: Si styleHandler es '${styleHandler}', NO utilices otra tecnología distinta aunque los archivos originales (Figma HTML/CSS) digan lo contrario.`,
                                     results
@@ -710,6 +714,7 @@ Lang: ${rawData.preferredLanguage === 'es' ? 'ES' : 'EN'}
                     });
                     if (!response.ok)
                         throw new Error(`Backend responded with ${response.status}`);
+                    resetGuard();
                     const data = (await response.json());
                     return {
                         content: [{ type: "text", text: JSON.stringify(data, null, 2) }],
@@ -730,6 +735,9 @@ Lang: ${rawData.preferredLanguage === 'es' ? 'ES' : 'EN'}
                     });
                     if (!response.ok)
                         throw new Error(`Backend responded with ${response.status}`);
+                    if (args.results) {
+                        resetGuard();
+                    }
                     const data = (await response.json());
                     // Point: Version Storing
                     if (data.backlogVersion)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "viewgate-mcp",
-  "version": "1.0.61",
+  "version": "1.0.62",
   "main": "dist/index.js",
   "bin": {
     "viewgate-mcp": "./dist/index.js"