feat(ags-v3): desktop adaptation — ultrawide scaling, brain power panel, system stats

- Scaling 16px base pour ultrawide 3440x1440
- Bar: CPU/RAM/GPU visible, media single player (skip playerctld), network tooltip LAN/WAN IPv4
- Volume: class module pour sizing cohérent
- Battery: désactivé (PC fixe)
- Clock: tooltip calendrier + uptime
- BrainPower: panel enrichi (focus, session, intentions, todos, repos git, derniers commits)
- App: BrainPower sur moniteur principal uniquement
- Heartbeat: Layer.TOP pour compatibilité COSMIC

ags-v3/widget/modules/Media.tsx

@@ -5,24 +5,27 @@ export default function Media() {
   const mpris = AstalMpris.get_default()
   const players = createBinding(mpris, "players")
 
+  // Filter to only show non-playerctld players
+  const filtered = players((list: AstalMpris.Player[]) =>
+    list.filter((p) => p.busName && !p.busName.includes("playerctld")).slice(0, 1)
+  )
+
   return (
     <box class="media-module">
-      <For each={players}>
+      <For each={filtered}>
         {(player) => {
           const title = createBinding(player, "title")
-          const artist = createBinding(player, "artist")
           const status = createBinding(player, "playbackStatus")
 
           const icon = status((s: AstalMpris.PlaybackStatus) =>
-            s === AstalMpris.PlaybackStatus.PLAYING ? "󰐊" : "󰏤"
+            s === AstalMpris.PlaybackStatus.PLAYING ? "▶" : "⏸"
           )
 
           const label = title((t: string) => {
             const a = player.artist
             const display = a ? `${a} — ${t}` : t
-            // truncate long titles
-            return display.length > 40
-              ? display.substring(0, 37) + "..."
+            return display.length > 45
+              ? display.substring(0, 42) + "..."
               : display
           })
 
@@ -32,23 +35,14 @@ export default function Media() {
 
           return (
             <box class={cls}>
-              <button
-                class="media-prev"
-                onClicked={() => player.previous()}
-              >
-                <label label="󰒮" />
+              <button class="media-prev" onClicked={() => player.previous()}>
+                <label label="⏮" />
               </button>
-              <button
-                class="media-play"
-                onClicked={() => player.play_pause()}
-              >
+              <button class="media-play" onClicked={() => player.play_pause()}>
                 <label label={icon} />
               </button>
-              <button
-                class="media-next"
-                onClicked={() => player.next()}
-              >
-                <label label="󰒭" />
+              <button class="media-next" onClicked={() => player.next()}>
+                <label label="⏭" />
               </button>
               <label class="media-text" label={label} />
             </box>