arkaos 2.94.0 → 2.95.0

package/VERSION

@@ -1 +1 @@
-2.94.0
+2.95.0

package/dashboard/app/components/PersonaDetailDrawer.vue

@@ -192,6 +192,44 @@ const vocabOptions = [
   { label: 'Specialist (industry terms)', value: 'specialist' },
   { label: 'Expert (research-level)', value: 'expert' },
 ]
+
+// PR77 v2.95.0 — hero gradient by MBTI grouping + initials avatar
+// + reverse-usage stat (how many agents link this persona).
+
+const { fetchApi } = useApi()
+const { data: usageData } = fetchApi<{
+  by_persona: Record<string, { agent_count: number, agent_ids: string[] }>
+}>('/api/personas/usage')
+
+const linkedAgentCount = computed(() => {
+  if (!detail.value?.id) return 0
+  return usageData.value?.by_persona?.[detail.value.id]?.agent_count ?? 0
+})
+const linkedAgentIds = computed(() => {
+  if (!detail.value?.id) return []
+  return usageData.value?.by_persona?.[detail.value.id]?.agent_ids ?? []
+})
+
+function heroInitials(name: string | undefined): string {
+  if (!name) return '·'
+  const parts = name.trim().split(/\s+/)
+  if (parts.length === 1) return parts[0].slice(0, 2).toUpperCase()
+  return (parts[0][0] + parts[parts.length - 1][0]).toUpperCase()
+}
+
+function mbtiGradientClass(mbti: string | undefined): string {
+  if (!mbti) return 'bg-gradient-to-br from-muted/20 to-muted/5'
+  const code = mbti.toUpperCase()
+  if (['INTJ', 'INTP', 'ENTJ', 'ENTP'].includes(code))
+    return 'bg-gradient-to-br from-blue-500/30 to-indigo-600/10'
+  if (['INFJ', 'INFP', 'ENFJ', 'ENFP'].includes(code))
+    return 'bg-gradient-to-br from-emerald-500/30 to-teal-600/10'
+  if (['ISTJ', 'ISFJ', 'ESTJ', 'ESFJ'].includes(code))
+    return 'bg-gradient-to-br from-amber-500/30 to-orange-600/10'
+  if (['ISTP', 'ISFP', 'ESTP', 'ESFP'].includes(code))
+    return 'bg-gradient-to-br from-rose-500/30 to-pink-600/10'
+  return 'bg-gradient-to-br from-primary/20 to-primary/5'
+}
 </script>
 
 <template>
@@ -208,62 +246,90 @@ const vocabOptions = [
         }"
       >
         <template #header>
-          <div class="flex items-start justify-between gap-3">
-            <div class="min-w-0">
-              <h2 class="text-xl font-bold truncate">
-                {{ detail?.name ?? 'Persona' }}
-              </h2>
-              <div class="flex items-center gap-2 mt-1 flex-wrap">
-                <UBadge
-                  v-if="detail?._source_store === 'obsidian'"
-                  label="From Obsidian"
-                  icon="i-lucide-file-text"
-                  color="primary"
-                  variant="subtle"
-                  size="xs"
+          <div
+            class="-m-4 mb-0 p-5 rounded-t-lg"
+            :class="mbtiGradientClass(detail?.mbti)"
+          >
+            <div class="flex items-start justify-between gap-3">
+              <div class="flex items-start gap-4 min-w-0 flex-1">
+                <div class="shrink-0 size-14 rounded-xl bg-default/80 border border-default flex items-center justify-center shadow-md backdrop-blur-sm">
+                  <span class="text-lg font-bold tracking-tight text-highlighted">
+                    {{ heroInitials(detail?.name) }}
+                  </span>
+                </div>
+                <div class="min-w-0 flex-1">
+                  <h2 class="text-2xl font-bold truncate text-highlighted">
+                    {{ detail?.name ?? 'Persona' }}
+                  </h2>
+                  <p v-if="detail?.title" class="text-sm text-muted truncate mt-0.5">
+                    {{ detail.title }}
+                  </p>
+                  <div class="flex items-center gap-2 mt-2 flex-wrap">
+                    <UBadge
+                      v-if="detail?._source_store === 'obsidian'"
+                      label="From Obsidian"
+                      icon="i-lucide-file-text"
+                      color="primary"
+                      variant="subtle"
+                      size="xs"
+                    />
+                    <UBadge
+                      v-else-if="detail?._source_store === 'json'"
+                      label="JSON store"
+                      variant="outline"
+                      size="xs"
+                    />
+                    <UBadge
+                      v-if="detail?.mbti"
+                      :label="detail.mbti"
+                      variant="soft"
+                      size="xs"
+                    />
+                    <UBadge
+                      v-if="linkedAgentCount > 0"
+                      :label="`${linkedAgentCount} agent${linkedAgentCount === 1 ? '' : 's'}`"
+                      color="primary"
+                      variant="subtle"
+                      size="xs"
+                    />
+                  </div>
+                  <p
+                    v-if="detail?._obsidian_path"
+                    class="text-[10px] text-muted/70 font-mono truncate mt-2"
+                    :title="detail._obsidian_path"
+                  >
+                    {{ detail._obsidian_path.split('/').slice(-2).join('/') }}
+                  </p>
+                </div>
+              </div>
+              <div class="flex items-center gap-1 shrink-0">
+                <UButton
+                  v-if="!editing"
+                  icon="i-lucide-pencil"
+                  variant="ghost"
+                  size="sm"
+                  aria-label="Edit persona"
+                  @click="startEdit"
+                />
+                <UButton
+                  v-if="!editing"
+                  icon="i-lucide-trash-2"
+                  color="error"
+                  variant="ghost"
+                  size="sm"
+                  :loading="deleting"
+                  aria-label="Delete persona"
+                  @click="deletePersona"
                 />
