arkaos 3.56.0 → 3.58.0

package/VERSION

@@ -1 +1 @@
-3.56.0
+3.58.0

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

@@ -28,6 +28,26 @@ const deptActivity = computed<ActivityRow | null>(() =>
   (activityData.value?.by_department?.[agent.value?.department ?? ''] ?? null),
 )
 
+// PR96d v3.58.0 — 30d activity sparkline (calls per day).
+interface SparklineDay {
+  date: string
+  calls: number
+  cost_usd: number | null
+}
+const { data: sparklineData } = fetchApi<{
+  days: SparklineDay[]
+  period_days: number
+  department: string
+}>(`/api/agents/${agentId}/activity-sparkline?days=30`)
+const sparkline = computed<SparklineDay[]>(() => sparklineData.value?.days ?? [])
+const sparklineMaxCalls = computed(() => {
+  const max = sparkline.value.reduce((acc, d) => Math.max(acc, d.calls), 0)
+  return Math.max(max, 1)
+})
+const sparklineTotalCalls = computed(() =>
+  sparkline.value.reduce((acc, d) => acc + d.calls, 0),
+)
+
 // PR88d v3.26.0 — agent history (git log + trash entries)
 interface HistoryEvent {
   kind: string
@@ -558,6 +578,36 @@ function formatTokens(n: number): string {
               />
             </div>
           </div>
+          <!-- PR96d v3.58.0 — sparkline of daily calls -->
+          <div
+            v-if="sparkline.length > 0 && sparklineTotalCalls > 0"
+            class="mt-3 pt-3 border-t border-default/60"
+          >
+            <div class="flex items-center justify-between text-xs mb-1.5">
+              <span class="text-muted uppercase tracking-wide">Daily calls</span>
+              <span class="font-mono text-muted">
+                {{ sparklineTotalCalls }} total · max {{ sparklineMaxCalls }}/day
+              </span>
+            </div>
+            <svg
+              :viewBox="`0 0 ${sparkline.length * 6} 32`"
+              class="w-full h-8"
+              preserveAspectRatio="none"
+            >
+              <rect
+                v-for="(day, idx) in sparkline"
+                :key="day.date"
+                :x="idx * 6 + 1"
+                :y="32 - (day.calls / sparklineMaxCalls) * 30"
+                width="4"
+                :height="(day.calls / sparklineMaxCalls) * 30"
+                class="fill-primary"
+                :class="day.calls === 0 ? 'opacity-20' : 'opacity-90'"
+              >
+                <title>{{ day.date }} · {{ day.calls }} calls</title>
+              </rect>
+            </svg>
+          </div>
         </section>
 
         <!-- ===== BIO (PR86d) ===== -->

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

@@ -283,15 +283,28 @@ function onCloned(agentId: string) {
 }
 
 // PR88a v3.23.0 — Compare with linked agent.
-const compareWithOptions = computed(() =>
-  linkedAgentIds.value.map((aid) => ({
-    label: `Compare with ${aid}`,
-    icon: 'i-lucide-columns-2',
+// PR96c v3.57.0 — also compare with another persona.
+const { data: otherPersonasData } = fetchApi<{ personas: Array<{ id: string, name: string }> }>(
+  '/api/personas',
+)
+const compareWithOptions = computed(() => {
+  const agentOpts = linkedAgentIds.value.map((aid) => ({
+    label: `Compare with agent ${aid}`,
+    icon: 'i-lucide-user',
     onSelect: () => navigateTo(
       `/personas/compare-with-agent?persona=${personaId}&agent=${aid}`,
     ),
-  })),
-)
+  }))
+  const personaOpts = (otherPersonasData.value?.personas ?? [])
+    .filter((p) => p.id !== personaId)
+    .slice(0, 30)
+    .map((p) => ({
+      label: `Compare with persona ${p.name}`,
+      icon: 'i-lucide-user-plus',
+      onSelect: () => navigateTo(`/personas/compare?a=${personaId}&b=${p.id}`),
+    }))
+  return [...agentOpts, ...personaOpts]
+})
 
 // PR84c v3.9.0 — Auto-fill empty lists in one go.
 const autofilling = ref(false)

package/dashboard/app/pages/personas/compare.vue

@@ -0,0 +1,213 @@
+<script setup lang="ts">
+// PR96c v3.57.0 — Compare two personas side-by-side.
+//
+// Driven by `?a=p1&b=p2`. Mirrors the agents/compare layout but
+// adapts to the persona schema (flat mental_models, no department).
+
+const route = useRoute()
+const { fetchApi } = useApi()
+
+const ids = computed<string[]>(() => {
+  const raw = [route.query.a, route.query.b]
+  return raw.map((v) => String(v ?? '').trim()).filter(Boolean).slice(0, 2)
+})
+
+interface PersonaDetail {
+  id: string
+  name?: string
+  title?: string
+  source?: string
+  tagline?: string
+  mbti?: string
+  disc?: { primary?: string, secondary?: string }
+  enneagram?: { type?: number, wing?: number }
+  big_five?: {
+    openness?: number
+    conscientiousness?: number
+    extraversion?: number
+    agreeableness?: number
+    neuroticism?: number
+  }
+  mental_models?: string[]
+  expertise_domains?: string[]
+  frameworks?: string[]
+  key_quotes?: string[]
+  communication?: { tone?: string, vocabulary_level?: string, avoid?: string[] }
+  bio_md?: string
+  error?: string
+}
+
+const { data: a, status: aStatus } = fetchApi<PersonaDetail>(
+  () => ids.value[0] ? `/api/personas/${ids.value[0]}` : '',
+)
+const { data: b, status: bStatus } = fetchApi<PersonaDetail>(
+  () => ids.value[1] ? `/api/personas/${ids.value[1]}` : '',
+)
+
+const loading = computed(() => aStatus.value === 'pending' || bStatus.value === 'pending')
+const errorMsg = computed(() => {
+  if (ids.value.length < 2) return 'Pass two persona ids via ?a=p1&b=p2'
+  if (a.value?.error) return `Left: ${a.value.error}`
+  if (b.value?.error) return `Right: ${b.value.error}`
+  return null
+})
+
+function diffClass(left: unknown, right: unknown): string {
+  return left !== right ? 'bg-yellow-500/10 border-yellow-500/30' : ''
+}
+function listDiffClass(left: unknown[] | undefined, right: unknown[] | undefined): string {
+  const x = JSON.stringify([...(left ?? [])].sort())
+  const y = JSON.stringify([...(right ?? [])].sort())
+  return x !== y ? 'bg-yellow-500/10 border-yellow-500/30' : ''
+}
+
+const bigFiveKeys = ['openness', 'conscientiousness', 'extraversion', 'agreeableness', 'neuroticism'] as const
+</script>
+
+<template>
+  <UDashboardPanel id="personas-compare">
+    <template #header>
+      <UDashboardNavbar title="Compare personas">
+        <template #leading>
+          <UButton icon="i-lucide-arrow-left" variant="ghost" size="sm" to="/personas" aria-label="Back" />
+        </template>
+        <template #trailing>
+          <UBadge label="2-way" variant="subtle" size="sm" />
+        </template>
+      </UDashboardNavbar>
+    </template>
+
+    <template #body>
+      <div v-if="errorMsg" class="p-6 text-center text-sm text-error">
+        {{ errorMsg }}
+      </div>
+      <div v-else-if="loading" class="p-6 text-center text-sm text-muted">
+        <UIcon name="i-lucide-loader-2" class="size-4 animate-spin inline" /> Loading…
+      </div>
+      <div v-else-if="a && b" class="space-y-4 max-w-6xl">
+        <section class="grid grid-cols-2 gap-3">
+          <NuxtLink :to="`/personas/${a.id}`" class="rounded-lg border border-default p-4 hover:border-primary/40">
+            <p class="text-xs text-muted uppercase tracking-wide">Left</p>
+            <h2 class="text-xl font-bold">{{ a.name }}</h2>
+            <p class="text-sm text-muted">{{ a.title || '—' }}</p>
+          </NuxtLink>
+          <NuxtLink :to="`/personas/${b.id}`" class="rounded-lg border border-default p-4 hover:border-primary/40">
+            <p class="text-xs text-muted uppercase tracking-wide">Right</p>
+            <h2 class="text-xl font-bold">{{ b.name }}</h2>
+            <p class="text-sm text-muted">{{ b.title || '—' }}</p>
+          </NuxtLink>
+        </section>
+
+        <h3 class="text-sm font-semibold uppercase tracking-wide text-muted pt-2">Behavioural DNA</h3>
+        <div class="grid grid-cols-2 gap-3">
+          <div :class="['rounded-lg border p-3', diffClass(a.mbti, b.mbti)]">
+            <p class="text-xs text-muted">MBTI</p>
+            <p class="text-lg font-mono font-bold">{{ a.mbti ?? '—' }}</p>
+          </div>
+          <div :class="['rounded-lg border p-3', diffClass(a.mbti, b.mbti)]">
+            <p class="text-xs text-muted">MBTI</p>
+            <p class="text-lg font-mono font-bold">{{ b.mbti ?? '—' }}</p>
+          </div>
+          <div :class="['rounded-lg border p-3', diffClass(`${a.disc?.primary}/${a.disc?.secondary}`, `${b.disc?.primary}/${b.disc?.secondary}`)]">
+            <p class="text-xs text-muted">DISC</p>
+            <p class="text-lg font-mono font-bold">{{ a.disc?.primary ?? '?' }}/{{ a.disc?.secondary ?? '?' }}</p>
+          </div>
+          <div :class="['rounded-lg border p-3', diffClass(`${a.disc?.primary}/${a.disc?.secondary}`, `${b.disc?.primary}/${b.disc?.secondary}`)]">
+            <p class="text-xs text-muted">DISC</p>
+            <p class="text-lg font-mono font-bold">{{ b.disc?.primary ?? '?' }}/{{ b.disc?.secondary ?? '?' }}</p>
+          </div>
+          <div :class="['rounded-lg border p-3', diffClass(`${a.enneagram?.type}w${a.enneagram?.wing}`, `${b.enneagram?.type}w${b.enneagram?.wing}`)]">
+            <p class="text-xs text-muted">Enneagram</p>
+            <p class="text-lg font-mono font-bold">{{ a.enneagram?.type ?? '?' }}w{{ a.enneagram?.wing ?? '?' }}</p>
+          </div>
+          <div :class="['rounded-lg border p-3', diffClass(`${a.enneagram?.type}w${a.enneagram?.wing}`, `${b.enneagram?.type}w${b.enneagram?.wing}`)]">
+            <p class="text-xs text-muted">Enneagram</p>
+            <p class="text-lg font-mono font-bold">{{ b.enneagram?.type ?? '?' }}w{{ b.enneagram?.wing ?? '?' }}</p>
+          </div>
+        </div>
+
+        <h3 class="text-sm font-semibold uppercase tracking-wide text-muted pt-2">Big Five (OCEAN)</h3>
+        <div class="space-y-1">
+          <div v-for="k in bigFiveKeys" :key="k" class="grid grid-cols-2 gap-3">
+            <div :class="['rounded-lg border p-2 flex items-center gap-3', diffClass(a.big_five?.[k], b.big_five?.[k])]">
+              <span class="text-xs text-muted w-36 shrink-0 capitalize">{{ k }}</span>
+              <span class="font-mono text-sm">{{ a.big_five?.[k] ?? '—' }}</span>
+            </div>
+            <div :class="['rounded-lg border p-2 flex items-center gap-3', diffClass(a.big_five?.[k], b.big_five?.[k])]">
+              <span class="text-xs text-muted w-36 shrink-0 capitalize">{{ k }}</span>
+              <span class="font-mono text-sm">{{ b.big_five?.[k] ?? '—' }}</span>
+            </div>
+          </div>
+        </div>
+
+        <h3 class="text-sm font-semibold uppercase tracking-wide text-muted pt-2">Expertise domains</h3>
+        <div class="grid grid-cols-2 gap-3">
+          <div :class="['rounded-lg border p-3', listDiffClass(a.expertise_domains, b.expertise_domains)]">
+            <ul class="list-disc list-inside text-sm space-y-1">
+              <li v-for="d in a.expertise_domains" :key="d">{{ d }}</li>
+              <li v-if="!a.expertise_domains?.length" class="list-none text-muted italic">none</li>
+            </ul>
+          </div>
+          <div :class="['rounded-lg border p-3', listDiffClass(a.expertise_domains, b.expertise_domains)]">
+            <ul class="list-disc list-inside text-sm space-y-1">
+              <li v-for="d in b.expertise_domains" :key="d">{{ d }}</li>
+              <li v-if="!b.expertise_domains?.length" class="list-none text-muted italic">none</li>
+            </ul>
+          </div>
+        </div>
+
+        <h3 class="text-sm font-semibold uppercase tracking-wide text-muted pt-2">Mental models</h3>
+        <div class="grid grid-cols-2 gap-3">
+          <div :class="['rounded-lg border p-3', listDiffClass(a.mental_models, b.mental_models)]">
+            <ul class="list-disc list-inside text-sm space-y-1">
+              <li v-for="m in a.mental_models" :key="m">{{ m }}</li>
+              <li v-if="!a.mental_models?.length" class="list-none text-muted italic">none</li>
+            </ul>
+          </div>
+          <div :class="['rounded-lg border p-3', listDiffClass(a.mental_models, b.mental_models)]">
+            <ul class="list-disc list-inside text-sm space-y-1">
+              <li v-for="m in b.mental_models" :key="m">{{ m }}</li>
+              <li v-if="!b.mental_models?.length" class="list-none text-muted italic">none</li>
+            </ul>
+          </div>
+        </div>
+
+        <h3 class="text-sm font-semibold uppercase tracking-wide text-muted pt-2">Frameworks</h3>
+        <div class="grid grid-cols-2 gap-3">
+          <div :class="['rounded-lg border p-3', listDiffClass(a.frameworks, b.frameworks)]">
+            <ul class="list-disc list-inside text-sm space-y-1">
+              <li v-for="f in a.frameworks" :key="f">{{ f }}</li>
+              <li v-if="!a.frameworks?.length" class="list-none text-muted italic">none</li>
+            </ul>
+          </div>
+          <div :class="['rounded-lg border p-3', listDiffClass(a.frameworks, b.frameworks)]">
+            <ul class="list-disc list-inside text-sm space-y-1">
+              <li v-for="f in b.frameworks" :key="f">{{ f }}</li>
+              <li v-if="!b.frameworks?.length" class="list-none text-muted italic">none</li>
+            </ul>
+          </div>
+        </div>
+
+        <h3 class="text-sm font-semibold uppercase tracking-wide text-muted pt-2">Bio (Markdown)</h3>
+        <TextDiff
+          :left="a.bio_md || ''"
+          :right="b.bio_md || ''"
+          :left-label="a.name || a.id"
+          :right-label="b.name || b.id"
+        />
+
+        <h3 class="text-sm font-semibold uppercase tracking-wide text-muted pt-2">Communication tone</h3>
+        <TextDiff
+          :left="a.communication?.tone || ''"
+          :right="b.communication?.tone || ''"
+          :left-label="a.name || a.id"
+          :right-label="b.name || b.id"
+        />
+
+        <p class="text-xs text-muted pt-4 italic">
+          Yellow tint = different. Red removed, green added.
+        </p>
+      </div>
+    </template>
+  </UDashboardPanel>
+</template>

package/package.json

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

package/pyproject.toml

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

package/scripts/dashboard-api.py

@@ -218,6 +218,82 @@ def agents_activity(period: str = "week"):
     return {"by_department": out, "period": period}
 
 
+@app.get("/api/agents/{agent_id}/activity-sparkline")
+def agent_activity_sparkline(agent_id: str, days: int = 30):
+    """PR96d v3.58.0 — daily call / cost series for the agent's department.
+
+    Returns ``{days: [{date, calls, cost_usd}]}`` seeded with zeros so
+    the frontend can render a clean N-day bar chart without gaps.
+    Capped at 90 days. Per-agent series falls back to dept series
+    (same convention as activity-strip / PR86b).
+    """
+    try:
+        days_int = int(days) if days is not None else 30
+    except (TypeError, ValueError):
+        days_int = 30
+    capped_days = max(1, min(days_int, 90))
+
+    agents = _load_agents()
+    base = next((a for a in agents if a.get("id") == agent_id), None)
+    if not base:
+        return {"error": "Agent not found"}
+    dept = base.get("department") or ""
+
+    try:
+        from core.runtime.llm_cost_telemetry import read_entries
+    except Exception:
+        return {"days": []}
+
+    from datetime import datetime, timedelta, timezone
+    today = datetime.now(timezone.utc).date()
+    buckets: dict[str, dict] = {}
+    for offset in range(capped_days):
+        d = today - timedelta(days=capped_days - 1 - offset)
+        buckets[d.isoformat()] = {
+            "date": d.isoformat(),
+            "calls": 0,
+            "cost_usd": 0.0,
+            "cost_known": False,
+        }
+    cutoff = today - timedelta(days=capped_days - 1)
+    agent_cat = f"subagent:{dept}:{agent_id}"
+    dept_cat = f"subagent:{dept}"
+    for entry in read_entries():
+        raw_ts = entry.get("ts") or ""
+        if not isinstance(raw_ts, str):
+            continue
+        try:
+            ts = datetime.fromisoformat(raw_ts.replace("Z", "+00:00"))
+        except ValueError:
+            continue
+        if ts.date() < cutoff:
+            continue
+        cat = str(entry.get("category") or "")
+        if cat != agent_cat and cat != dept_cat:
+            continue
+        key = ts.date().isoformat()
+        if key not in buckets:
+            continue
+        buckets[key]["calls"] += 1
+        cost = entry.get("estimated_cost_usd")
+        if isinstance(cost, (int, float)):
+            buckets[key]["cost_usd"] += float(cost)
+            buckets[key]["cost_known"] = True
+
+    out: list[dict] = []
+    for k in sorted(buckets.keys()):
+        bucket = buckets[k]
+        out.append({
+            "date": bucket["date"],
+            "calls": bucket["calls"],
+            "cost_usd": (
+                round(bucket["cost_usd"], 6)
+                if bucket["cost_known"] else None
+            ),
+        })
+    return {"days": out, "period_days": capped_days, "department": dept}
+
+
 @app.get("/api/agents/{agent_id}/activity-strip")
 def agent_activity_strip(agent_id: str, period: str = "month"):
     """PR83d v3.6.0 + PR86b v3.16.0 — compact activity payload.