Add live Markdown editing, colours and files in the tree

Client/Settings.py

@@ -99,6 +99,14 @@ def ShowSettingsDialog(TheApp: App, OnSaved: Callable[[bool], None], StartCatego
                                 value=Config.OpenFilesInApp)
     ConfirmDeleteSwitch = ft.Switch(label="Ask before deleting", value=Config.ConfirmDelete)
     SidebarSwitch = ft.Switch(label="Show the directory tree (Ctrl+B)", value=Config.ShowSidebar)
+    TreeFilesSwitch = ft.Switch(label="Show files in the tree (off: directories only)", value=Config.ShowFilesInTree)
+    MarkdownEditingPicker = ft.RadioGroup(
+        ft.Column([
+            ft.Radio(value="Live", label="Live: click a part of the rendered file to edit its Markdown"),
+            ft.Radio(value="Separate", label="Separate: View and Edit are two modes"),
+        ], spacing=0),
+        value=Config.MarkdownEditing,
+    )
     FontSizeField = ft.TextField(label="Text size", value=str(Config.FontSize), keyboard_type=ft.KeyboardType.NUMBER, width=160)
 
     def ToggleMenuEntry(e) -> None:
@@ -190,7 +198,10 @@ def ShowSettingsDialog(TheApp: App, OnSaved: Callable[[bool], None], StartCatego
             ft.Row([ChipButton("Export", OnExport), ChipButton("Import", OnImport)]),
         ], spacing=12, scroll=ft.ScrollMode.AUTO),
         "General": ft.Column([
-            OpenInAppSwitch, ConfirmDeleteSwitch, SidebarSwitch, FontSizeField, MenuButton,
+            OpenInAppSwitch, ConfirmDeleteSwitch, SidebarSwitch, TreeFilesSwitch, FontSizeField, MenuButton,
+            ft.Divider(height=1, color=Palette.Surface1),
+            ft.Text("Markdown editing"),
+            MarkdownEditingPicker,
             ft.Divider(height=1, color=Palette.Surface1),
             OwnAppearance,
         ], spacing=12, scroll=ft.ScrollMode.AUTO),
@@ -227,6 +238,8 @@ def ShowSettingsDialog(TheApp: App, OnSaved: Callable[[bool], None], StartCatego
         Config.OpenFilesInApp = OpenInAppSwitch.value
         Config.ConfirmDelete = ConfirmDeleteSwitch.value
         Config.ShowSidebar = SidebarSwitch.value
+        Config.ShowFilesInTree = TreeFilesSwitch.value
+        Config.MarkdownEditing = MarkdownEditingPicker.value or Config.MarkdownEditing
         Config.FontSize = _ReadInt(FontSizeField, Config.FontSize, 8, 32)
         Config.Mode = ModePicker.value or Config.Mode
         Config.LocalRoot = (LocalRootField.value or "").strip() or "~"