-                <UBadge
-                  v-else-if="detail?._source_store === 'json'"
-                  label="JSON store"
-                  variant="outline"
-                  size="xs"
+                <UButton
+                  icon="i-lucide-x"
+                  variant="ghost"
+                  size="sm"
+                  aria-label="Close"
+                  @click="closeDrawer"
                 />
-                <span
-                  v-if="detail?._obsidian_path"
-                  class="text-xs text-muted font-mono truncate"
-                  :title="detail._obsidian_path"
-                >
-                  {{ detail._obsidian_path.split('/').slice(-2).join('/') }}
-                </span>
               </div>
             </div>
-            <div class="flex items-center gap-1 shrink-0">
-              <UButton
-                v-if="!editing"
-                icon="i-lucide-pencil"
-                variant="ghost"
-                size="sm"
-                aria-label="Edit persona"
-                @click="startEdit"
-              />
-              <UButton
-                v-if="!editing"
-                icon="i-lucide-trash-2"
-                color="error"
-                variant="ghost"
-                size="sm"
-                :loading="deleting"
-                aria-label="Delete persona"
-                @click="deletePersona"
-              />
-              <UButton
-                icon="i-lucide-x"
-                variant="ghost"
-                size="sm"
-                aria-label="Close"
-                @click="closeDrawer"
-              />
-            </div>
           </div>
         </template>
 
