arkaos 3.46.0 → 3.48.0

package/VERSION

@@ -1 +1 @@
-3.46.0
+3.48.0

package/dashboard/app/components/NotificationsBell.vue

@@ -54,20 +54,30 @@ function kindColor(kind: string): string {
     </UButton>
 
     <template #content>
-      <div class="p-2 border-b border-default flex items-center justify-between">
+      <div class="p-2 border-b border-default flex items-center justify-between gap-2">
         <div>
           <p class="text-sm font-semibold">Recent activity</p>
           <p class="text-xs text-muted">
-            Last {{ Math.min(feed.events.value.length, 50) }} event{{ feed.events.value.length === 1 ? '' : 's' }}
+            {{ feed.unreadCount.value }} unread ·
+            {{ feed.events.value.length }} total
           </p>
         </div>
-        <UButton
-          v-if="feed.events.value.length > 0"
-          label="Clear"
-          variant="ghost"
-          size="xs"
-          @click="feed.clear()"
-        />
+        <div class="flex items-center gap-1">
+          <UButton
+            v-if="feed.unreadCount.value > 0"
+            label="Mark all read"
+            variant="ghost"
+            size="xs"
+            @click="feed.markAllRead()"
+          />
+          <UButton
+            v-if="feed.events.value.length > 0"
+            label="Clear"
+            variant="ghost"
+            size="xs"
+            @click="feed.clear()"
+          />
+        </div>
       </div>
       <div class="max-h-80 overflow-y-auto">
         <p
@@ -81,7 +91,9 @@ function kindColor(kind: string): string {
           <li
             v-for="ev in feed.events.value"
             :key="ev.id"
-            class="px-3 py-2 hover:bg-elevated/40 transition-colors group"
+            class="px-3 py-2 hover:bg-elevated/40 transition-colors group cursor-pointer"
+            :class="{ 'bg-primary/5': !ev.read }"
+            @click="feed.markRead(ev.id)"
           >
             <component
               :is="ev.to ? 'NuxtLink' : 'div'"
@@ -93,7 +105,16 @@ function kindColor(kind: string): string {
                 :class="['size-4 shrink-0 mt-0.5', kindColor(ev.kind)]"
               />
               <div class="flex-1 min-w-0">
-                <p class="text-sm font-medium truncate">{{ ev.title }}</p>
+                <p class="text-sm flex items-center gap-1.5">
+                  <span
+                    v-if="!ev.read"
+                    class="inline-block size-1.5 rounded-full bg-primary shrink-0"
+                    aria-label="unread"
+                  />
+                  <span :class="ev.read ? 'font-normal text-muted' : 'font-medium'" class="truncate">
+                    {{ ev.title }}
+                  </span>
+                </p>
                 <p v-if="ev.description" class="text-xs text-muted truncate">
                   {{ ev.description }}
                 </p>

package/dashboard/app/components/PersonaWizard.vue

@@ -63,6 +63,16 @@ function applyArchetype(arch: Archetype) {
   mode.value = 'description'
 }
 
+// PR94b v3.48.0 — auto-apply archetype from query string (deep link
+// from the /personas/archetypes catalog).
+const route = useRoute()
+watch(archetypes, (list) => {
+  const slug = String(route.query.archetype ?? '')
+  if (!slug || list.length === 0) return
+  const match = list.find((a) => a.id === slug)
+  if (match) applyArchetype(match)
+}, { immediate: true })
+
 // ─── Step 2 state ────────────────────────────────────────────────────────
 const ingestJobs = ref<Array<{
   source: string

package/dashboard/app/composables/useActivityFeed.ts

@@ -13,6 +13,7 @@ export interface ActivityEvent {
   title: string
   description?: string
   to?: string
+  read?: boolean
 }
 
 const STORAGE_KEY = 'arkaos_activity_feed'
@@ -21,7 +22,10 @@ const MAX_EVENTS = 50
 const _useActivityFeed = () => {
   const events = useState<ActivityEvent[]>('activityFeed', () => [])
   const loaded = useState<boolean>('activityFeedLoaded', () => false)
-  const unreadCount = computed(() => events.value.length)
+  // PR94a v3.47.0 — unread count is now derived from `read: false`.
+  const unreadCount = computed(
+    () => events.value.filter((e) => !e.read).length,
+  )
 
   function _persist() {
     if (typeof window === 'undefined') return
@@ -48,14 +52,39 @@ const _useActivityFeed = () => {
     loaded.value = true
   }
 
-  function push(entry: Omit<ActivityEvent, 'id' | 'ts'>) {
+  function push(entry: Omit<ActivityEvent, 'id' | 'ts' | 'read'>) {
     load()
     const id = `${Date.now()}-${Math.random().toString(36).slice(2, 8)}`
     const ts = new Date().toISOString()
-    events.value = [{ id, ts, ...entry }, ...events.value].slice(0, MAX_EVENTS)
+    // PR94a — every new event starts unread.
+    events.value = [{ id, ts, read: false, ...entry }, ...events.value].slice(0, MAX_EVENTS)
     _persist()
   }
 
+  function markRead(id: string) {
+    let changed = false
+    events.value = events.value.map((e) => {
+      if (e.id === id && !e.read) {
+        changed = true
+        return { ...e, read: true }
+      }
+      return e
+    })
+    if (changed) _persist()
+  }
+
+  function markAllRead() {
+    let changed = false
+    events.value = events.value.map((e) => {
+      if (!e.read) {
+        changed = true
+        return { ...e, read: true }
+      }
+      return e
+    })
+    if (changed) _persist()
+  }
+
   function clear() {
     events.value = []
     _persist()
@@ -66,7 +95,7 @@ const _useActivityFeed = () => {
     _persist()
   }
 
-  return { events, unreadCount, load, push, clear, remove }
+  return { events, unreadCount, load, push, clear, remove, markRead, markAllRead }
 }
 
 export const useActivityFeed = createSharedComposable(_useActivityFeed)

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

@@ -0,0 +1,106 @@
+<script setup lang="ts">
+// PR94b v3.48.0 — Browseable catalog of persona archetypes.
+//
+// Reads /api/personas/archetypes (PR93b) and renders each as a card.
+// "Create from this" deep-links to /personas/new?archetype=<id> where
+// the wizard auto-selects description mode and pre-fills.
+
+interface Archetype {
+  id: string
+  name: string
+  title: string
+  tagline: string
+  mbti: string
+  disc: { primary: string, secondary: string }
+  enneagram: { type: number, wing: number }
+  description: string
+}
+
+const { fetchApi } = useApi()
+const { data, status, error, refresh } = await fetchApi<{
+  archetypes: Archetype[]
+  total: number
+}>('/api/personas/archetypes')
+
+const archetypes = computed<Archetype[]>(() => data.value?.archetypes ?? [])
+
+function discColor(letter: string): 'error' | 'warning' | 'success' | 'primary' | 'neutral' {
+  const m: Record<string, 'error' | 'warning' | 'success' | 'primary' | 'neutral'> = {
+    D: 'error', I: 'warning', S: 'success', C: 'primary',
+  }
+  return m[letter] ?? 'neutral'
+}
+</script>
+
+<template>
+  <UDashboardPanel id="archetypes">
+    <template #header>
+      <UDashboardNavbar title="Persona archetypes">
+        <template #leading>
+          <UButton icon="i-lucide-arrow-left" variant="ghost" size="sm" to="/personas" aria-label="Back" />
+        </template>
+        <template #trailing>
+          <UBadge v-if="data?.total" :label="String(data.total)" variant="subtle" />
+        </template>
+      </UDashboardNavbar>
+    </template>
+
+    <template #body>
+      <DashboardState
+        :status="status"
+        :error="error"
+        :empty="!archetypes.length"
+        empty-title="No archetypes available"
+        empty-icon="i-lucide-sparkles"
+        loading-label="Loading archetypes"
+        :on-retry="() => refresh()"
+      >
+        <p class="text-sm text-muted mb-6 max-w-2xl">
+          Curated starter profiles. Each one ships a description, behavioural DNA
+          defaults, and a recommended communication style. Use them as a base
+          when you don't have indexed content yet — the wizard pre-fills the
+          description and you tweak from there.
+        </p>
+
+        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
+          <div
+            v-for="arch in archetypes"
+            :key="arch.id"
+            class="rounded-xl border border-default p-5 flex flex-col gap-3 hover:border-primary/40 transition-colors"
+          >
+            <div>
+              <h3 class="text-lg font-bold">{{ arch.name }}</h3>
+              <p class="text-xs text-muted">{{ arch.title }}</p>
+            </div>
+            <p class="text-sm italic text-muted">"{{ arch.tagline }}"</p>
+            <div class="flex flex-wrap gap-1.5">
+              <UBadge :label="arch.mbti" variant="subtle" size="xs" />
+              <UBadge
+                :label="`DISC: ${arch.disc.primary}/${arch.disc.secondary}`"
+                :color="discColor(arch.disc.primary)"
+                variant="subtle"
+                size="xs"
+              />
+              <UBadge
+                :label="`E${arch.enneagram.type}w${arch.enneagram.wing}`"
+                variant="outline"
+                size="xs"
+              />
+            </div>
+            <p class="text-sm text-muted line-clamp-3">{{ arch.description }}</p>
+            <div class="pt-2 mt-auto">
+              <UButton
+                label="Create from this"
+                icon="i-lucide-sparkles"
+                color="primary"
+                size="sm"
+                block
+                :to="`/personas/new?archetype=${arch.id}`"
+              />
+            </div>
+          </div>
+        </div>
+      </DashboardState>
+    </template>
+  </UDashboardPanel>
+</template>

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

@@ -423,6 +423,13 @@ async function undoTrashIds(ids: string[]) {
           />
         </template>
         <template #right>
+          <UButton
+            label="Archetypes"
+            icon="i-lucide-sparkles"
+            variant="ghost"
+            size="sm"
+            to="/personas/archetypes"
+          />
           <UButton
             label="Export ZIP"
             icon="i-lucide-archive"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "arkaos",
-  "version": "3.46.0",
+  "version": "3.48.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.46.0"
+version = "3.48.0"
 description = "Core engine for ArkaOS — The Operating System for AI Agent Teams"
 readme = "README.md"
 license = {text = "MIT"}