import Applications from 'resource:///com/github/Aylur/ags/service/applications.js'; import Hyprland from 'resource:///com/github/Aylur/ags/service/hyprland.js'; import { Box, Icon, Label } from 'resource:///com/github/Aylur/ags/widget.js'; import Separator from '../../misc/separator.js'; const SPACING = 8; export default () => Box({ children: [ Separator(SPACING / 2), Icon({ size: 30, connections: [[Hyprland.active.client, (self) => { const app = Applications.query(Hyprland.active.client.class)[0]; if (app) { self.icon = app.iconName; self.visible = Hyprland.active.client.title !== ''; } }]], }), Separator(SPACING), Label({ css: 'color: #CBA6F7; font-size: 18px', truncate: 'end', binds: [['label', Hyprland.active.client, 'title']], }), ], });