arkaos 3.65.0 → 3.66.1

package/VERSION

@@ -1 +1 @@
-3.65.0
+3.66.1

package/dashboard/app/components/AgentDependencyGraph.vue

@@ -0,0 +1,192 @@
+<script setup lang="ts">
+// PR98d v3.66.0 — Agent dependency graph.
+//
+// Shows the current agent in the middle, its linked personas above,
+// and other agents that link to those same personas (siblings) below.
+// Pure SVG, no graph lib. Frontend-only — reuses existing endpoints.
+
+interface Props {
+  agentId: string
+  agentName: string
+  linkedPersonas: string[]
+}
+const props = defineProps<Props>()
+
+const { fetchApi } = useApi()
+
+// /api/personas/usage returns the reverse lookup we need.
+const { data: usageData } = fetchApi<{
+  by_persona: Record<string, { agent_count: number, agent_ids: string[] }>
+}>('/api/personas/usage')
+
+// /api/personas for resolving persona names.
+const { data: personasData } = fetchApi<{
+  personas: Array<{ id: string, name: string }>
+}>('/api/personas')
+
+function personaName(id: string): string {
+  return personasData.value?.personas?.find((p) => p.id === id)?.name ?? id
+}
+
+const siblings = computed<string[]>(() => {
+  const ids = new Set<string>()
+  const usage = usageData.value?.by_persona ?? {}
+  for (const pid of props.linkedPersonas) {
+    for (const aid of (usage[pid]?.agent_ids ?? [])) {
+      if (aid && aid !== props.agentId) ids.add(aid)
+    }
+  }
+  return Array.from(ids).slice(0, 6)
+})
+
+// Layout constants — keep tight so the graph fits the hero card.
+const WIDTH = 700
+const HEIGHT = 220
+const CENTER_X = WIDTH / 2
+const CENTER_Y = HEIGHT / 2
+const NODE_W = 110
+const NODE_H = 32
+const NODE_RX = 8
+
+function distributeX(count: number, idx: number): number {
+  if (count === 1) return CENTER_X
+  const span = Math.min(WIDTH - 80, count * (NODE_W + 20))
+  const start = (WIDTH - span) / 2 + NODE_W / 2
+  const step = count > 1 ? (span - NODE_W) / (count - 1) : 0
+  return start + idx * step
+}
+
+const personaPositions = computed(() =>
+  props.linkedPersonas.map((id, i) => ({
+    id,
+    x: distributeX(props.linkedPersonas.length, i),
+    y: 32,
+  })),
+)
+const siblingPositions = computed(() =>
+  siblings.value.map((id, i) => ({
+    id,
+    x: distributeX(siblings.value.length, i),
+    y: HEIGHT - 32,
+  })),
+)
+</script>
+
+<template>
+  <div
+    v-if="props.linkedPersonas.length > 0 || siblings.length > 0"
+    class="rounded-xl border border-default bg-elevated/10 p-5"
+  >
+    <h3 class="text-sm font-semibold uppercase tracking-wide text-muted mb-3">
+      Dependency graph
+    </h3>
+    <svg
+      :viewBox="`0 0 ${WIDTH} ${HEIGHT}`"
+      class="w-full"
+      preserveAspectRatio="xMidYMid meet"
+    >
+      <!-- Connector lines (personas → center) -->
+      <line
+        v-for="p in personaPositions"
+        :key="`pl-${p.id}`"
+        :x1="p.x"
+        :y1="p.y + NODE_H / 2"
+        :x2="CENTER_X"
+        :y2="CENTER_Y - NODE_H / 2"
+        class="stroke-default"
+        stroke-width="1"
+      />
+      <!-- Connector lines (center → siblings) -->
+      <line
+        v-for="s in siblingPositions"
+        :key="`sl-${s.id}`"
+        :x1="CENTER_X"
+        :y1="CENTER_Y + NODE_H / 2"
+        :x2="s.x"
+        :y2="s.y - NODE_H / 2"
+        class="stroke-default"
+        stroke-width="1"
+        stroke-dasharray="3,2"
+      />
+
+      <!-- Persona nodes (top) -->
+      <g
+        v-for="p in personaPositions"
+        :key="`p-${p.id}`"
+      >
+        <a :href="`/personas/${p.id}`">
+          <rect
+            :x="p.x - NODE_W / 2"
+            :y="p.y - NODE_H / 2"
+            :width="NODE_W"
+            :height="NODE_H"
+            :rx="NODE_RX"
+            class="fill-emerald-500/10 stroke-emerald-500/40"
+            stroke-width="1"
+          />
+          <text
+            :x="p.x"
+            :y="p.y + 4"
+            text-anchor="middle"
+            class="fill-emerald-700 dark:fill-emerald-300 text-xs"
+          >
+            {{ personaName(p.id).slice(0, 14) }}
+          </text>
+          <title>{{ personaName(p.id) }}</title>
+        </a>
+      </g>
+
+      <!-- Centre node: current agent -->
+      <g>
+        <rect
+          :x="CENTER_X - NODE_W / 2 - 10"
+          :y="CENTER_Y - NODE_H / 2"
+          :width="NODE_W + 20"
+          :height="NODE_H"
+          :rx="NODE_RX"
+          class="fill-primary/15 stroke-primary"
+          stroke-width="1.5"
+        />
+        <text
+          :x="CENTER_X"
+          :y="CENTER_Y + 4"
+          text-anchor="middle"
+          class="fill-primary text-sm font-semibold"
+        >
+          {{ props.agentName.slice(0, 16) }}
+        </text>
+      </g>
+
+      <!-- Sibling agent nodes (bottom) -->
+      <g
+        v-for="s in siblingPositions"
+        :key="`s-${s.id}`"
+      >
+        <a :href="`/agents/${s.id}`">
+          <rect
+            :x="s.x - NODE_W / 2"
+            :y="s.y - NODE_H / 2"
+            :width="NODE_W"
+            :height="NODE_H"
+            :rx="NODE_RX"
+            class="fill-blue-500/10 stroke-blue-500/40"
+            stroke-width="1"
+          />
+          <text
+            :x="s.x"
+            :y="s.y + 4"
+            text-anchor="middle"
+            class="fill-blue-700 dark:fill-blue-300 text-xs"
+          >
+            {{ s.id.slice(0, 14) }}
+          </text>
+          <title>{{ s.id }}</title>
+        </a>
+      </g>
+    </svg>
+    <p class="text-xs text-muted mt-2 italic">
+      Top: linked personas · Centre: this agent · Bottom: siblings (other
+      agents linking the same personas)
+    </p>
+  </div>
+</template>

