["Name"]="<unique identifier of this component>",-- required
["Label"]="<heading of your component>",-- required
["Adornment"]="<Start|End|None>",-- location of the `AdornmentIcon` OR `AdornmentText`; CASE SENSITIVE
["AdornmentIcon"]="Icons.Material.Filled.AppSettingsAlt",-- The Mudblazor icon displayed for the adornment
["AdornmentText"]="",-- The text displayed for the adornment
["AdornmentColor"]="<Dark|Error|Info|Inherit|Primary|Secondary|Success|Surface|Tertiary|Transparent|Warning>",-- the color of AdornmentText or AdornmentIcon; CASE SENSITIVE
["Counter"]=0,-- shows a character counter. When 0, the current character count is displayed. When 1 or greater, the character count and this count are displayed. Defaults to `null`
["MaxLength"]=100,-- max number of characters allowed, prevents more input characters; use together with the character counter. Defaults to 524,288
["HelperText"]="<a helping text rendered under the text area to give hints to users>",
["IsImmediate"]=false,-- changes the value as soon as input is received. Defaults to false but will be true if counter or maxlength is set to reflect changes
["HelperTextOnFocus"]=true,-- if true, shows the helping text only when the user focuses on the text area
["UserPrompt"]="<direct input of instructions, questions, or tasks by a user>",
["PrefillText"]="<text to show in the field initially>",
["IsSingleLine"]=false,-- if true, shows a text field instead of an area
["ReadOnly"]=false,-- if true, deactivates user input (make sure to provide a PrefillText)
["Class"]="<optional MudBlazor or css classes>",
["Style"]="<optional css styles>",
}
},
{
["Type"]="DROPDOWN",-- required
["Props"]={
["Name"]="<unique identifier of component>",-- required
["Label"]="<heading of component>",-- required
["UserPrompt"]="<direct input of instructions, questions, or tasks by a user>",
["IsMultiselect"]=false,
["HasSelectAll"]=false,
["SelectAllText"]="<label for 'SelectAll'-Button",
["HelperText"]="<helping text rendered under the component>",
["Name"]="<unique identifier of this component>",-- required
["Label"]="<heading of your component>",-- Switches render mode between boxed switch and normal switch
["Value"]=true,-- initial switch state
["OnChanged"]=function(input)-- optional; same input and return contract as BUTTON.Action(input)
returnnil
end,
["Disabled"]=false,-- if true, disables user interaction but the value can still be used in the user prompt (use for presentation purposes)
["UserPrompt"]="<direct input of instructions, questions, or tasks by a user>",
["LabelOn"]="<text if state is true>",
["LabelOff"]="<text if state is false>",
["LabelPlacement"]="<Bottom|End|Left|Right|Start|Top>",-- Defaults to End (right of the switch)
["Icon"]="Icons.Material.Filled.Bolt",-- places a thumb icon inside the switch
["IconColor"]="<Dark|Error|Info|Inherit|Primary|Secondary|Success|Surface|Tertiary|Transparent|Warning>",-- color of the thumb icon. Defaults to `Inherit`
["CheckedColor"]="<Dark|Error|Info|Inherit|Primary|Secondary|Success|Surface|Tertiary|Transparent|Warning>",-- color of the switch if state is true. Defaults to `Inherit`
["UncheckedColor"]="<Dark|Error|Info|Inherit|Primary|Secondary|Success|Surface|Tertiary|Transparent|Warning>",-- color of the switch if state is false. Defaults to `Inherit`
["Class"]="<optional MudBlazor or css classes>",
["Style"]="<optional css styles>",
}
},
{
["Type"]="BUTTON",
["Props"]={
["Name"]="buildEmailOutput",
["Text"]="Build email output",-- keep this even for icon-only buttons so the manifest stays readable
["IsIconButton"]=false,-- when true, renders an icon-only action button using StartIcon
["Size"]="<Small|Medium|Large>",-- size of the button. Defaults to Medium
["Variant"]="<Filled|Outlined|Text>",-- display variation to use. Defaults to Text
["Color"]="<Dark|Error|Info|Inherit|Primary|Secondary|Success|Surface|Tertiary|Transparent|Warning>",-- color of the button. Defaults to Default
["IsFullWidth"]=false,-- ignores sizing and renders a long full width button. Defaults to false
["StartIcon"]="Icons.Material.Filled.ArrowRight",-- icon displayed before the text, or the main icon for icon-only buttons. Defaults to null
["EndIcon"]="Icons.Material.Filled.ArrowLeft",-- icon displayed after the text. Defaults to null
["IconColor"]="<Dark|Error|Info|Inherit|Primary|Secondary|Success|Surface|Tertiary|Transparent|Warning>",-- color of start and end icons on text buttons. Defaults to Inherit
["IconSize"]="<Small|Medium|Large>",-- size of icons. Defaults to null. When null, the value of ["Size"] is used
["Caption"]="Static illustration via the IMAGE component."
}
},
{
["Type"]="WEB_CONTENT_READER",-- allows the user to fetch a URL and clean it
["Props"]={
["Name"]="<unique identifier of this component>",-- required
["UserPrompt"]="<help text that explains the purpose of this reader>",
["Preselect"]=false,-- automatically show the reader when the assistant opens
["PreselectContentCleanerAgent"]=true-- run the content cleaner by default
}
},
{
["Type"]="FILE_CONTENT_READER",-- allows the user to load local files
["Props"]={
["Name"]="<unique identifier of this component>",-- required
["UserPrompt"]="<help text reminding the user what kind of file they should load>"
}
},
{
["Type"]="COLOR_PICKER",
["Props"]={
["Name"]="<unique identifier of this component>",-- required
["Label"]="<heading of your component>",-- required
["Placeholder"]="<use this as a default color property with HEX code (e.g '#FFFF12') or just show hints to the user>",
["ShowAlpha"]=true,-- weather alpha channels are shown
["ShowToolbar"]=true,-- weather the toolbar to toggle between picker, grid or palette is shown
["ShowModeSwitch"]=true,-- weather switch to toggle between RGB(A), HEX or HSL color mode is shown
["PickerVariant"]="<Dialog|Inline|Static>",-- different rendering modes: `Dialog` opens the picker in a modal type screen, `Inline` shows the picker next to the input field and `Static` renders the picker widget directly (default); Case sensitiv
["UserPrompt"]="<help text reminding the user what kind of file they should load>",
}
},
{
["Type"]="DATE_PICKER",
["Props"]={
["Name"]="<unique identifier of this component>",-- required
["Label"]="<heading of your component>",-- required