@autobe/agent 0.25.5 → 0.25.6

package/src/context/AutoBeTokenUsage.ts

@@ -1,7 +1,7 @@
 import { IAutoBeTokenUsageJson } from "@autobe/interface";
 
 import { AutoBeTokenUsageComponent } from "./AutoBeTokenUsageComponent";
-import { IAutoBeApplication } from "./IAutoBeApplication";
+import { IAutoBeFacadeApplication } from "./IAutoBeFacadeApplication";
 
 /**
  * Comprehensive token usage tracker for the AutoBe vibe coding system.
@@ -218,7 +218,7 @@ export class AutoBeTokenUsage implements IAutoBeTokenUsageJson {
    */
   public record(
     usage: IAutoBeTokenUsageJson.IComponent,
-    additionalStages: (keyof IAutoBeApplication)[] = [],
+    additionalStages: (keyof IAutoBeFacadeApplication)[] = [],
   ) {
     additionalStages.forEach((stage) => {
       this[stage].increment(usage);

package/src/context/{IAutoBeApplication.ts → IAutoBeFacadeApplication.ts}

@@ -1,11 +1,11 @@
-import { IAutoBeApplicationResult } from "./IAutoBeApplicationResult";
+import { IAutoBeFacadeApplicationResult } from "./IAutoBeFacadeApplicationResult";
 
 /**
  * Application for AutoBE function calling.
  *
  * @author Samchon
  */
-export interface IAutoBeApplication {
+export interface IAutoBeFacadeApplication {
   /**
    * Run Analyze Agent.
    *
@@ -25,26 +25,7 @@ export interface IAutoBeApplication {
    * conversation. When executed after other agents have generated code, it can
    * also interpret change requests in the context of existing implementations.
    */
-  analyze(props: {
-    /**
-     * Requirements-focused instructions extracted from user utterances.
-     *
-     * Contains AI-interpreted guidance specifically for the requirements
-     * analysis phase. Should focus ONLY on features, business rules, user
-     * stories, and functional specifications. Must NOT include database design,
-     * API patterns, or implementation details which belong to other phases.
-     *
-     * **CRITICAL**: Only include what the user actually said. NEVER fabricate
-     * or invent requirements the user didn't mention.
-     *
-     * Examples:
-     *
-     * - "Focus on inventory management with real-time stock tracking"
-     * - "Prioritize user authentication with role-based permissions"
-     * - "Emphasize order processing workflow with approval stages"
-     */
-    instruction: string;
-  }): Promise<IAutoBeApplicationResult>;
+  analyze(): Promise<IAutoBeFacadeApplicationResult>;
 
   /**
    * Run prisma agent.
@@ -67,24 +48,12 @@ export interface IAutoBeApplication {
    */
   prisma(props: {
     /**
-     * Database design instructions extracted from user utterances.
-     *
-     * Contains AI-interpreted guidance specifically for the database schema
-     * design phase. Should focus ONLY on schema structure, relationships,
-     * constraints, and indexing strategies. Must NOT include API design or
-     * business logic implementation details.
-     *
-     * **CRITICAL**: Only include what the user actually said. NEVER fabricate
-     * or invent requirements the user didn't mention.
-     *
-     * Examples:
+     * Database design instructions from user conversation.
      *
-     * - "Design flexible product catalog with variant support"
-     * - "Optimize for high-volume transaction queries"
-     * - "Implement strict referential integrity for financial data"
+     * Pass empty string "" if no database-specific instructions exist.
      */
     instruction: string;
-  }): Promise<IAutoBeApplicationResult>;
+  }): Promise<IAutoBeFacadeApplicationResult>;
 
   /**
    * Run interface agent.
@@ -101,24 +70,12 @@ export interface IAutoBeApplication {
    */
   interface(props: {
     /**
-     * API design instructions extracted from user utterances.
+     * API design instructions from user conversation.
      *
-     * Contains AI-interpreted guidance specifically for the API interface
-     * design phase. Should focus ONLY on endpoint patterns, request/response
-     * formats, DTO schemas, and operation specifications. Must NOT include
-     * database details or implementation logic.
-     *
-     * **CRITICAL**: Only include what the user actually said. NEVER fabricate
-     * or invent requirements the user didn't mention.
-     *
-     * Examples:
-     *
-     * - "Create RESTful endpoints with pagination for all list operations"
-     * - "Design mobile-friendly APIs with minimal response payloads"
-     * - "Follow OpenAPI 3.0 patterns with comprehensive error responses"
+     * Pass empty string "" if no API-specific instructions exist.
      */
     instruction: string;
-  }): Promise<IAutoBeApplicationResult>;
+  }): Promise<IAutoBeFacadeApplicationResult>;
 
   /**
    * Run test program agent.
@@ -143,24 +100,12 @@ export interface IAutoBeApplication {
    */
   test(props: {
     /**
-     * Testing strategy instructions extracted from user utterances.
-     *
-     * Contains AI-interpreted guidance specifically for the test code
-     * generation phase. Should focus ONLY on test scenarios, coverage
-     * priorities, edge cases, and validation strategies. Must NOT include
-     * implementation or API design details.
-     *
-     * **CRITICAL**: Only include what the user actually said. NEVER fabricate
-     * or invent requirements the user didn't mention.
+     * Testing strategy instructions from user conversation.
      *
-     * Examples:
-     *
-     * - "Prioritize payment flow testing with failure scenarios"
-     * - "Generate comprehensive tests for concurrent user operations"
-     * - "Focus on data integrity validation across all endpoints"
+     * Pass empty string "" if no test-specific instructions exist.
      */
     instruction: string;
-  }): Promise<IAutoBeApplicationResult>;
+  }): Promise<IAutoBeFacadeApplicationResult>;
 
   /**
    * Run realize agent.
@@ -185,23 +130,10 @@ export interface IAutoBeApplication {
    */
   realize(props: {
     /**
-     * Implementation instructions extracted from user utterances.
-     *
-     * Contains AI-interpreted guidance specifically for the business logic
-     * implementation phase. Should focus ONLY on architectural patterns,
-     * performance requirements, business logic details, and service layer
-     * decisions. Must NOT include database schema or API interface
-     * specifications.
-     *
-     * **CRITICAL**: Only include what the user actually said. NEVER fabricate
-     * or invent requirements the user didn't mention.
-     *
-     * Examples:
+     * Implementation instructions from user conversation.
      *
-     * - "Implement with caching for frequently accessed data"
-     * - "Use transaction patterns for financial operations"
-     * - "Optimize for 10K concurrent users with rate limiting"
+     * Pass empty string "" if no implementation-specific instructions exist.
      */
     instruction: string;
-  }): Promise<IAutoBeApplicationResult>;
+  }): Promise<IAutoBeFacadeApplicationResult>;
 }

