feat(launcher): restore custom SD background experience

Buildscripts/generate-launcher-background.py

@@ -0,0 +1,87 @@
+#!/usr/bin/env python3
+
+"""Convert an image to an uncompressed LVGL RGB565 launcher background."""
+
+import argparse
+import shutil
+import struct
+import subprocess
+from pathlib import Path
+
+
+LV_IMAGE_HEADER_MAGIC = 0x19
+LV_COLOR_FORMAT_RGB565 = 0x12
+
+
+def parse_args() -> argparse.Namespace:
+    parser = argparse.ArgumentParser(
+        description=(
+            "Create an uncompressed LVGL .bin image for "
+            "/sdcard/tactility/launcher/background.bin. Use a square image sized "
+            "to the display's longest edge to support both orientations without scaling "
+            "(for example, 320x320 for a 320x240 display)."
+        )
+    )
+    parser.add_argument("input", type=Path, help="Source image")
+    parser.add_argument("output", type=Path, help="Destination .bin file")
+    parser.add_argument("--width", type=int, required=True, help="Output width")
+    parser.add_argument("--height", type=int, required=True, help="Output height")
+    return parser.parse_args()
+
+
+def main() -> None:
+    args = parse_args()
+    if args.width <= 0 or args.width > 65535 or args.height <= 0 or args.height > 65535:
+        raise SystemExit("width and height must be between 1 and 65535")
+
+    magick = shutil.which("magick")
+    if magick is None:
+        raise SystemExit("ImageMagick is required (the 'magick' command was not found)")
+
+    command = [
+        magick,
+        str(args.input),
+        "-resize",
+        f"{args.width}x{args.height}^",
+        "-gravity",
+        "center",
+        "-extent",
+        f"{args.width}x{args.height}",
+        "-depth",
+        "8",
+        "rgb:-",
+    ]
+    rgb888 = subprocess.run(command, check=True, stdout=subprocess.PIPE).stdout
+    expected_size = args.width * args.height * 3
+    if len(rgb888) != expected_size:
+        raise SystemExit(f"unexpected ImageMagick output: {len(rgb888)} bytes, expected {expected_size}")
+
+    rgb565 = bytearray(args.width * args.height * 2)
+    for source_offset in range(0, len(rgb888), 3):
+        r, g, b = rgb888[source_offset : source_offset + 3]
+        pixel = ((r >> 3) << 11) | ((g >> 2) << 5) | (b >> 3)
+        destination_offset = (source_offset // 3) * 2
+        struct.pack_into("<H", rgb565, destination_offset, pixel)
+
+    stride = args.width * 2
+    header = struct.pack(
+        "<BBHHHHH",
+        LV_IMAGE_HEADER_MAGIC,
+        LV_COLOR_FORMAT_RGB565,
+        0,
+        args.width,
+        args.height,
+        stride,
+        0,
+    )
+
+    args.output.parent.mkdir(parents=True, exist_ok=True)
+    args.output.write_bytes(header + rgb565)
+    print(
+        f"Wrote {args.output} ({args.width}x{args.height}, "
+        f"{len(header) + len(rgb565)} bytes, uncompressed RGB565)"
+    )
+
+
+if __name__ == "__main__":
+    main()

Devices/es3c28p/device.properties

@@ -19,3 +19,7 @@ display.dpi=143
 lvgl.colorDepth=16
 
 storage.userDataLocation=SD
+
+# Launcher clock and full-screen wallpaper
+sdkconfig.CONFIG_LV_FONT_MONTSERRAT_48=y
+sdkconfig.CONFIG_LV_CACHE_DEF_SIZE=1048576

Devices/es3c35p/device.properties

@@ -20,3 +20,8 @@ lvgl.colorDepth=16
 storage.userDataLocation=SD
 
 dependencies.useDeprecatedHal=false
+
+# Launcher clock and full-screen wallpaper
+sdkconfig.CONFIG_LV_FONT_MONTSERRAT_48=y
+sdkconfig.CONFIG_LV_CACHE_DEF_SIZE=1048576
+sdkconfig.CONFIG_LV_IMAGE_HEADER_CACHE_DEF_CNT=16

Modules/lvgl-module/source/symbols.c

@@ -494,6 +494,12 @@ const struct ModuleSymbol lvgl_module_symbols[] = {
     // lv_image
     DEFINE_MODULE_SYMBOL(lv_image_create),
     DEFINE_MODULE_SYMBOL(lv_image_set_src),
+    DEFINE_MODULE_SYMBOL(lv_image_set_scale),
+    DEFINE_MODULE_SYMBOL(lv_image_set_scale_x),
+    DEFINE_MODULE_SYMBOL(lv_image_set_scale_y),
+    DEFINE_MODULE_SYMBOL(lv_image_get_scale),
+    DEFINE_MODULE_SYMBOL(lv_image_get_scale_x),
+    DEFINE_MODULE_SYMBOL(lv_image_get_scale_y),
     // lv_anim
     DEFINE_MODULE_SYMBOL(lv_anim_init),
     DEFINE_MODULE_SYMBOL(lv_anim_set_duration),

Tactility/Source/app/launcher/Launcher.cpp

@@ -1,14 +1,29 @@
 #include <app/event.h>
 #include <app/manager.h>
-#include <app/start.h>
 #include <app/manifest.h>
 #include <app/scheduler.h>
+#include <app/start.h>
 
+#include <Tactility/DeprecatedPaths.h>
+#include <Tactility/MountPoints.h>
+#include <Tactility/Tactility.h>
+#include <Tactility/app/setup/Setup.h>
+#include <Tactility/file/File.h>
+#include <Tactility/lvgl/Lvgl.h>
+#include <Tactility/service/wifi/Wifi.h>
+#include <Tactility/settings/BootSettings.h>
+#include <Tactility/settings/Time.h>
+
+#include <algorithm>
+#include <cstdio>
 #include <cstring>
+#include <ctime>
+#include <string>
 
 #include <lvgl.h>
-#include <lvgl/icons/launcher.h>
 #include <lvgl/fonts.h>
+#include <lvgl/icons/launcher.h>
+#include <lvgl/icons/statusbar.h>
 #include <lvgl/lvgl.h>
 
 #include <lvgl_window_manager/window_manager.h>
@@ -20,64 +35,29 @@
 #include <tactility/log.h>
 #include <tactility/memory.h>
 
-#include <Tactility/app/setup/Setup.h>
-#include <Tactility/settings/BootSettings.h>
-#include <Tactility/Tactility.h>
-
 namespace tt::app::launcher {
 
 constexpr auto* TAG = "Launcher";
+constexpr auto* BACKGROUND_ASSET = "color-field.png";
+constexpr auto* CUSTOM_BACKGROUND_PATH = "tactility/launcher/background.bin";
+constexpr lv_color_t TEXT_COLOR = LV_COLOR_MAKE(0xF8, 0xF5, 0xF2);
+constexpr lv_color_t MUTED_TEXT_COLOR = LV_COLOR_MAKE(0xDF, 0xD6, 0xD3);
+constexpr lv_color_t ACCENT_COLOR = LV_COLOR_MAKE(0xEC, 0x75, 0x69);
 
 namespace {
 
-uint32_t getButtonPadding(UiDensity density, uint32_t buttonSize) {
+struct LauncherWidgets {
-    if (density == LVGL_UI_DENSITY_COMPACT) {
+    lv_obj_t* timeLabel = nullptr;
-        return 0;
+    lv_obj_t* dateLabel = nullptr;
-    } else {
+    lv_obj_t* dataLabel = nullptr;
-        return buttonSize / 8;
+    lv_obj_t* statusLabel = nullptr;
-    }
+    lv_timer_t* updateTimer = nullptr;
-}
+};
 
-int32_t computeButtonMargin(int32_t available_span, int32_t total_button_size) {
+void onAppPressed(lv_event_t* event) {
-    const int32_t usable = std::max<int32_t>(0, available_span - (3 * total_button_size));
+    const auto* app_id = static_cast<const char*>(lv_event_get_user_data(event));
-    return std::min<int32_t>(usable / 16, total_button_size / 2);
-}
-
-void onAppPressed(lv_event_t* e) {
-    auto* appId = static_cast<const char*>(lv_event_get_user_data(e));
     uint32_t instance_id = 0;
-    app_start(appId, 0, nullptr, &instance_id);
+    app_start(app_id, 0, nullptr, &instance_id);
-}
-
-lv_obj_t* createAppButton(lv_obj_t* parent, UiDensity uiDensity, const char* imageFile, const char* appId, int32_t itemMargin, bool isLandscape) {
-    const auto button_size = lvgl_get_launcher_icon_font_height();
-    const auto button_padding = getButtonPadding(uiDensity, button_size);
-    auto* apps_button = lv_button_create(parent);
-
-    lv_obj_set_style_pad_all(apps_button, static_cast<int32_t>(button_padding), LV_STATE_DEFAULT);
-    if (isLandscape) {
-        lv_obj_set_style_margin_hor(apps_button, itemMargin, LV_STATE_DEFAULT);
-    } else {
-        lv_obj_set_style_margin_ver(apps_button, itemMargin, LV_STATE_DEFAULT);
-    }
-
-    lv_obj_set_style_shadow_width(apps_button, 0, LV_STATE_DEFAULT);
-    lv_obj_set_style_bg_opa(apps_button, 0, LV_STATE_DEFAULT);
-
-    // create the image first
-    auto* button_image = lv_image_create(apps_button);
-    lv_obj_set_style_text_font(button_image, lvgl_get_launcher_icon_font(), LV_STATE_DEFAULT);
-    lv_image_set_src(button_image, imageFile);
-    lv_obj_set_style_text_color(button_image, lv_theme_get_color_primary(button_image), LV_STATE_DEFAULT);
-    lv_obj_set_style_image_recolor(button_image, lv_theme_get_color_primary(parent), LV_STATE_DEFAULT);
-    lv_obj_set_style_image_recolor_opa(button_image, LV_OPA_COVER, LV_STATE_DEFAULT);
-
-    // Ensure it's square (Material Symbols are slightly wider than tall)
-    lv_obj_set_size(button_image, button_size, button_size);
-
-    lv_obj_add_event_cb(apps_button, onAppPressed, LV_EVENT_SHORT_CLICKED, (void*)appId);
-
-    return apps_button;
 }
 
 bool shouldShowPowerButton() {
@@ -85,180 +65,288 @@ bool shouldShowPowerButton() {
     device_for_each_of_type(&POWER_SUPPLY_TYPE, &show_power_button, [](Device* device, void* context) {
         if (device_is_ready(device) && power_supply_supports_power_off(device)) {
             *static_cast<bool*>(context) = true;
-            return false; // stop iterating
+            return false;
-        } else {
-            return true; // continue iterating
         }
+        return true;
     });
     return show_power_button;
 }
 
-void onButtonsWrapperResized(lv_event_t* e);
+int getBatteryPercentage() {
+    Device* power = nullptr;
+    device_for_each_of_type(&POWER_SUPPLY_TYPE, &power, [](Device* device, void* context) {
+        if (device_is_ready(device) && power_supply_supports_property(device, POWER_SUPPLY_PROP_CAPACITY)) {
+            *static_cast<Device**>(context) = device;
+            return false;
+        }
+        return true;
+    });
+    if (power == nullptr) return -1;
 
-// The screen object outlives this window's own widgets (lvgl-window-manager deletes and
+    PowerSupplyPropertyValue charge_level;
-// recreates only the topmost window's widget on every app switch, not the screen itself), so
+    if (power_supply_get_property(power, POWER_SUPPLY_PROP_CAPACITY, &charge_level) != ERROR_NONE) return -1;
-// the LV_EVENT_SIZE_CHANGED callback registered on it must be removed once buttons_wrapper is
+    return std::clamp(charge_level.int_value, 0, 100);
-// destroyed, to avoid a dangling user-data pointer the next time the display rotates while a
-// different window is topmost.
-void onButtonsWrapperDeleted(lv_event_t* e) {
-    auto* buttons_wrapper = lv_event_get_target_obj(e);
-    auto* screen = lv_obj_get_screen(buttons_wrapper);
-    lv_obj_remove_event_cb_with_user_data(screen, onButtonsWrapperResized, buttons_wrapper);
 }
 
-// Re-applies the flex direction and per-button margins when the display orientation changes
+const char* getWifiStatusIcon(service::wifi::RadioState state) {
-// while the launcher is the visible window (these are decided once at createWidgets() based on
+    using enum service::wifi::RadioState;
-// the resolution at that time, so a later rotation needs this to catch up).
+    switch (state) {
-void onButtonsWrapperResized(lv_event_t* e) {
+        case ConnectionActive: return LVGL_ICON_STATUSBAR_SIGNAL_WIFI_4_BAR;
-    auto* buttons_wrapper = static_cast<lv_obj_t*>(lv_event_get_user_data(e));
+        case Off:
-    const auto* display = lv_obj_get_display(buttons_wrapper);
+        case OffPending: return LVGL_ICON_STATUSBAR_SIGNAL_WIFI_OFF;
-
+        default: return LVGL_ICON_STATUSBAR_SIGNAL_WIFI_0_BAR;
-    const auto button_size = lvgl_get_launcher_icon_font_height();
-    const auto button_padding = getButtonPadding(lvgl_get_ui_density(), button_size);
-    const auto total_button_size = button_size + (button_padding * 2);
-
-    const auto horizontal_px = lv_display_get_horizontal_resolution(display);
-    const auto vertical_px = lv_display_get_vertical_resolution(display);
-    const bool is_landscape_display = horizontal_px >= vertical_px;
-    const auto current_flow = lv_obj_get_style_flex_flow(buttons_wrapper, LV_PART_MAIN);
-    const bool was_landscape = current_flow == LV_FLEX_FLOW_ROW;
-    if (is_landscape_display == was_landscape) {
-        return;
-    }
-
-    lv_obj_set_flex_flow(buttons_wrapper, is_landscape_display ? LV_FLEX_FLOW_ROW : LV_FLEX_FLOW_COLUMN);
-
-    const int32_t margin = is_landscape_display
-        ? computeButtonMargin(horizontal_px, total_button_size)
-        : computeButtonMargin(vertical_px, total_button_size);
-
-    const uint32_t child_count = lv_obj_get_child_count(buttons_wrapper);
-    for (uint32_t i = 0; i < child_count; i++) {
-        auto* button = lv_obj_get_child(buttons_wrapper, i);
-        lv_obj_set_style_margin_hor(button, is_landscape_display ? margin : 0, LV_STATE_DEFAULT);
-        lv_obj_set_style_margin_ver(button, is_landscape_display ? 0 : margin, LV_STATE_DEFAULT);
     }
 }
 
-void createWidgets(lv_obj_t* parent, void*) {
+const char* getBatteryStatusIcon(int percentage) {
-    auto* buttons_wrapper = lv_obj_create(parent);
+    if (percentage < 0) return "";
+    if (percentage >= 95) return LVGL_ICON_STATUSBAR_BATTERY_ANDROID_FRAME_FULL;
+    if (percentage >= 64) return LVGL_ICON_STATUSBAR_BATTERY_ANDROID_FRAME_5;
+    if (percentage >= 32) return LVGL_ICON_STATUSBAR_BATTERY_ANDROID_FRAME_3;
+    return LVGL_ICON_STATUSBAR_BATTERY_ANDROID_FRAME_1;
+}
 
-    auto ui_density = lvgl_get_ui_density();
+lv_obj_t* createAppButton(lv_obj_t* parent, const char* icon, const char* app_id, bool emphasized) {
-    const auto button_size = lvgl_get_launcher_icon_font_height();
+    auto* button = lv_button_create(parent);
-    const auto button_padding = getButtonPadding(ui_density, button_size);
+    lv_obj_set_size(button, 52, 52);
-    const auto total_button_size = button_size + (button_padding * 2);
+    lv_obj_set_style_radius(button, 15, LV_PART_MAIN);
+    lv_obj_set_style_shadow_width(button, 0, LV_PART_MAIN);
+    lv_obj_set_style_border_width(button, emphasized ? 2 : 1, LV_PART_MAIN);
+    lv_obj_set_style_border_color(button, emphasized ? ACCENT_COLOR : lv_color_hex(0x746568), LV_PART_MAIN);
+    lv_obj_set_style_border_opa(button, emphasized ? LV_OPA_COVER : LV_OPA_60, LV_PART_MAIN);
+    lv_obj_set_style_bg_color(button, lv_color_hex(0x211B20), LV_PART_MAIN);
+    lv_obj_set_style_bg_opa(button, emphasized ? LV_OPA_80 : LV_OPA_70, LV_PART_MAIN);
+    lv_obj_set_style_bg_color(button, lv_color_hex(0x392C32), LV_STATE_PRESSED);
+    lv_obj_set_style_transform_scale(button, 238, LV_STATE_PRESSED);
+    lv_obj_set_style_outline_color(button, ACCENT_COLOR, LV_STATE_FOCUSED);
+    lv_obj_set_style_outline_width(button, 2, LV_STATE_FOCUSED);
+    lv_obj_set_style_outline_pad(button, 2, LV_STATE_FOCUSED);
 
-    lv_obj_align(buttons_wrapper, LV_ALIGN_CENTER, 0, 0);
+    auto* image = lv_image_create(button);
-    lv_obj_set_size(buttons_wrapper, LV_SIZE_CONTENT, LV_SIZE_CONTENT);
+    lv_obj_set_size(image, 36, 36);
-    lv_obj_set_style_border_width(buttons_wrapper, 0, LV_STATE_DEFAULT);
+    lv_obj_center(image);
-    lv_obj_set_flex_grow(buttons_wrapper, 1);
+    lv_obj_set_style_text_font(image, lvgl_get_launcher_icon_font(), LV_STATE_DEFAULT);
+    lv_image_set_src(image, icon);
+    lv_obj_set_style_image_recolor(image, TEXT_COLOR, LV_STATE_DEFAULT);
+    lv_obj_set_style_image_recolor_opa(image, LV_OPA_COVER, LV_STATE_DEFAULT);
+    lv_obj_add_event_cb(button, onAppPressed, LV_EVENT_SHORT_CLICKED, const_cast<char*>(app_id));
+    return button;
+}
 
-    // Fix for button selection
+void updateInformation(LauncherWidgets& widgets) {
-    lv_obj_set_style_pad_all(buttons_wrapper, 6, LV_STATE_DEFAULT);
+    const std::time_t now = std::time(nullptr);
-
+    std::tm local_time {};
-    const auto* display = lv_obj_get_display(parent);
+    localtime_r(&now, &local_time);
-    const auto horizontal_px = lv_display_get_horizontal_resolution(display);
+    char time_buffer[12];
-    const auto vertical_px = lv_display_get_vertical_resolution(display);
+    char date_buffer[40];
-    const bool is_landscape_display = horizontal_px >= vertical_px;
+    if (local_time.tm_year >= 125) {
-    if (is_landscape_display) {
+        if (settings::isTimeFormat24Hour()) {
-        lv_obj_set_flex_flow(buttons_wrapper, LV_FLEX_FLOW_ROW);
+            std::strftime(time_buffer, sizeof(time_buffer), "%H:%M", &local_time);
+        } else {
+            std::strftime(time_buffer, sizeof(time_buffer), "%I:%M", &local_time);
+            if (time_buffer[0] == '0') std::memmove(time_buffer, time_buffer + 1, std::strlen(time_buffer));
+        }
+        std::strftime(date_buffer, sizeof(date_buffer), "%A, %B %e", &local_time);
     } else {
-        lv_obj_set_flex_flow(buttons_wrapper, LV_FLEX_FLOW_COLUMN);
+        std::strcpy(time_buffer, "--:--");
+        std::strcpy(date_buffer, "Set date and time");
+    }
+    lv_label_set_text(widgets.timeLabel, time_buffer);
+    lv_label_set_text(widgets.dateLabel, date_buffer);
+
+    const auto wifi_state = service::wifi::getRadioState();
+    std::string sd_card_path;
+    const bool sd_ready = findFirstMountedSdCardPath(sd_card_path);
+    const int battery_percentage = getBatteryPercentage();
+    char data_buffer[80];
+    if (battery_percentage >= 0) {
+        std::snprintf(data_buffer, sizeof(data_buffer), "%s  •  %s  •  %d%%",
+            wifi_state == service::wifi::RadioState::ConnectionActive ? "Wi-Fi connected" : "Wi-Fi offline",
+            sd_ready ? "SD ready" : "No SD", battery_percentage);
+    } else {
+        std::snprintf(data_buffer, sizeof(data_buffer), "%s  •  %s",
+            wifi_state == service::wifi::RadioState::ConnectionActive ? "Wi-Fi connected" : "Wi-Fi offline",
+            sd_ready ? "SD ready" : "No SD");
+    }
+    lv_label_set_text(widgets.dataLabel, data_buffer);
+
+    char status_buffer[24];
+    std::snprintf(status_buffer, sizeof(status_buffer), "%s%s", getWifiStatusIcon(wifi_state), getBatteryStatusIcon(battery_percentage));
+    lv_label_set_text(widgets.statusLabel, status_buffer);
+}
+
+void onUpdateTimer(lv_timer_t* timer) {
+    updateInformation(*static_cast<LauncherWidgets*>(lv_timer_get_user_data(timer)));
+}
+
+std::string getDefaultBackgroundPath() {
+    return std::string(file::MOUNT_POINT_SYSTEM) + "/app/Launcher/assets/" + BACKGROUND_ASSET;
+}
+
+void createWidgets(lv_obj_t* parent, void* user_data) {
+    auto& widgets = *static_cast<LauncherWidgets*>(user_data);
+    lv_obj_set_style_bg_color(parent, lv_color_hex(0x211A20), LV_PART_MAIN);
+    lv_obj_set_style_bg_opa(parent, LV_OPA_COVER, LV_PART_MAIN);
+    lv_obj_set_style_pad_all(parent, 0, LV_PART_MAIN);
+    lv_obj_clear_flag(parent, LV_OBJ_FLAG_SCROLLABLE);
+
+    auto* display = lv_obj_get_display(parent);
+    const auto display_width = lv_display_get_horizontal_resolution(display);
+    const auto display_height = lv_display_get_vertical_resolution(display);
+    const bool is_portrait = display_height > display_width;
+
+    auto background_path = lvgl::PATH_PREFIX + getDefaultBackgroundPath();
+    std::string sd_card_path;
+    if (findFirstMountedSdCardPath(sd_card_path)) {
+        const auto custom_background_path = file::getChildPath(sd_card_path, CUSTOM_BACKGROUND_PATH);
+        if (file::isFile(custom_background_path)) {
+            const auto lvgl_custom_background_path = lvgl::PATH_PREFIX + custom_background_path;
+            lv_image_header_t header {};
+            if (lv_image_decoder_get_info(lvgl_custom_background_path.c_str(), &header) == LV_RESULT_OK) {
+                if (header.w >= display_width && header.h >= display_height) {
+                    background_path = lvgl_custom_background_path;
+                    LOG_I(TAG, "Using SD background %s (%ux%u, format 0x%02x)",
+                        custom_background_path.c_str(), header.w, header.h, header.cf);
+                } else {
+                    LOG_W(TAG, "Ignoring undersized SD background %s (%ux%u for %dx%d display)",
+                        custom_background_path.c_str(), header.w, header.h, display_width, display_height);
+                }
+            } else {
+                LOG_W(TAG, "Ignoring invalid SD background %s", custom_background_path.c_str());
+            }
+        }
     }
 
-    const int32_t margin = is_landscape_display
+    auto* background = lv_image_create(parent);
-        ? computeButtonMargin(lv_display_get_horizontal_resolution(display), total_button_size)
+    lv_image_set_src(background, background_path.c_str());
-        : computeButtonMargin(lv_display_get_vertical_resolution(display), total_button_size);
+    lv_obj_align(background, LV_ALIGN_CENTER, 0, 0);
+    lv_obj_add_flag(background, LV_OBJ_FLAG_IGNORE_LAYOUT);
 
-    auto* app_list_button = createAppButton(buttons_wrapper, ui_density, LVGL_ICON_LAUNCHER_APPS, "tactility.applist", margin, is_landscape_display);
+    widgets.timeLabel = lv_label_create(parent);
-    createAppButton(buttons_wrapper, ui_density, LVGL_ICON_LAUNCHER_FOLDER, "tactility.files", margin, is_landscape_display);
+    lv_label_set_text(widgets.timeLabel, "--:--");
-    createAppButton(buttons_wrapper, ui_density, LVGL_ICON_LAUNCHER_SETTINGS, "tactility.settings", margin, is_landscape_display);
+    lv_obj_set_style_text_color(widgets.timeLabel, TEXT_COLOR, LV_PART_MAIN);
+#if LV_FONT_MONTSERRAT_48
+    lv_obj_set_style_text_font(widgets.timeLabel, &lv_font_montserrat_48, LV_PART_MAIN);
+#else
+    lv_obj_set_style_text_font(widgets.timeLabel, lvgl_get_text_font(FONT_SIZE_LARGE), LV_PART_MAIN);
+#endif
+    lv_obj_align(widgets.timeLabel, LV_ALIGN_TOP_LEFT, 18, 58);
 
-    // The launcher's container is several levels below the screen, and LVGL only sends
+    widgets.dateLabel = lv_label_create(parent);
-    // LV_EVENT_SIZE_CHANGED to the screen object itself on a resolution change - so the
+    lv_obj_set_style_text_font(widgets.dateLabel, lvgl_get_text_font(FONT_SIZE_LARGE), LV_PART_MAIN);
-    // handler is attached there, with buttons_wrapper passed through as user data.
+    lv_obj_set_style_text_color(widgets.dateLabel, TEXT_COLOR, LV_PART_MAIN);
-    lv_obj_add_event_cb(lv_obj_get_screen(parent), onButtonsWrapperResized, LV_EVENT_SIZE_CHANGED, buttons_wrapper);
+    lv_obj_align(widgets.dateLabel, LV_ALIGN_TOP_LEFT, 20, 118);
-    lv_obj_add_event_cb(buttons_wrapper, onButtonsWrapperDeleted, LV_EVENT_DELETE, nullptr);
+
+    widgets.dataLabel = lv_label_create(parent);
+    lv_obj_set_width(widgets.dataLabel, is_portrait ? display_width - 40 : 225);
+    lv_label_set_long_mode(widgets.dataLabel, LV_LABEL_LONG_MODE_WRAP);
+    lv_obj_set_style_text_font(widgets.dataLabel, lvgl_get_text_font(FONT_SIZE_SMALL), LV_PART_MAIN);
+    lv_obj_set_style_text_color(widgets.dataLabel, MUTED_TEXT_COLOR, LV_PART_MAIN);
+    lv_obj_align(widgets.dataLabel, LV_ALIGN_TOP_LEFT, 20, 148);
+
+    widgets.statusLabel = lv_label_create(parent);
+    lv_obj_set_style_text_font(widgets.statusLabel, lvgl_get_statusbar_icon_font(), LV_PART_MAIN);
+    lv_obj_set_style_text_color(widgets.statusLabel, TEXT_COLOR, LV_PART_MAIN);
+    lv_obj_align(widgets.statusLabel, LV_ALIGN_TOP_RIGHT, -15, 8);
+
+    auto* button_rail = lv_obj_create(parent);
+    if (is_portrait) {
+        lv_obj_set_size(button_rail, 184, 60);
+        lv_obj_align(button_rail, LV_ALIGN_BOTTOM_MID, 0, -7);
+        lv_obj_set_flex_flow(button_rail, LV_FLEX_FLOW_ROW);
+    } else {
+        lv_obj_set_size(button_rail, 60, 184);
+        lv_obj_align(button_rail, LV_ALIGN_RIGHT_MID, -7, 8);
+        lv_obj_set_flex_flow(button_rail, LV_FLEX_FLOW_COLUMN);
+    }
+    lv_obj_set_flex_align(button_rail, LV_FLEX_ALIGN_SPACE_EVENLY, LV_FLEX_ALIGN_CENTER, LV_FLEX_ALIGN_CENTER);
+    lv_obj_set_style_pad_all(button_rail, 0, LV_PART_MAIN);
+    lv_obj_set_style_border_width(button_rail, 0, LV_PART_MAIN);
+    lv_obj_set_style_bg_opa(button_rail, LV_OPA_TRANSP, LV_PART_MAIN);
+    lv_obj_clear_flag(button_rail, LV_OBJ_FLAG_SCROLLABLE);
+
+    auto* app_list_button = createAppButton(button_rail, LVGL_ICON_LAUNCHER_APPS, "tactility.applist", true);
+    createAppButton(button_rail, LVGL_ICON_LAUNCHER_FOLDER, "tactility.files", false);
+    createAppButton(button_rail, LVGL_ICON_LAUNCHER_SETTINGS, "tactility.settings", false);
 
-    // Some devices (e.g. T-Lora Pager) have no other way to power off, so the
-    // button stays in the launcher; the confirmation flow lives in the PowerOff app.
     if (shouldShowPowerButton()) {
         auto* power_button = lv_button_create(parent);
-        lv_obj_set_style_pad_all(power_button, 8, 0);
+        lv_obj_set_size(power_button, 36, 36);
-        lv_obj_align(power_button, LV_ALIGN_BOTTOM_MID, 0, -10);
+        lv_obj_align(power_button, LV_ALIGN_BOTTOM_LEFT, 16, -12);
-        lv_obj_add_event_cb(power_button, onAppPressed, LV_EVENT_SHORT_CLICKED, (void*)"tactility.poweroff");
+        lv_obj_set_style_radius(power_button, LV_RADIUS_CIRCLE, LV_PART_MAIN);
-        lv_obj_set_style_shadow_width(power_button, 0, LV_STATE_DEFAULT);
+        lv_obj_set_style_shadow_width(power_button, 0, LV_PART_MAIN);
-        lv_obj_set_style_bg_opa(power_button, 0, LV_PART_MAIN);
+        lv_obj_set_style_bg_color(power_button, lv_color_hex(0x211B20), LV_PART_MAIN);
-
+        lv_obj_set_style_bg_opa(power_button, LV_OPA_70, LV_PART_MAIN);
+        lv_obj_add_event_cb(power_button, onAppPressed, LV_EVENT_SHORT_CLICKED, const_cast<char*>("tactility.poweroff"));
         auto* power_label = lv_label_create(power_button);
         lv_label_set_text(power_label, LV_SYMBOL_POWER);
-        lv_obj_set_style_text_color(power_label, lv_theme_get_color_primary(parent), LV_STATE_DEFAULT);
+        lv_obj_set_style_text_color(power_label, TEXT_COLOR, LV_PART_MAIN);
+        lv_obj_center(power_label);
     }
 
-    // If we don't have a touch device, we assume there's some other kind of input like a keyboard, an encoder or button control
-    // In that scenario we want to automatically have the app list button selected so the user doesn't have to press the widget selection
-    // an extra time.
     if (!device_has_active_by_type(&POINTER_TYPE)) {
-        // lv_obj_update_layout(parent); // Resolve flex layout first, so focus/state invalidate against final coords
         lv_group_focus_obj(app_list_button);
         lv_obj_add_state(app_list_button, LV_STATE_FOCUS_KEY);
     }
+
+    updateInformation(widgets);
+    widgets.updateTimer = lv_timer_create(onUpdateTimer, 1000, &widgets);
+}
+
+void destroyWidgets(void* user_data) {
+    auto& widgets = *static_cast<LauncherWidgets*>(user_data);
+    if (widgets.updateTimer != nullptr) {
+        lv_timer_delete(widgets.updateTimer);
+        widgets.updateTimer = nullptr;
+    }
+    widgets.timeLabel = nullptr;
+    widgets.dateLabel = nullptr;
+    widgets.dataLabel = nullptr;
+    widgets.statusLabel = nullptr;
 }
 
 void runAutoStart() {
     settings::BootSettings boot_properties;
     AppManifest manifest;
-    if (
+    if (strcmp(CONFIG_TT_AUTO_START_APP_ID, "") != 0 &&
-        // Auto-start due to built-in requirement
+        app_manager_find_manifest(CONFIG_TT_AUTO_START_APP_ID, &manifest) == ERROR_NONE) {
-        strcmp(CONFIG_TT_AUTO_START_APP_ID, "") != 0 &&
-        app_manager_find_manifest(CONFIG_TT_AUTO_START_APP_ID, &manifest) == ERROR_NONE
-    ) {
         LOG_I(TAG, "Starting %s", CONFIG_TT_AUTO_START_APP_ID);
         uint32_t app_launch_id;
         app_start(CONFIG_TT_AUTO_START_APP_ID, 0, nullptr, &app_launch_id);
-    } else if (
+    } else if (settings::loadBootSettings(boot_properties) &&
-        // Auto-start due to user configuration
+               !boot_properties.autoStartAppId.empty() &&
-        settings::loadBootSettings(boot_properties) &&
+               app_manager_find_manifest(boot_properties.autoStartAppId.c_str(), &manifest) == ERROR_NONE) {
-        !boot_properties.autoStartAppId.empty() &&
-        app_manager_find_manifest(boot_properties.autoStartAppId.c_str(), &manifest) == ERROR_NONE
-    ) {
         LOG_I(TAG, "Starting %s", boot_properties.autoStartAppId.c_str());
         uint32_t app_launch_id;
         app_start(boot_properties.autoStartAppId.c_str(), 0, nullptr, &app_launch_id);
-    } else {
+    } else if (!setup::isCompleted()) {
-        // No auto-start, consider running system setup
+        setup::start();
-        if (!setup::isCompleted()) {
-            setup::start();
-        }
     }
 }
 
 int32_t appMain(int argc, char* argv[]) {
-    uint32_t appInstanceId = app_scheduler_current_app_id();
+    uint32_t app_instance_id = app_scheduler_current_app_id();
     runAutoStart();
 
+    LauncherWidgets widgets;
+    WindowId window = window_manager_create_ext(app_instance_id, createWidgets, destroyWidgets, &widgets);
+
     TaskEventGroup event_group {};
     task_event_group_construct(&event_group);
-
     AppEventSubscription sub {};
     check(app_event_subscribe(&sub, &event_group) == ERROR_NONE);
 
-    WindowId window = window_manager_create(appInstanceId, createWidgets, nullptr);
-
-    // The launcher is meant to stay resident (it's the home screen) - it only gives up its
-    // thread when app-module's scheduler asks it to (e.g. another new-model app is started).
     while (true) {
         task_event_group_wait_any(&event_group, nullptr, portMAX_DELAY);
-
+        bool should_close = false;
-        bool shouldClose = false;
         AppEvent event {};
         while (app_event_poll(&sub, &event) == ERROR_NONE) {
             if (event.type == APP_EVENT_CLOSE) {
-                shouldClose = true;
+                should_close = true;
                 break;
             }
         }
-        if (shouldClose) break;
+        if (should_close) break;
     }
 
     window_manager_remove(window);
@@ -275,16 +363,13 @@ extern const ::AppManifest manifest = {
     .category = APP_CATEGORY_SYSTEM,
     .location = { .type = APP_LOCATION_MEMORY, .location = reinterpret_cast<void*>(appMain) },
     .flags = APP_MANIFEST_FLAG_HIDDEN,
-    // No file IO, so callstack can be in external RAM
+    .stack = { .depth = 3072, .desired_memory_capability = MEMORY_CAPABILITY_EXTERNAL }
-    .stack = { .depth = 3072 , .desired_memory_capability = MEMORY_CAPABILITY_EXTERNAL }
 };
 
-// Kept for Tactility/Private/Tactility/app/launcher/Launcher.h's existing declaration (still
-// used by the old, unconverted CrashDiagnostics app to return to the launcher after a crash).
 uint32_t start() {
     uint32_t instance_id = 0;
     app_start(manifest.id, 0, nullptr, &instance_id);
     return instance_id;
 }
 
-} // namespace
+} // namespace tt::app::launcher

partitions-16mb-with-sd.csv

@@ -3,4 +3,4 @@
 nvs,      data, nvs,     0x9000,   0x6000,
 phy_init, data, phy,     0xf000,   0x1000,
 factory,  app,  factory, 0x10000,  4M,
-system,   data, fat,            ,  128k,
+system,   data, fat,            ,  512k,