style: strengthen flow lines and tighten modal demo parity

2026-06-14 15:56:40 +02:00
parent 648a5d2151
commit b0e65e3980
2 changed files with 9 additions and 3 deletions
@@ -87,6 +87,12 @@ const statusColors: Record<string, string> = {
  idle: 'var(--st-idle)',
  block: 'var(--st-block)',
 }
+
+function avatarLabel() {
+  if (props.agent.id === 'iris') return 'IR'
+  if (props.agent.name === 'Full-Stack Developer') return '</>'
+  return props.agent.name.slice(0, 2).toUpperCase()
+}
 </script>

 <template>
@@ -99,7 +105,7 @@ const statusColors: Record<string, string> = {
      <!-- Header -->
      <div class="m-head">
        <div :class="['m-av', { iris: agent.id === 'iris' }]">
-          {{ agent.id === 'iris' ? 'IR' : agent.name.slice(0, 2).toUpperCase() }}
+          {{ avatarLabel() }}
        </div>
        <div style="flex:1; min-width:0">
          <div class="m-name">{{ agent.name }}</div>