package/src/context/{IAutoBeApplicationProps.ts → IAutoBeFacadeApplicationProps.ts}

@@ -1,4 +1,4 @@
-export interface IAutoBeApplicationProps {
+export interface IAutoBeFacadeApplicationProps {
   /**
    * Instructions for each agent phase redefined by AI from user's utterance.
    * Contains specific guidance for analyze/prisma/interface/test/realize

package/src/context/{IAutoBeApplicationResult.ts → IAutoBeFacadeApplicationResult.ts}

@@ -1,4 +1,4 @@
-export interface IAutoBeApplicationResult {
+export interface IAutoBeFacadeApplicationResult {
   type:
     | "success"
     | "failure"

package/src/factory/createAgenticaHistory.ts

@@ -10,8 +10,6 @@ import {
 } from "@autobe/interface";
 import { ILlmSchema } from "@samchon/openapi";
 
-import { IAutoBeApplicationProps } from "../context/IAutoBeApplicationProps";
-
 export function createAgenticaHistory<Model extends ILlmSchema.Model>(props: {
   operations: readonly AgenticaOperation<Model>[];
   history: AutoBeHistory;
@@ -36,8 +34,11 @@ export function createAgenticaHistory<Model extends ILlmSchema.Model>(props: {
     created_at: props.history.created_at,
     type: "execute" as const,
     arguments: {
-      instruction: props.history.instruction,
-    } satisfies IAutoBeApplicationProps,
+      instruction:
+        props.history.type === "analyze"
+          ? undefined
+          : props.history.instruction,
+    },
     value: {
       success:
         props.history.type === "analyze" || props.history.type === "interface"

package/src/factory/createAutoBeApplication.ts

@@ -4,7 +4,7 @@ import { ILlmApplication, ILlmSchema } from "@samchon/openapi";
 import typia from "typia";
 
 import { AutoBeContext } from "../context/AutoBeContext";
-import { IAutoBeApplication } from "../context/IAutoBeApplication";
+import { IAutoBeFacadeApplication } from "../context/IAutoBeFacadeApplication";
 import { assertSchemaModel } from "../context/assertSchemaModel";
 import { orchestrateAnalyze } from "../orchestrate/analyze/orchestrateAnalyze";
 import { orchestrateInterface } from "../orchestrate/interface/orchestrateInterface";
@@ -25,8 +25,8 @@ export const createAutoBeController = <Model extends ILlmSchema.Model>(props: {
     name: "autobe",
     application,
     execute: {
-      analyze: async (next) => {
-        const r = await orchestrateAnalyze(props.context)(next);
+      analyze: async () => {
+        const r = await orchestrateAnalyze(props.context);
         if (r.type === "analyze")
           return {
             type: "success",
@@ -109,13 +109,13 @@ export const createAutoBeController = <Model extends ILlmSchema.Model>(props: {
             description: "API interfaces are not yet completed.",
           };
       },
-    } satisfies IAutoBeApplication,
+    } satisfies IAutoBeFacadeApplication,
   };
 };
 
-const claude = typia.llm.application<IAutoBeApplication, "claude">();
+const claude = typia.llm.application<IAutoBeFacadeApplication, "claude">();
 const collection = {
-  chatgpt: typia.llm.application<IAutoBeApplication, "chatgpt">(),
+  chatgpt: typia.llm.application<IAutoBeFacadeApplication, "chatgpt">(),
   claude,
   llama: claude,
   deepseek: claude,

package/src/factory/createAutoBeContext.ts

@@ -34,7 +34,7 @@ import { AutoBeContext } from "../context/AutoBeContext";
 import { AutoBeState } from "../context/AutoBeState";
 import { AutoBeTokenUsage } from "../context/AutoBeTokenUsage";
 import { AutoBeTokenUsageComponent } from "../context/AutoBeTokenUsageComponent";
-import { IAutoBeApplication } from "../context/IAutoBeApplication";
+import { IAutoBeFacadeApplication } from "../context/IAutoBeFacadeApplication";
 import { IAutoBeConfig } from "../structures/IAutoBeConfig";
 import { IAutoBeVendor } from "../structures/IAutoBeVendor";
 import { AutoBeTimeoutError } from "../utils/AutoBeTimeoutError";
@@ -310,7 +310,6 @@ const createDispatch = (props: {
         history: {
           type: "analyze",
           id: v7(),
-          instruction: analyzeStart?.reason ?? "",
           prefix: event.prefix,
           roles: event.roles,
           files: event.files,
@@ -431,4 +430,4 @@ const forceRetry = async <T>(
   throw error;
 };
 
-const STAGES = typia.misc.literals<keyof IAutoBeApplication>();
+const STAGES = typia.misc.literals<keyof IAutoBeFacadeApplication>();

package/src/orchestrate/analyze/histories/transformAnalyzeReviewHistories.ts

@@ -23,7 +23,6 @@ export const transformAnalyzeReviewHistories = <Model extends ILlmSchema.Model>(
     ...transformAnalyzeWriteHistories(ctx, {
       scenario,
       file: myFile,
-      instruction: "",
     }).slice(0, -2),
     {
       id: v7(),

package/src/orchestrate/analyze/histories/transformAnalyzeScenarioHistories.ts

@@ -8,7 +8,6 @@ import { AutoBeContext } from "../../../context/AutoBeContext";
 
 export function transformAnalyzeSceHistories<Model extends ILlmSchema.Model>(
   ctx: AutoBeContext<Model>,
-  instruction: string,
 ): Array<IMicroAgenticaHistoryJson> {
   return [
     ...ctx
@@ -34,20 +33,5 @@ export function transformAnalyzeSceHistories<Model extends ILlmSchema.Model>(
       `,
       created_at: new Date().toISOString(),
     },
-    {
-      id: v7(),
-      type: "assistantMessage",
-      text: StringUtil.trim`
-        ## Instructions from Requirements Discussion
-        
-        The following instructions were extracted by AI from 
-        the discussion with the user about requirements.
-        Use these to guide document structure planning and 
-        scenario definitions.
-        
-        ${instruction}
-      `,
-      created_at: new Date().toISOString(),
-    },
   ];
 }

package/src/orchestrate/analyze/histories/transformAnalyzeWriteHistories.ts

@@ -13,7 +13,6 @@ export const transformAnalyzeWriteHistories = <Model extends ILlmSchema.Model>(
   props: {
     scenario: AutoBeAnalyzeScenarioEvent;
     file: AutoBeAnalyzeFile.Scenario;
-    instruction: string;
   },
 ): Array<
   | IAgenticaHistoryJson.IUserMessage
@@ -75,18 +74,6 @@ export const transformAnalyzeWriteHistories = <Model extends ILlmSchema.Model>(
       \`\`\`json
       ${JSON.stringify(props.file)}
       \`\`\`
-
-      ## Instructions from Requirements Discussion
-      
-      The following instructions were extracted by AI from 
-      the discussion with the user about requirements.
-      If these instructions are relevant to the document you're 
-      currently writing (${props.file.filename}), incorporate 
-      them appropriately. 
-      
-      If not relevant to this specific document, ignore them.
-      
-      ${props.instruction}
     `,
   },
 ];

package/src/orchestrate/analyze/orchestrateAnalyze.ts

@@ -11,92 +11,89 @@ import { ILlmSchema } from "@samchon/openapi";
 import { v7 } from "uuid";
 
 import { AutoBeContext } from "../../context/AutoBeContext";
-import { IAutoBeApplicationProps } from "../../context/IAutoBeApplicationProps";
 import { executeCachedBatch } from "../../utils/executeCachedBatch";
 import { orchestrateAnalyzeReview } from "./orchestrateAnalyzeReview";
 import { orchestrateAnalyzeScenario } from "./orchestrateAnalyzeScenario";
 import { orchestrateAnalyzeWrite } from "./orchestrateAnalyzeWrite";
 
-export const orchestrateAnalyze =
-  <Model extends ILlmSchema.Model>(ctx: AutoBeContext<Model>) =>
-  async (
-    props: IAutoBeApplicationProps,
-  ): Promise<AutoBeAssistantMessageHistory | AutoBeAnalyzeHistory> => {
-    // Initialize analysis state
-    const step: number = (ctx.state().analyze?.step ?? -1) + 1;
-    const startTime: Date = new Date();
+export const orchestrateAnalyze = async <Model extends ILlmSchema.Model>(
+  ctx: AutoBeContext<Model>,
+): Promise<AutoBeAssistantMessageHistory | AutoBeAnalyzeHistory> => {
+  // Initialize analysis state
+  const step: number = (ctx.state().analyze?.step ?? -1) + 1;
+  const startTime: Date = new Date();
 
-    ctx.dispatch({
-      type: "analyzeStart",
-      id: v7(),
-      reason: props.instruction,
-      step,
-      created_at: startTime.toISOString(),
-    });
+  ctx.dispatch({
+    type: "analyzeStart",
+    id: v7(),
+    step,
+    created_at: startTime.toISOString(),
+  });
 
-    // Generate analysis scenario
-    const scenario: AutoBeAnalyzeScenarioEvent | AutoBeAssistantMessageHistory =
-      await orchestrateAnalyzeScenario(ctx, props.instruction);
-    if (scenario.type === "assistantMessage")
-      return ctx.assistantMessage(scenario);
-    else ctx.dispatch(scenario);
+  // Generate analysis scenario
+  const scenario: AutoBeAnalyzeScenarioEvent | AutoBeAssistantMessageHistory =
+    await orchestrateAnalyzeScenario(ctx);
+  if (scenario.type === "assistantMessage")
+    return ctx.assistantMessage(scenario);
+  else ctx.dispatch(scenario);
 
-    // write documents
-    const writeProgress: AutoBeProgressEventBase = {
-      total: scenario.files.length,
-      completed: 0,
-    };
-    const fileList: AutoBeAnalyzeFile[] = await executeCachedBatch(
-      scenario.files.map((file) => async (promptCacheKey) => {
-        const event: AutoBeAnalyzeWriteEvent = await orchestrateAnalyzeWrite(
+  // write documents
+  const writeProgress: AutoBeProgressEventBase = {
+    total: scenario.files.length,
+    completed: 0,
+  };
+  const fileList: AutoBeAnalyzeFile[] = await executeCachedBatch(
+    scenario.files.map((file) => async (promptCacheKey) => {
+      const event: AutoBeAnalyzeWriteEvent = await orchestrateAnalyzeWrite(
+        ctx,
+        {
+          scenario,
+          file,
+          progress: writeProgress,
+          promptCacheKey,
+        },
+      );
+      return event.file;
+    }),
+  );
+
+  // review documents
+  const reviewProgress: AutoBeProgressEventBase = {
+    total: fileList.length,
+    completed: 0,
+  };
+  const newFiles: AutoBeAnalyzeFile[] = await executeCachedBatch(
+    fileList.map((file) => async (promptCacheKey) => {
+      try {
+        const event: AutoBeAnalyzeReviewEvent = await orchestrateAnalyzeReview(
           ctx,
           {
             scenario,
-            file,
-            progress: writeProgress,
+            allFiles: fileList, // all files
+            myFile: file,
+            progress: reviewProgress,
             promptCacheKey,
-            instruction: props.instruction,
           },
         );
-        return event.file;
-      }),
-    );
+        return {
+          ...event.file,
+          content: event.content,
+        };
+      } catch {
+        return file;
+      }
+    }),
+  );
 
-    // review documents
-    const reviewProgress: AutoBeProgressEventBase = {
-      total: fileList.length,
-      completed: 0,
-    };
-    const newFiles: AutoBeAnalyzeFile[] = await executeCachedBatch(
-      fileList.map((file) => async (promptCacheKey) => {
-        try {
-          const event: AutoBeAnalyzeReviewEvent =
-            await orchestrateAnalyzeReview(ctx, {
-              scenario,
-              allFiles: fileList, // all files
-              myFile: file,
-              progress: reviewProgress,
-              promptCacheKey,
-            });
-          return {
-            ...event.file,
-            content: event.content,
-          };
-        } catch {
-          return file;
-        }
-      }),
-    );
-
-    // Complete the analysis
-    return ctx.dispatch({
-      type: "analyzeComplete",
-      id: v7(),
-      roles: scenario.roles,
-      prefix: scenario.prefix,
-      files: newFiles,
-      step,
-      elapsed: new Date().getTime() - startTime.getTime(),
-      created_at: new Date().toISOString(),
-    }) satisfies AutoBeAnalyzeHistory;
-  };
+  // Complete the analysis
+  return ctx.dispatch({
+    type: "analyzeComplete",
+    id: v7(),
+    roles: scenario.roles,
+    prefix: scenario.prefix,
+    files: newFiles,
+    step,
+    elapsed: new Date().getTime() - startTime.getTime(),
+    created_at: new Date().toISOString(),
+  }) satisfies AutoBeAnalyzeHistory;
+};

package/src/orchestrate/analyze/orchestrateAnalyzeScenario.ts

@@ -21,7 +21,6 @@ export const orchestrateAnalyzeScenario = async <
   Model extends ILlmSchema.Model,
 >(
   ctx: AutoBeContext<Model>,
-  instruction: string,
 ): Promise<AutoBeAnalyzeScenarioEvent | AutoBeAssistantMessageHistory> => {
   const start: Date = new Date();
   const pointer: IPointer<IAutoBeAnalyzeScenarioApplication.IProps | null> = {
@@ -33,7 +32,7 @@ export const orchestrateAnalyzeScenario = async <
       model: ctx.model,
       build: (value) => (pointer.value = value),
     }),
-    histories: transformAnalyzeSceHistories(ctx, instruction),
+    histories: transformAnalyzeSceHistories(ctx),
     enforceFunctionCall: false,
     message: StringUtil.trim`
       Design a complete list of documents and user roles for this project.

package/src/orchestrate/analyze/orchestrateAnalyzeWrite.ts

@@ -20,7 +20,6 @@ export const orchestrateAnalyzeWrite = async <Model extends ILlmSchema.Model>(
   props: {
     scenario: AutoBeAnalyzeScenarioEvent;
     file: AutoBeAnalyzeFile.Scenario;
-    instruction: string;
     progress: AutoBeProgressEventBase;
     promptCacheKey: string;
   },

package/src/orchestrate/interface/histories/transformInterfaceAssetHistories.ts

@@ -27,10 +27,6 @@ export const transformInterfaceAssetHistories = (
         Call the provided tool function to generate the OpenAPI document
         referencing below requirement analysis and Prisma DB schema.
 
-        ## User Request
-
-        ${analyze.instruction}
-
         ## Requirement Analysis Report
 
         \`\`\`json

package/src/orchestrate/interface/histories/transformInterfaceAuthorizationsHistories.ts

@@ -47,15 +47,18 @@ export const transformInterfaceAuthorizationsHistories = (props: {
       text: StringUtil.trim`
         ## API Design Instructions
 
-        The following API-specific instructions were extracted by AI from
-        the user's utterances. These focus ONLY on API interface design aspects
+        The following API-specific instructions were extracted from
+        the user's requirements. These focus on API interface design aspects
         such as endpoint patterns, request/response formats, DTO schemas,
         and operation specifications.
 
-        Apply these instructions when designing authorization-related API operations
-        for the ${props.role.name} role. Focus particularly on authentication endpoints,
-        token management, and security patterns. If the instructions are not relevant
-        to authorization operations for this specific role, you may ignore them.
+        Follow these instructions when designing authorization operations for ${props.role.name}.
+        Carefully distinguish between:
+        - Suggestions or recommendations (consider these as guidance)
+        - Direct specifications or explicit commands (these must be followed exactly)
+        
+        When instructions contain direct specifications or explicit design decisions, 
+        follow them precisely even if you believe you have better alternatives.
 
         ${props.instruction}
 

package/src/orchestrate/interface/histories/{transformInterfaceCommonPrerequisiteHistories.ts → transformInterfaceCommonHistories.ts}

@@ -3,7 +3,7 @@ import { v7 } from "uuid";
 
 import { AutoBeState } from "../../../context/AutoBeState";
 
-export const transformInterfaceCommonPrerequisiteHistories = (
+export const transformInterfaceCommonHistories = (
   state: AutoBeState,
 ): Array<
   IAgenticaHistoryJson.IAssistantMessage | IAgenticaHistoryJson.ISystemMessage

package/src/orchestrate/interface/histories/transformInterfaceComplementHistories.ts

@@ -41,15 +41,18 @@ export const transformInterfaceComplementHistories = (props: {
     text: StringUtil.trim`
       ## API Design Instructions
 
-      The following API-specific instructions were extracted by AI from
-      the user's utterances. These focus ONLY on API interface design aspects
+      The following API-specific instructions were extracted from
+      the user's requirements. These focus on API interface design aspects
       such as endpoint patterns, request/response formats, DTO schemas,
       and operation specifications.
 
-      Apply these instructions when completing the missing schema types.
-      Focus on ensuring the schemas align with the overall API design patterns
-      and data structure requirements. If the instructions are not relevant
-      to the specific schemas you need to create, you may ignore them.
+      Follow these instructions when completing missing schema types.
+      Carefully distinguish between:
+      - Suggestions or recommendations (consider these as guidance)
+      - Direct specifications or explicit commands (these must be followed exactly)
+      
+      When instructions contain direct specifications or explicit design decisions, 
+      follow them precisely even if you believe you have better alternatives.
 
       ${props.instruction}
 

package/src/orchestrate/interface/histories/transformInterfaceEndpointHistories.ts

@@ -30,15 +30,18 @@ export const transformInterfaceEndpointHistories = (props: {
     text: StringUtil.trim`
       ## API Design Instructions
 
-      The following API-specific instructions were extracted by AI from
-      the user's utterances. These focus ONLY on API interface design aspects
+      The following API-specific instructions were extracted from
+      the user's requirements. These focus on API interface design aspects
       such as endpoint patterns, request/response formats, DTO schemas,
       and operation specifications.
 
-      Apply these instructions when designing endpoints for the ${props.group.name} group.
-      Consider the specified URL patterns, HTTP methods, parameter structures,
-      and response formats. If the instructions are not relevant to this specific
-      endpoint group, you may ignore them.
+      Follow these instructions when designing endpoints for the ${props.group.name} group.
+      Carefully distinguish between:
+      - Suggestions or recommendations (consider these as guidance)
+      - Direct specifications or explicit commands (these must be followed exactly)
+      
+      When instructions contain direct specifications or explicit design decisions, 
+      follow them precisely even if you believe you have better alternatives.
 
       ${props.instruction}