feat(image): add Custom export option opening configurable display di...

PR_DESCRIPTION_Amitjoiya_185.md

@@ -0,0 +1,17 @@
+### Overview
+This PR re-submits the clean version of my previous contribution that adds a **"Custom" option** on the image screen (similar to Arduino).
+
+### Features
+- Added "Custom" option to image screen.
+- Opens a configuration screen for:
+	- Custom screen size
+	- Display driver/SDK
+	- Color selection
+	- Activity type
+
+### Notes
+- Only relevant changes are included.
+- No formatting or unrelated file modifications.
+- All code written manually following project conventions.
+
+Thank you for the feedback earlier — I’ve created this clean PR as requested.

lib/view/image_editor.dart

@@ -20,6 +20,9 @@ import 'package:magicepaperapp/constants/color_constants.dart';
 import 'package:magicepaperapp/l10n/app_localizations.dart';
 import '../util/app_logger.dart';
 import 'package:magicepaperapp/provider/getitlocator.dart';
+import 'package:magicepaperapp/view/widget/configurable_epd_dialog.dart';
+import 'package:magicepaperapp/util/epd/configurable_editor.dart';
+import 'package:magicepaperapp/provider/color_palette_provider.dart';
 
 AppLocalizations appLocalizations = getIt.get<AppLocalizations>();
 
@@ -722,6 +725,54 @@ class BottomActionMenu extends StatelessWidget {
                   }
                 },
               ),
+              _buildActionButton(
+                context: context,
+                icon: Icons.developer_mode_outlined,
+                label: 'Custom',
+                onTap: () async {
+                  // Open the existing configurable EPD dialog used by the drawer/Arduino flow
+                  final configurable = ConfigurableEpd(
+                    modelId: 'NA',
+                    width: 400,
+                    height: 300,
+                    colors: [Colors.white, Colors.black, Colors.red],
+                  );
+
+                  final result = await showDialog<CustomEpdConfig>(
+                    context: context,
+                    builder: (context) => ConfigurableEpdDialog(
+                      initialWidth: configurable.width,
+                      initialHeight: configurable.height,
+                      initialColors: List<Color>.from(configurable.colors),
+                    ),
+                  );
+
+                  if (result != null) {
+                    final customEpd = ConfigurableEpd(
+                      width: result.width,
+                      height: result.height,
+                      colors: result.colors,
+                      name: result.presetName,
+                      modelId: result.presetName,
+                    );
+
+                     try {
+                      context.read<ColorPaletteProvider>().updateColors(customEpd.colors);
+                    } catch (e, stackTrace) {
+                      // provider may not be available in some contexts; log for debugging
+                      debugPrint('ColorPaletteProvider unavailable: $e\n$stackTrace');
+                    }
+
+                    // Open export-only ImageEditor with the custom display
+                    Navigator.push(
+                      context,
+                      MaterialPageRoute(
+                        builder: (context) => ImageEditor(isExportOnly: true, device: customEpd),
+                      ),
+                    );
+                  }
+                },
+              ),
             ],
           ),
         ),