package/dashboard/app/pages/agents/[id].vue

@@ -658,6 +658,14 @@ function formatTokens(n: number): string {
           </div>
         </section>
 
+        <!-- ===== DEPENDENCY GRAPH (PR98d) ===== -->
+        <AgentDependencyGraph
+          v-if="agent.linked_personas && agent.linked_personas.length > 0"
+          :agent-id="agent.id"
+          :agent-name="agent.name"
+          :linked-personas="agent.linked_personas"
+        />
+
         <!-- ===== BIO (PR86d) ===== -->
         <section
           v-if="(agent as any).bio_md"

package/dashboard/app/pages/agents/index.vue

@@ -79,6 +79,12 @@ const tierFilter = ref(String(route.query.tier ?? 'all'))
 const page = ref(1)
 const pageSize = 15
 
+// PR86a + PR92b — favorites refs must exist BEFORE the filter watcher
+// below references them (otherwise TDZ blows up the whole page).
+const favs = useFavorites()
+await favs.load()
+const favoritesOnly = ref(route.query.fav === '1')
+
 const departments = computed(() => {
   const depts = new Set(agents.value.map(a => a.department))
   return [
@@ -262,12 +268,6 @@ defineShortcuts({
   enter: () => cursorOpen(),
 })
 
-// PR86a v3.15.0 — favorites.
-// PR92b v3.40.0 — favoritesOnly persists in URL (`?fav=1`).
-const favs = useFavorites()
-await favs.load()
-const favoritesOnly = ref(route.query.fav === '1')
-
 // PR83b v3.4.0 — bulk selection + delete.
 // PR84b v3.8.0 — bulk move department.
 const confirmDialog = useConfirmDialog()

package/dashboard/app/pages/personas.vue

@@ -0,0 +1,719 @@
+<script setup lang="ts">
+import type { Persona } from '~/types'
+
+const { fetchApi, apiBase } = useApi()
+const toast = useToast()
+
+// --- Fetch personas (no await — non-blocking) ---
+const { data, status, error, refresh } = fetchApi<{ personas: Persona[]; total: number }>('/api/personas')
+
+const personas = computed(() => data.value?.personas ?? [])
+
+// PR74 v2.92.0 — detail/edit drawer state
+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
+}
+
+async function onDetailSaved() {
+  await refresh()
+}
+
+async function onDetailDeleted(_id: string) {
+  await refresh()
+}
+
+// --- Creation mode ---
+// PR62 v2.79.0 — three modes: list (default), wizard (AI builder), manual.
+// The wizard is the new primary path; manual stays as fallback for
+// operators who want to type every DNA field by hand.
+type CreateMode = 'list' | 'wizard' | 'manual'
+const createMode = ref<CreateMode>('list')
+const showForm = computed(() => createMode.value === 'manual')
+
+function startWizard() {
+  createMode.value = 'wizard'
+}
+
+function startManual() {
+  createMode.value = 'manual'
+}
+
+function cancelCreation() {
+  createMode.value = 'list'
+}
+
+async function onWizardComplete() {
+  createMode.value = 'list'
+  await refresh()
+}
+
+// --- Form state ---
+function defaultForm() {
+  return {
+    name: '',
+    title: '',
+    source: '',
+    tagline: '',
+    mbti: '',
+    disc_primary: '',
+    disc_secondary: '',
+    enneagram_type: '',
+    enneagram_wing: '',
+    big_five_o: 50,
+    big_five_c: 50,
+    big_five_e: 50,
+    big_five_a: 50,
+    big_five_n: 50,
+    mental_models: '',
+    expertise_domains: '',
+    frameworks: '',
+    communication_tone: '',
+  }
+}
+
+const form = ref(defaultForm())
+const creating = ref(false)
+
+// --- Options ---
+const mbtiTypes = [
+  'INTJ', 'INTP', 'ENTJ', 'ENTP',
+  'INFJ', 'INFP', 'ENFJ', 'ENFP',
+  'ISTJ', 'ISFJ', 'ESTJ', 'ESFJ',
+  'ISTP', 'ISFP', 'ESTP', 'ESFP',
+].map(t => ({ label: t, value: t }))
+
+const discTypes = [
+  { label: 'D — Dominance', value: 'D' },
+  { label: 'I — Influence', value: 'I' },
+  { label: 'S — Steadiness', value: 'S' },
+  { label: 'C — Conscientiousness', value: 'C' },
+]
+
+const enneagramTypes = Array.from({ length: 9 }, (_, i) => ({
+  label: `Type ${i + 1}`,
+  value: String(i + 1),
+}))
+
+const departmentOptions = [
+  'dev', 'marketing', 'brand', 'finance', 'strategy',
+  'ecom', 'kb', 'ops', 'pm', 'saas',
+  'landing', 'content', 'community', 'sales', 'leadership', 'org',
+].map(d => ({ label: d, value: d }))
+
+const tierOptions = [
+  { label: 'Tier 1 — Squad Leads', value: '1' },
+  { label: 'Tier 2 — Specialists', value: '2' },
+  { label: 'Tier 3 — Support', value: '3' },
+]
+
+// --- Create persona ---
+async function createPersona() {
+  if (!form.value.name.trim()) return
+
+  creating.value = true
+  try {
+    await $fetch(`${apiBase}/api/personas`, {
+      method: 'POST',
+      body: {
+        name: form.value.name,
+        title: form.value.title,
+        source: form.value.source,
+        tagline: form.value.tagline,
+        mbti: form.value.mbti,
+        disc: {
+          primary: form.value.disc_primary,
+          secondary: form.value.disc_secondary,
+        },
+        enneagram: {
+          type: form.value.enneagram_type ? Number(form.value.enneagram_type) : null,
+          wing: form.value.enneagram_wing ? Number(form.value.enneagram_wing) : null,
+        },
+        big_five: {
+          openness: form.value.big_five_o,
+          conscientiousness: form.value.big_five_c,
+          extraversion: form.value.big_five_e,
+          agreeableness: form.value.big_five_a,
+          neuroticism: form.value.big_five_n,
+        },
+        mental_models: form.value.mental_models
+          ? form.value.mental_models.split(',').map(s => s.trim()).filter(Boolean)
+          : [],
+        expertise_domains: form.value.expertise_domains
+          ? form.value.expertise_domains.split(',').map(s => s.trim()).filter(Boolean)
+          : [],
+        frameworks: form.value.frameworks
+          ? form.value.frameworks.split(',').map(s => s.trim()).filter(Boolean)
+          : [],
+        communication: {
+          tone: form.value.communication_tone,
+        },
+      },
+    })
+
+    toast.add({ title: 'Persona created', description: `${form.value.name} has been added.`, color: 'success' })
+    form.value = defaultForm()
+    showForm.value = false
+    await refresh()
+  } catch {
+    toast.add({ title: 'Error', description: 'Failed to create persona.', color: 'error' })
+  } finally {
+    creating.value = false
+  }
+}
+
+// --- Delete persona ---
+const deleting = ref<string | null>(null)
+
+async function deletePersona(persona: Persona) {
+  deleting.value = persona.id
+  try {
+    await $fetch(`${apiBase}/api/personas/${persona.id}`, { method: 'DELETE' })
+    toast.add({ title: 'Persona deleted', description: `${persona.name} has been removed.`, color: 'success' })
+    await refresh()
+  } catch {
+    toast.add({ title: 'Error', description: 'Failed to delete persona.', color: 'error' })
+  } finally {
+    deleting.value = null
+  }
+}
+
+// --- Clone to agent (inline expansion, no modal) ---
+const cloneExpandedId = ref<string | null>(null)
+const cloneDepartment = ref('')
+const cloneTier = ref('')
+const cloning = ref(false)
+
+function toggleClone(persona: Persona) {
+  if (cloneExpandedId.value === persona.id) {
+    cloneExpandedId.value = null
+  } else {
+    cloneExpandedId.value = persona.id
+    cloneDepartment.value = ''
+    cloneTier.value = ''
+  }
+}
+
+async function cloneToAgent(persona: Persona) {
+  if (!cloneDepartment.value || !cloneTier.value) return
+
+  cloning.value = true
+  try {
+    await $fetch(`${apiBase}/api/personas/${persona.id}/clone`, {
+      method: 'POST',
+      body: {
+        department: cloneDepartment.value,
+        tier: Number(cloneTier.value),
+      },
+    })
+    toast.add({
+      title: 'Agent created',
+      description: `${persona.name} cloned to ${cloneDepartment.value} department.`,
+      color: 'success',
+    })
+    cloneExpandedId.value = null
+    await refresh()
+  } catch {
+    toast.add({ title: 'Error', description: 'Failed to clone persona to agent.', color: 'error' })
+  } finally {
+    cloning.value = false
+  }
+}
+
+// --- DNA badge colors ---
+function mbtiColor(mbti: string): string {
+  if (!mbti) return 'neutral'
+  const analysts = ['INTJ', 'INTP', 'ENTJ', 'ENTP']
+  const diplomats = ['INFJ', 'INFP', 'ENFJ', 'ENFP']
+  const sentinels = ['ISTJ', 'ISFJ', 'ESTJ', 'ESFJ']
+  if (analysts.includes(mbti)) return 'primary'
+  if (diplomats.includes(mbti)) return 'success'
+  if (sentinels.includes(mbti)) return 'warning'
+  return 'error'
+}
+
+function discColor(disc: string): string {
+  const colors: Record<string, string> = { D: 'error', I: 'warning', S: 'success', C: 'primary' }
+  return colors[disc] ?? 'neutral'
+}
+</script>
+
+<template>
+  <UDashboardPanel id="personas">
+    <template #header>
+      <UDashboardNavbar title="Personas">
+        <template #leading>
+          <UDashboardSidebarCollapse />
+        </template>
+
+        <template #trailing>
+          <UBadge v-if="data?.total" :label="data.total" variant="subtle" />
+        </template>
+
+        <template #right>
+          <UButton
+            v-if="createMode === 'list'"
+            label="AI Builder"
+            icon="i-lucide-sparkles"
+            color="primary"
+            size="sm"
+            @click="startWizard"
+          />
+          <UButton
+            v-if="createMode === 'list'"
+            label="Manual"
+            icon="i-lucide-plus"
+            variant="outline"
+            size="sm"
+            class="ml-2"
+            @click="startManual"
+          />
+          <UButton
+            v-else
+            label="Back to list"
+            icon="i-lucide-arrow-left"
+            variant="ghost"
+            size="sm"
+            @click="cancelCreation"
+          />
+        </template>
+      </UDashboardNavbar>
+    </template>
+
+    <template #body>
+      <div class="overflow-y-auto h-[calc(100vh-4rem)]">
+      <!-- Loading -->
+      <div v-if="status === 'pending'" class="flex items-center justify-center py-12" aria-label="Loading personas">
+        <UIcon name="i-lucide-loader-2" class="size-8 animate-spin text-muted" />
+      </div>
+
+      <!-- Error -->
+      <div v-else-if="error" class="flex flex-col items-center justify-center gap-4 py-12" role="alert">
+        <UIcon name="i-lucide-alert-triangle" class="size-12 text-red-500" />
+        <p class="text-sm text-muted">Failed to load personas.</p>
+        <UButton label="Retry" variant="outline" color="primary" icon="i-lucide-refresh-cw" @click="refresh()" />
+      </div>
+
+      <!-- Content -->
+      <template v-else>
+        <!-- PR62: AI Persona Wizard -->
+        <PersonaWizard
+          v-if="createMode === 'wizard'"
+          class="mb-8"
+          @completed="onWizardComplete"
+          @cancelled="cancelCreation"
+        />
+
+        <!-- Manual create form (legacy / fallback) -->
+        <UCard v-if="showForm" class="mb-8">
+          <form @submit.prevent="createPersona" class="space-y-8 p-2">
+            <!-- Identity -->
+            <fieldset>
+              <legend class="text-xs font-bold uppercase tracking-widest text-muted mb-4">Identity</legend>
+              <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+                <UFormField label="Name" required>
+                  <UInput
+                    v-model="form.name"
+                    placeholder="e.g. Alex Hormozi"
+                    aria-label="Persona name"
+                    class="w-full"
+                    required
+                  />
+                </UFormField>
+                <UFormField label="Title">
+                  <UInput
+                    v-model="form.title"
+                    placeholder="e.g. Business Strategy"
+                    aria-label="Persona title"
+                    class="w-full"
+                  />
+                </UFormField>
+                <UFormField label="Source">
+                  <UInput
+                    v-model="form.source"
+                    placeholder="e.g. Alex Hormozi"
+                    aria-label="Persona source"
+                    class="w-full"
+                  />
+                </UFormField>
+                <UFormField label="Tagline">
+                  <UInput
+                    v-model="form.tagline"
+                    placeholder="e.g. The Natural Commander"
+                    aria-label="Persona tagline"
+                    class="w-full"
+                  />
+                </UFormField>
+              </div>
+            </fieldset>
+
+            <!-- Behavioral DNA -->
+            <fieldset>
+              <legend class="text-xs font-bold uppercase tracking-widest text-muted mb-4">Behavioral DNA</legend>
+              <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4">
+                <UFormField label="MBTI">
+                  <USelect
+                    v-model="form.mbti"
+                    :items="mbtiTypes"
+                    placeholder="Select MBTI"
+                    aria-label="MBTI type"
+                    class="w-full"
+                  />
+                </UFormField>
+                <UFormField label="DISC Primary">
+                  <USelect
+                    v-model="form.disc_primary"
+                    :items="discTypes"
+                    placeholder="Primary"
+                    aria-label="DISC primary type"
+                    class="w-full"
+                  />
+                </UFormField>
+                <UFormField label="DISC Secondary">
+                  <USelect
+                    v-model="form.disc_secondary"
+                    :items="discTypes"
+                    placeholder="Secondary"
+                    aria-label="DISC secondary type"
+                    class="w-full"
+                  />
+                </UFormField>
+                <UFormField label="Enneagram Type">
+                  <USelect
+                    v-model="form.enneagram_type"
+                    :items="enneagramTypes"
+                    placeholder="Type"
+                    aria-label="Enneagram type"
+                    class="w-full"
+                  />
+                </UFormField>
+              </div>
+              <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mt-4">
+                <UFormField label="Enneagram Wing (1-9)">
+                  <UInput
+                    v-model="form.enneagram_wing"
+                    type="number"
+                    :min="1"
+                    :max="9"
+                    placeholder="e.g. 4"
+                    aria-label="Enneagram wing"
+                    class="w-full"
+                  />
+                </UFormField>
+              </div>
+            </fieldset>
+
+            <!-- Big Five -->
+            <fieldset>
+              <legend class="text-xs font-bold uppercase tracking-widest text-muted mb-4">Big Five / OCEAN (0-100)</legend>
+              <div class="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-5 gap-4">
+                <UFormField label="Openness">
+                  <UInput
+                    v-model.number="form.big_five_o"
+                    type="number"
+                    :min="0"
+                    :max="100"
+                    aria-label="Openness score"
+                    class="w-full"
+                  />
+                </UFormField>
+                <UFormField label="Conscientiousness">
+                  <UInput
+                    v-model.number="form.big_five_c"
+                    type="number"
+                    :min="0"
+                    :max="100"
+                    aria-label="Conscientiousness score"
+                    class="w-full"
+                  />
+                </UFormField>
+                <UFormField label="Extraversion">
+                  <UInput
+                    v-model.number="form.big_five_e"
+                    type="number"
+                    :min="0"
+                    :max="100"
+                    aria-label="Extraversion score"
+                    class="w-full"
+                  />
+                </UFormField>
+                <UFormField label="Agreeableness">
+                  <UInput
+                    v-model.number="form.big_five_a"
+                    type="number"
+                    :min="0"
+                    :max="100"
+                    aria-label="Agreeableness score"
+                    class="w-full"
+                  />
+                </UFormField>
+                <UFormField label="Neuroticism">
+                  <UInput
+                    v-model.number="form.big_five_n"
+                    type="number"
+                    :min="0"
+                    :max="100"
+                    aria-label="Neuroticism score"
+                    class="w-full"
+                  />
+                </UFormField>
+              </div>
+            </fieldset>
+
+            <!-- Knowledge & Communication -->
+            <fieldset>
+              <legend class="text-xs font-bold uppercase tracking-widest text-muted mb-4">Knowledge & Communication</legend>
+              <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+                <UFormField label="Mental Models" hint="Comma-separated">
+                  <UInput
+                    v-model="form.mental_models"
+                    placeholder="e.g. Grand Slam Offer, Value Equation"
+                    aria-label="Mental models, comma-separated"
+                    class="w-full"
+                  />
+                </UFormField>
+                <UFormField label="Expertise Domains" hint="Comma-separated">
+                  <UInput
+                    v-model="form.expertise_domains"
+                    placeholder="e.g. business strategy, offer creation"
+                    aria-label="Expertise domains, comma-separated"
+                    class="w-full"
+                  />
+                </UFormField>
+                <UFormField label="Frameworks" hint="Comma-separated">
+                  <UInput
+                    v-model="form.frameworks"
+                    placeholder="e.g. $100M Offers, Value Equation"
+                    aria-label="Frameworks, comma-separated"
+                    class="w-full"
+                  />
+                </UFormField>
+                <UFormField label="Communication Tone">
+                  <UInput
+                    v-model="form.communication_tone"
+                    placeholder="e.g. direct, high-energy"
+                    aria-label="Communication tone"
+                    class="w-full"
+                  />
+                </UFormField>
+              </div>
+            </fieldset>
+
+            <!-- Submit -->
+            <UButton
+              type="submit"
+              label="Create Persona"
+              icon="i-lucide-sparkles"
+              size="lg"
+              block
+              :loading="creating"
+              :disabled="!form.name.trim()"
+            />
+          </form>
+        </UCard>
+
+        <!-- Empty state -->
+        <div v-if="!personas.length && !showForm" class="flex flex-col items-center justify-center gap-6 py-20">
+          <div class="rounded-full bg-muted/10 p-6">
+            <UIcon name="i-lucide-users" class="size-12 text-muted" />
+          </div>
+          <div class="text-center space-y-2">
+            <h3 class="text-base font-semibold">No personas yet</h3>
+            <p class="text-sm text-muted max-w-sm">
+              Personas define the behavioral DNA for your AI agents. Create one to get started.
+            </p>
+          </div>
+          <UButton
+            label="Create your first persona"
+            icon="i-lucide-plus"
+            size="lg"
+            @click="showForm = true"
+          />
+        </div>
+
+        <!-- PR74 v2.92.0 — detail/edit drawer -->
+        <PersonaDetailDrawer
+          v-model="detailOpen"
+          :persona-id="detailPersonaId"
+          @saved="onDetailSaved"
+          @deleted="onDetailDeleted"
+        />
+
+        <!-- Personas Grid -->
+        <div v-if="personas.length" class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4">
+          <div
+            v-for="persona in personas"
+            :key="persona.id"
+            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)"
+          >
+            <!-- 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>
+
+            <!-- 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>
+
+              <!-- DNA Badges -->
+              <div class="flex flex-wrap gap-1.5">
+                <UBadge
+                  v-if="persona.mbti"
+                  :label="persona.mbti"
+                  :color="mbtiColor(persona.mbti) as any"
+                  variant="subtle"
+                  size="xs"
+                />
+                <UBadge
+                  v-if="persona.disc?.primary"
+                  :label="`DISC: ${persona.disc.primary}${persona.disc.secondary ? '/' + persona.disc.secondary : ''}`"
+                  :color="discColor(persona.disc.primary) as any"
+                  variant="subtle"
+                  size="xs"
+                />
+                <UBadge
+                  v-if="persona.enneagram?.type"
+                  :label="`E${persona.enneagram.type}${persona.enneagram.wing ? 'w' + persona.enneagram.wing : ''}`"
+                  variant="outline"
+                  size="xs"
+                />
+              </div>
+
+              <!-- Expertise domains -->
+              <div v-if="persona.expertise_domains?.length" class="flex flex-wrap gap-1">
+                <UBadge
+                  v-for="domain in persona.expertise_domains.slice(0, 3)"
+                  :key="domain"
+                  :label="domain"
+                  variant="outline"
+                  size="xs"
+                  color="neutral"
+                />
+                <UBadge
+                  v-if="persona.expertise_domains.length > 3"
+                  :label="`+${persona.expertise_domains.length - 3}`"
+                  variant="outline"
+                  size="xs"
+                  color="neutral"
+                />
+              </div>
+
+              <!-- Actions -->
+              <div class="pt-3 mt-auto border-t border-default space-y-3" @click.stop>
+                <div class="flex gap-2">
+                  <UButton
+                    label="Clone to Agent"
+                    icon="i-lucide-copy"
+                    size="sm"
+                    variant="solid"
+                    class="flex-1"
+                    @click.stop="toggleClone(persona)"
+                  />
+                  <UButton
+                    icon="i-lucide-trash-2"
+                    size="sm"
+                    variant="ghost"
+                    color="error"
+                    :loading="deleting === persona.id"
+                    aria-label="Delete persona"
+                    @click.stop="deletePersona(persona)"
+                  />
+                </div>
+
+                <!-- Inline clone expansion -->
+                <div v-if="cloneExpandedId === persona.id" class="space-y-3 pt-2">
+                  <UFormField label="Department" required>
+                    <USelect
+                      v-model="cloneDepartment"
+                      :items="departmentOptions"
+                      placeholder="Select department"
+                      aria-label="Target department"
+                      class="w-full"
+                    />
+                  </UFormField>
+                  <UFormField label="Tier" required>
+                    <USelect
+                      v-model="cloneTier"
+                      :items="tierOptions"
+                      placeholder="Select tier"
+                      aria-label="Agent tier"
+                      class="w-full"
+                    />
+                  </UFormField>
+                  <UButton
+                    label="Confirm Clone"
+                    icon="i-lucide-check"
+                    size="sm"
+                    block
+                    :loading="cloning"
+                    :disabled="!cloneDepartment || !cloneTier"
+                    @click="cloneToAgent(persona)"
+                  />
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </template>
+      </div>
+    </template>
+  </UDashboardPanel>
+</template>

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

@@ -4,18 +4,19 @@ 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
@@ -25,52 +26,53 @@ 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: 24
+  years_equivalent: 14
+
 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
-frameworks: []
-expertise_domains: []
-linked_personas: []
+    - "design by committee"
+    - "trendy without substance"
+    - "skipping strategy for visuals"

package/package.json

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

package/pyproject.toml

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