feat: Ghost Shell v2 — AGS v3 statusbar + violet-chaton v2 palette

- AGS v3.1.0 (Astal/GTK3) Ghost Shell avec ghost mode (heartbeat + hover reveal) - Modules : clock, battery, volume (interactif), network, MPRIS, CPU/RAM, systray - Brain Power panel (Super + B) — lecture live focus/todos/session - tetardtek_ prompt avec curseur clignotant - Palette violet-chaton v2 documentée (Mitsuri Kanroji gradient magenta → green) - Autostart COSMIC via .desktop - Archive AGS v1 conservée pour référence
2026-03-26 06:54:17 +01:00
parent 7e9d12e640
commit 932b174c36
30 changed files with 2557 additions and 0 deletions
--- a/ags-v1/widgets/Notifications.js
+++ b/ags-v1/widgets/Notifications.js
@@ -0,0 +1,105 @@
+// ── violet-chaton v2 — Notifications widget ─────────────────────────────────
+// Popup notifications stylees — urgency-aware
+
+const notifications = Service.import("notifications");
+
+// Ne pas déranger
+notifications.popupTimeout = 5000;
+notifications.cacheActions = true;
+
+const NotificationIcon = (notif) => {
+    if (notif.image) {
+        return Widget.Box({
+            css: `
+                min-width: 48px; min-height: 48px;
+                background-image: url("${notif.image}");
+                background-size: cover;
+                background-position: center;
+                border-radius: 8px;
+                margin-right: 10px;
+            `,
+        });
+    }
+    return Widget.Icon({
+        icon: notif.appIcon || notif.appEntry || "dialog-information",
+        size: 36,
+        css: "margin-right: 10px;",
+    });
+};
+
+const Notification = (notif) => Widget.Box({
+    className: `notification ${notif.urgency}`,
+    vertical: true,
+    children: [
+        Widget.Box({
+            children: [
+                NotificationIcon(notif),
+                Widget.Box({
+                    vertical: true,
+                    hexpand: true,
+                    children: [
+                        Widget.Box({
+                            children: [
+                                Widget.Label({
+                                    className: "title",
+                                    label: notif.summary,
+                                    xalign: 0,
+                                    hexpand: true,
+                                    truncate: "end",
+                                }),
+                                Widget.Label({
+                                    className: "time",
+                                    label: new Date(notif.time * 1000)
+                                        .toLocaleTimeString("fr-FR", {
+                                            hour: "2-digit",
+                                            minute: "2-digit",
+                                        }),
+                                }),
+                                Widget.Button({
+                                    className: "close-btn",
+                                    label: "✕",
+                                    onClicked: () => notif.close(),
+                                }),
+                            ],
+                        }),
+                        Widget.Label({
+                            className: "app-name",
+                            label: notif.appName || "",
+                            xalign: 0,
+                        }),
+                    ],
+                }),
+            ],
+        }),
+        ...(notif.body ? [Widget.Label({
+            className: "body",
+            label: notif.body,
+            xalign: 0,
+            wrap: true,
+            useMarkup: true,
+        })] : []),
+        ...(notif.actions.length > 0 ? [Widget.Box({
+            className: "actions",
+            children: notif.actions.map((action) =>
+                Widget.Button({
+                    label: action.label,
+                    onClicked: () => notif.invoke(action.id),
+                })
+            ),
+        })] : []),
+    ],
+});
+
+export const Notifications = (monitor) => Widget.Window({
+    name: `notifications-${monitor}`,
+    monitor,
+    anchor: ["top", "right"],
+    layer: "overlay",
+    child: Widget.Box({
+        vertical: true,
+        css: "min-width: 350px;",
+        children: notifications.bind("popups").transform((popups) =>
+            popups.map(Notification)
+        ),
+    }),
+});