una/studio/template/agents_agents.html

<div class="bx-agt-agents w-full flex flex-row flex-wrap items-stretch -m-1">
    <bx_repeat:agents>
        <div class="bx-agt-agent-wrp flex w-full sm:w-1/2 lg:w-1/3 p-1">
            <div class="bx-agt-agent bx-def-border flex-1 flex flex-col p-4 gap-2 rounded-lg shadow-md" data-id="__id__">
                <div class="bx-agt-a-ic flex items-center justify-between gap-2">
                    <div class="bx-agt-aic grow-0">__icon__</div>
                    <div class="bx-agt-aic-aux flex items-center justify-center gap-1 shrink-0">
                        <bx_if:show_trigger>
                            <div class="bx-act bx-agt-aica bx-agt-aic-trigger w-7 h-7 flex items-center justify-center bg-gray-200/80 dark:bg-gray-800/80 rounded-full overflow-hidden" title="__trigger_title__">__trigger_icon__</div>
                        </bx_if:show_trigger>
                        <bx_if:show_model>
                            <div class="bx-act bx-agt-aica bx-agt-aic-model w-7 h-7 flex items-center justify-center bg-gray-200/80 dark:bg-gray-800/80 rounded-full overflow-hidden" title="__model_title__">__model_icon__</div>
                        </bx_if:show_model>
                        <bx_if:show_profile>
                            <div class="bx-agt-aica bx-agt-aic-profile w-7 h-7 flex items-center justify-center rounded-full overflow-hidden">__unit__</div>
                        </bx_if:show_profile>
                        <bx_if:show_actions>
                            <a class="bx-act bx-agt-aica bx-agt-aic-more w-7 h-7 flex items-center justify-center bg-gray-200/80 dark:bg-gray-800/80 rounded-full" href="javascript:void(0)" onclick="__js_object__.agentActions(this)">__actions_icon__</a>
                            <div id="bx-agt-agent-actions-__id__" class="bx-agt-agent-actions bx-popup bx-popup-box bx-popup-color-bg bx-popup-border bx-def-round-corners" style="display:none">
                                <ul class="bx-menu-ver bx-clearfix">
                                    <bx_repeat:actions>
                                        <li class="bx-menu-item bx-stl-mil-wo-gaps group">
                                            <a class="bx-stl-mil-gaps flex flex-2 items-center truncate" href="javascript:void(0)" onclick="__js_object__.agentAction('__name__', __id__, __confirm__, __reset_paginate__)">
                                                <span class="bx-menu-item-icon bx-stl-mii group-hover:text-gray-700 dark:group-hover:text-gray-300">__icon__</span>
                                                <span class="bx-menu-item-title bx-stl-mit">__title__</span>
                                            </a>
                                        </li>
                                    </bx_repeat:actions>
                                </ul>
                            </div>
                        </bx_if:show_actions>
                    </div>
                </div>
                <div class="bx-agt-a-ttl flex justify-between items-center gap-2 pt-1 min-w-0">
                    <div class="bx-agt-attl flex-1 min-w-0 font-semibold text-base truncate">__title__</div>
                    <div class="bx-agt-attl-act flex items-center shrink-0 gap-1">
                        __switcher__
                    </div>
                </div>
                <div class="bx-agt-a-dsc text-sm">__description__</div>
            </div>
        </div>
    </bx_repeat:agents>
    <bx_if:show_empty>
        <div class="bx-agt-agents-empty w-full p-8 text-center">
            <div class="font-medium text-gray-800 dark:text-gray-100"><bx_text:_sys_agents_agents_empty /></div>
            <div class="mt-1 text-sm text-gray-500 dark:text-gray-400 text-pretty"><bx_text:_sys_agents_agents_empty_info /></div>
            <a class="bx-btn bx-btn-primary mt-4" href="javascript:void(0)" onclick="__js_object__.agentAdd()"><bx_text:_sys_agents_agents_popup_add /></a>
        </div>
    </bx_if:show_empty>
</div>

