arkaos 3.46.0 → 3.47.0

package/VERSION

@@ -1 +1 @@
-3.46.0
+3.47.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/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/package.json

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