Agents

loadingbadge/

import { ref } from 'vue' const selectedId = ref<string | null>('chat') const loading = ref(false) const agents = [ { id: 'chat', name: 'Chat Agent', description: 'General conversation assistant', iconClass: 'i-carbon-chat', badgeText: 6, }, { id: 'code', name: 'Code Agent', description: 'Code generation & refactor', iconClass: 'i-carbon-code', badgeText: 12, }, { id: 'search', name: 'Search Agent', description: 'Web search & citations', iconClass: 'i-carbon-search', }, { id: 'disabled', name: 'Disabled Agent', description: 'Not available', iconClass: 'i-carbon-bot', disabled: true, }, ]

Prop	Type	Default	Description
`agents`	`AgentItemProps[]`	-	Description for agents.
`selectedId`	`string \| null`	`null`	Description for selectedId.
`loading`	`boolean`	`false`	Description for loading.

Events

Event	Params	Description
`select`	`(id: string)`	Description for select.

TxAgentItem

Props

Prop	Type	Default	Description
`id`	`string`	-	Description for id.
`name`	`string`	-	Description for name.
`description`	`string`	`''`	Description for description.
`iconClass`	`string`	`'i-carbon-bot'`	Description for iconClass.
`selected`	`boolean`	`false`	Description for selected.
`disabled`	`boolean`	`false`	Description for disabled.
`badgeText`	`string \| number`	`''`	badge Text

Agents

Agents

Basic Usage

AgentsList

API

TxAgentsList

Props

Events

TxAgentItem

Props