<!--
<div class="neo-v u-card-base bg-card/60 text-card-foreground shadow-card-outline dark:shadow-card-outline-deep px-4 py-4 gap-2 rounded-lg" role="region" aria-labelledby="_r_5_-region-title" bis_skin_checked="1">
    <div class="neo-v flex-row items-center justify-between gap-2" bis_skin_checked="1">
        <div class="neo-v w-9 h-9 bg-linear-to-b from-gray-500 to-gray-700 shadow dark:shadow-md-deep rounded-full items-center justify-center overflow-hidden shrink-0" bis_skin_checked="1">
            <span class="text-white/90" style="display: inline-flex; width: 20px; height: 20px; min-width: 20px; min-height: 20px; background-color: currentcolor; mask-image: url(&quot;/api/api.icon?icon=ShieldUser&amp;width=20&amp;height=20&amp;strokeWidth=2&quot;); mask-size: contain; mask-repeat: no-repeat; mask-position: center center; mask-mode: alpha; flex-shrink: 0;"></span>
            <span class="absolute text-black/10 translate-y-px" style="display: inline-flex; width: 20px; height: 20px; min-width: 20px; min-height: 20px; background-color: currentcolor; mask-image: url(&quot;/api/api.icon?icon=ShieldUser&amp;width=20&amp;height=20&amp;strokeWidth=2&quot;); mask-size: contain; mask-repeat: no-repeat; mask-position: center center; mask-mode: alpha; flex-shrink: 0;"></span>
        </div>
        <div class="neo-v flex-row items-center justify-center gap-1 shrink-0" bis_skin_checked="1">
            <div class="neo-v w-7 h-7 bg-muted/50 rounded-full items-center justify-center overflow-hidden" aria-label="Alert trigger" bis_skin_checked="1">
                <span class="text-card-foreground" style="display: inline-flex; width: 16px; height: 16px; min-width: 16px; min-height: 16px; background-color: currentcolor; mask-image: url(&quot;/api/api.icon?icon=BellRing&amp;width=16&amp;height=16&amp;strokeWidth=2&quot;); mask-size: contain; mask-repeat: no-repeat; mask-position: center center; mask-mode: alpha; flex-shrink: 0;"></span>
            </div>
            <div class="neo-v w-7 h-7 bg-muted/50 rounded-full items-center justify-center overflow-hidden text-card-foreground" aria-label="Claude" bis_skin_checked="1">
                <span aria-label="Claude" role="img" class="text-card-foreground block shrink-0" style="width: 16px; height: 16px; background-color: currentcolor; mask-image: url(&quot;/_next/static/media/claude-color.8b281607.svg&quot;); mask-position: center center; mask-repeat: no-repeat; mask-size: contain;"></span>
            </div>
            <div class="neo-v w-7 h-7 rounded-full overflow-hidden shadow-avatar dark:shadow-avatar-deep border border-card/80" aria-label="Community Moderator community profile" bis_skin_checked="1"><div aria-label="Community Moderator community profile" class="css-g5y9jx r-1mlwlqe r-1udh08x r-417010" bis_skin_checked="1" style="width: 28px; height: 28px;">
                <div class="css-g5y9jx r-1niwhzg r-vvn4in r-u6sd8q r-1p0dtai r-1pi2tsx r-1d2f490 r-u8s1d r-zchlnj r-ipm5af r-13qz1uu r-1wyyakw r-4gszlv" bis_skin_checked="1" style="background-image: url(&quot;/_next/static/media/user-01.d5c24ac2.jpg&quot;);"></div>
                    <img alt="Community Moderator community profile" draggable="false" class="css-9pa8cd" src="/_next/static/media/user-01.d5c24ac2.jpg">
                </div>
            </div>
        </div>
    </div>
    <div class="neo-v flex-row items-center gap-2 pt-1 min-w-0" bis_skin_checked="1">
        <span class="flex-1 min-w-0 text-foreground font-semibold text-base truncate font-main line-clamp-1">Community Moderator</span>
        <div class="neo-v shrink-0" bis_skin_checked="1">
            <div class="neo-p web:cursor-pointer flex-row items-center rounded-full shrink-0 h-5 w-9 px-1 bg-primary" aria-checked="true" aria-disabled="false" role="switch" tabindex="0" bis_skin_checked="1">
                <div class="neo-v rounded-full bg-popover/80 shadow-btn-outline dark:shadow-btn-outline-deep web:transition-transform web:duration-200 h-3 w-3 translate-x-4" bis_skin_checked="1"></div>
            </div>
        </div>
    </div>
    <span class="text-sm text-card-foreground font-main line-clamp-3">Reviews flagged posts, enforces guidelines, and keeps discussions constructive across groups and spaces.</span>
</div>
-->