@@ -395,6 +461,24 @@ const vocabOptions = [
               <dd class="col-span-2">{{ detail.communication.vocabulary_level || '—' }}</dd>
             </dl>
           </section>
+
+          <!-- PR77 v2.95.0 — linked agents (reverse from /api/personas/usage) -->
+          <section v-if="linkedAgentCount > 0">
+            <h3 class="text-xs font-semibold uppercase tracking-wider text-muted mb-2">
+              Linked to {{ linkedAgentCount }} agent{{ linkedAgentCount === 1 ? '' : 's' }}
+            </h3>
+            <div class="flex flex-wrap gap-1.5">
+              <NuxtLink
+                v-for="aid in linkedAgentIds"
+                :key="aid"
+                :to="`/agents/${aid}`"
+                class="inline-flex items-center gap-1 rounded-md border border-default px-2 py-1 text-xs font-mono hover:border-primary/40 hover:text-primary transition-colors"
+              >
+                <UIcon name="i-lucide-arrow-right" class="size-3" />
+                {{ aid }}
+              </NuxtLink>
+            </div>
+          </section>
         </div>
 
         <div v-else-if="draft" class="space-y-5">

package/dashboard/app/pages/personas.vue

@@ -13,6 +13,36 @@ const personas = computed(() => data.value?.personas ?? [])
 const detailOpen = ref(false)
 const detailPersonaId = ref<string | null>(null)
 
+// PR77 v2.95.0 — reverse-usage (which agents link to each persona).
+const { data: usageData } = fetchApi<{
+  by_persona: Record<string, { agent_count: number, agent_ids: string[] }>
+}>('/api/personas/usage')
+
+function personaAgentCount(personaId: string): number {
+  return usageData.value?.by_persona?.[personaId]?.agent_count ?? 0
+}
+
+function mbtiGradient(mbti: string | undefined): string {
+  if (!mbti) return 'bg-gradient-to-br from-muted/20 to-muted/5'
+  const code = mbti.toUpperCase()
+  if (['INTJ', 'INTP', 'ENTJ', 'ENTP'].includes(code))
+    return 'bg-gradient-to-br from-blue-500/25 to-indigo-600/10'
+  if (['INFJ', 'INFP', 'ENFJ', 'ENFP'].includes(code))
+    return 'bg-gradient-to-br from-emerald-500/25 to-teal-600/10'
+  if (['ISTJ', 'ISFJ', 'ESTJ', 'ESFJ'].includes(code))
+    return 'bg-gradient-to-br from-amber-500/25 to-orange-600/10'
+  if (['ISTP', 'ISFP', 'ESTP', 'ESFP'].includes(code))
+    return 'bg-gradient-to-br from-rose-500/25 to-pink-600/10'
+  return 'bg-gradient-to-br from-primary/20 to-primary/5'
+}
+
+function personaInitials(name: string): string {
+  if (!name) return '·'
+  const parts = name.trim().split(/\s+/)
+  if (parts.length === 1) return parts[0].slice(0, 2).toUpperCase()
+  return (parts[0][0] + parts[parts.length - 1][0]).toUpperCase()
+}
+
 function openDetail(persona: Persona) {
   detailPersonaId.value = persona.id
   detailOpen.value = true
@@ -544,27 +574,42 @@ function discColor(disc: string): string {
 
         <!-- Personas Grid -->
         <div v-if="personas.length" class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4">
-          <UCard
+          <div
             v-for="persona in personas"
             :key="persona.id"
-            class="group flex flex-col cursor-pointer hover:border-primary/40 transition-colors"
+            class="group flex flex-col rounded-2xl border border-default overflow-hidden cursor-pointer hover:border-primary/40 hover:shadow-lg transition-all"
             role="button"
             tabindex="0"
             @click="openDetail(persona)"
             @keydown.enter="openDetail(persona)"
           >
-            <div class="flex flex-col gap-3 flex-1">
-              <!-- Header -->
-              <div>
-                <h3 class="text-base font-bold truncate">{{ persona.name }}</h3>
-                <p v-if="persona.title" class="text-sm text-muted truncate mt-0.5">{{ persona.title }}</p>
-                <p v-if="persona.source" class="text-xs text-muted/60 mt-1">
-                  Source: {{ persona.source }}
-                </p>
+            <!-- Gradient header with avatar -->
+            <div
+              class="p-4 flex items-center gap-3"
+              :class="mbtiGradient(persona.mbti)"
+            >
+              <div class="shrink-0 size-12 rounded-xl bg-default/80 border border-default flex items-center justify-center shadow-sm backdrop-blur-sm">
+                <span class="text-sm font-bold tracking-tight text-highlighted">
+                  {{ personaInitials(persona.name) }}
+                </span>
+              </div>
+              <div class="flex-1 min-w-0">
+                <h3 class="text-base font-bold truncate text-highlighted">{{ persona.name }}</h3>
+                <p v-if="persona.title" class="text-xs text-muted truncate mt-0.5">{{ persona.title }}</p>
               </div>
+              <UBadge
+                v-if="personaAgentCount(persona.id) > 0"
+                :label="`${personaAgentCount(persona.id)} agents`"
+                variant="subtle"
+                color="primary"
+                size="xs"
+                class="shrink-0"
+              />
+            </div>
 
-              <!-- Tagline -->
-              <p v-if="persona.tagline" class="text-sm text-muted italic leading-relaxed">
+            <!-- Body -->
+            <div class="flex flex-col gap-3 flex-1 p-4">
+              <p v-if="persona.tagline" class="text-sm text-muted italic leading-relaxed line-clamp-2">
                 "{{ persona.tagline }}"
               </p>
 
@@ -665,7 +710,7 @@ function discColor(disc: string): string {
                 </div>
               </div>
             </div>
-          </UCard>
+          </div>
         </div>
       </template>
       </div>

package/departments/brand/agents/brand-director.yaml

@@ -4,19 +4,18 @@ role: Creative Director
 department: brand
 tier: 1
 model: sonnet
-
 behavioral_dna:
   disc:
     primary: S
     secondary: I
-    communication_style: "Thoughtful, visual, builds consensus before executing"
-    under_pressure: "Protects creative quality, refuses to rush aesthetics"
-    motivator: "Beautiful, meaningful brands that resonate emotionally"
+    communication_style: Thoughtful, visual, builds consensus before executing
+    under_pressure: Protects creative quality, refuses to rush aesthetics
+    motivator: Beautiful, meaningful brands that resonate emotionally
   enneagram:
     type: 4
     wing: 3
-    core_motivation: "Creating unique, authentic brand identities"
-    core_fear: "Producing generic, forgettable brand work"
+    core_motivation: Creating unique, authentic brand identities
+    core_fear: Producing generic, forgettable brand work
     subtype: social
   big_five:
     openness: 92
@@ -26,53 +25,52 @@ behavioral_dna:
     neuroticism: 35
   mbti:
     type: INFP
-
 mental_models:
   primary:
-    - "Primal Branding 7 Elements (Hanlon)"
-    - "Brand Identity Process (Wheeler)"
-    - "12 Archetypes (Jung)"
+  - Primal Branding 7 Elements (Hanlon)
+  - Brand Identity Process (Wheeler)
+  - 12 Archetypes (Jung)
   secondary:
-    - "StoryBrand SB7 (Miller)"
-    - "Positioning (Ries/Trout)"
-    - "Design Thinking (IDEO)"
-
+  - StoryBrand SB7 (Miller)
+  - Positioning (Ries/Trout)
+  - Design Thinking (IDEO)
 authority:
   orchestrate: true
   approve_quality: true
   delegates_to:
-    - visual-designer
-    - ux-designer
-    - brand-copywriter
-    - brand-strategist
+  - visual-designer
+  - ux-designer
+  - brand-copywriter
+  - brand-strategist
   escalates_to: coo-sofia
-
 expertise:
   domains:
-    - brand identity creation
-    - visual design direction
-    - UX/UI strategy
-    - design systems
-    - brand voice & tone
-    - creative direction
+  - brand identity creation
+  - visual design direction
+  - UX/UI strategy
+  - design systems
+  - brand voice & tone
+  - creative direction
   frameworks:
-    - Primal Branding (Hanlon)
-    - StoryBrand (Miller)
-    - Brand Archetypes (Jung)
-    - Wheeler Process
-    - Atomic Design (Frost)
-    - Nielsen Heuristics
-    - Dieter Rams 10 Principles
-    - Double Diamond
+  - Primal Branding (Hanlon)
+  - StoryBrand (Miller)
+  - Brand Archetypes (Jung)
+  - Wheeler Process
+  - Atomic Design (Frost)
+  - Nielsen Heuristics
+  - Dieter Rams 10 Principles
+  - Double Diamond
   depth: master
-  years_equivalent: 14
-
+  years_equivalent: 24
 communication:
   language: en
-  tone: "warm, visual, metaphor-rich"
+  tone: warm, visual, metaphor-rich
   vocabulary_level: advanced
-  preferred_format: "mood boards, visual references, brand decks"
+  preferred_format: mood boards, visual references, brand decks
   avoid:
-    - "design by committee"
-    - "trendy without substance"
-    - "skipping strategy for visuals"
+  - design by committee
+  - trendy without substance
+  - skipping strategy for visuals
+frameworks: []
+expertise_domains: []
+linked_personas: []

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "arkaos",
-  "version": "2.94.0",
+  "version": "2.95.0",
   "description": "The Operating System for AI Agent Teams",
   "type": "module",
   "bin": {

package/pyproject.toml

@@ -1,6 +1,6 @@
 [project]
 name = "arkaos-core"
-version = "2.94.0"
+version = "2.95.0"
 description = "Core engine for ArkaOS — The Operating System for AI Agent Teams"
 readme = "README.md"
 license = {text = "MIT"}

package/scripts/dashboard-api.py

@@ -875,6 +875,41 @@ def _obsidian_store_available() -> bool:
         return False
 
 
+@app.get("/api/personas/usage")
+def personas_usage():
+    """PR77 v2.95.0 — reverse lookup: how many agents link to each
+    persona. Reads every agent's YAML once, builds a
+    ``{persona_id: [agent_id, ...]}`` map.
+
+    The detail drawer + list cards use this to show "Linked to N
+    agents" so the operator sees which personas are actually wired.
+    """
+    import yaml as _yaml
+    agents = _load_agents()
+    usage: dict[str, list[str]] = {}
+    for agent in agents:
+        yaml_file = ARKAOS_ROOT / agent.get("file", "")
+        if not yaml_file.exists():
+            continue
+        try:
+            raw = _yaml.safe_load(yaml_file.read_text(encoding="utf-8")) or {}
+        except Exception:
+            continue
+        linked = raw.get("linked_personas") if isinstance(raw, dict) else None
+        if not isinstance(linked, list):
+            continue
+        for persona_id in linked:
+            if not isinstance(persona_id, str):
+                continue
+            usage.setdefault(persona_id, []).append(agent.get("id", ""))
+    return {
+        "by_persona": {
+            pid: {"agent_count": len(aids), "agent_ids": aids}
+            for pid, aids in usage.items()
+        },
+    }
+
+
 @app.get("/api/personas/{persona_id}")
 def persona_detail(persona_id: str):
     """PR74 v2.92.0 — detail endpoint now checks the Obsidian vault