Skip to content
Last updated

Creating an Interface

An interface object is the configuration or the screen for agent that will be shown in the Workspace. Once this object is created, underlying agent will be appeared in the Workspace with defined interface. Currently, Interface definition supports only a Form-type.

Create an Interface

  1. Open TD Console.
  2. Navigate to AI Agent Foundry.
  3. Select a Project.
  4. Select Interfaces and then select Create interface.

  1. Populate a form
FieldDescription
Interface NameThe name of this interface, which will be shown in the Workspace
Agent nameUnderlying Agent name

Prompt template

The input text that will be given to the agent when the user clicks a Generate button in the Workspace. The text should refer to the populated data in the form. The variable name given to the form item can be referred to using {{}}. For example, if a form item has Field ID company_name, the value can be referenced with {{company_name}} in this field.

Accordion Fields: When using an Accordion layout element, fields inside the accordion must be referenced using nested notation: {{accordion_id.field_id}}.

For example, if an accordion has Field ID customer_details and contains a field with Field ID customer_name, reference it as {{customer_details.customer_name}}.

  1. Click a Next Button and move to the Form definition
  2. Place necessary form items in the form designer and populate the necessary configuration in the Properties panel on the right side
  3. Click the Apply button to apply a change
  4. Click the Create button to complete

Tookit

Click the Toolkit button on the top left side to open the list of form items.

Form item has its own configuration. Not all configurations need to be set up, except for the Field ID , which is a variable name for this form item and must be referred to by the Prompt template. Also the form item has configuration both for English and Japanese. Japanese configuration is used when the Japanese language is selected on the TD Console.

Belew is the example configuration of Basic text.

FieldDescription
Field IDVariable name referenced in the prompt template.
Text TypeChoose Basic text or Text area.
LabelTitle shown above the input.
DescriptionAdditional helper text describing the field.
PlaceholderPlaceholder text displayed inside the input.
HintTooltip text shown when hovering the ? icon.
DisabledDisplays the field as disabled.
Read onlyShows the value without allowing edits.
RequiredMarks the field as required.
Default valueInitial value populated in the input.

Accordion

Accordion is a layout element that allows you to group multiple form items together in a collapsible section. This is useful for organizing related fields and improving form readability.

When referencing fields inside an accordion in the prompt template, you must use nested notation: {{accordion_id.field_id}}.

For example:

  • Accordion Field ID: customer_details
  • Field inside accordion: customer_name
  • Reference in prompt template: {{customer_details.customer_name}}

Example form

Below is the example prompt template and form definition for an agent that generates an AIDA marketing funnel. The agent is assumed to generate text output based on the information of Company Name, Industry, Product, and Marketing Detail.

To render the generated content in the form based interface, agent must have output function with output type: Artifact. About Artifact, please refer to Add Outputs

Prompt template

Create AIDA story from the following information

  • Comapny Name: {{company_name}}
  • Industry: {{industry_info}}
  • Product: {{product_info}}
  • Marketing Detail: {{marketing_detail}}

Form

Form item (label)Form ID
Company Namecompany_name
Industryindustry_info
Productproduct_info
Marketing Detailmarketing_detail