New/Upload buttons with the file tree, above or below

Co-Authored-By: Claude Opus 5.5 <[email protected]>

Client/Browser.py

@@ -68,11 +68,13 @@ class Browser(ft.Column):
             ),
             items=[],
         )
+        # Shown with the sidebar tree, above or below it (Filetree.SetEntryButtons).
+        self.EntryButtons = ft.Container(
+            ft.Row([self.NewFileButton, self.NewDirectoryButton, self.UploadButton], wrap=True, spacing=6, run_spacing=6),
+            padding=ft.Padding.symmetric(horizontal=8, vertical=8),
+        )
         self.ActionsToolbar = ft.Row(
             [
-                self.NewFileButton,
-                self.NewDirectoryButton,
-                self.UploadButton,
                 ft.IconButton(icon=ft.Icons.HUB_OUTLINED, icon_color=Palette.Mauve, tooltip="Graph (Ctrl+G)",
                               on_click=lambda e: self.ShowGraph()),
                 ft.IconButton(icon=ft.Icons.REFRESH, icon_color=Palette.Mauve, tooltip="Refresh (Ctrl+R)",

Client/Core.py

@@ -173,6 +173,9 @@ class AppConfig:
     ShowSidebar: bool = True
     SidebarWidth: int = 240
     ShowFilesInTree: bool = True  # False: the sidebar tree shows directories only
+    # New File / New Directory / Upload: above the sidebar tree, or below it
+    # (the web view's setting of the same name).
+    NewEntryButtonsAtTop: bool = False
     FontSize: int = 14  # file list and viewer text
     # "Separate": Markdown opens rendered, with Edit/View to switch to the raw
     # text. "Live": rendered, and clicking a block shows its Markdown to edit

Client/Filetree.py

@@ -124,15 +124,22 @@ class Filetree(ft.Container):
         self.PathNodes: list[_FiletreeNode] = []  # the directories you're in, marked
         self.TreeList = ft.ListView(expand=True)
         self.SourceLabel = ft.Text("", size=12, color=Palette.Overlay0, overflow=ft.TextOverflow.ELLIPSIS, max_lines=1)
+        self.Header = ft.Container(self.SourceLabel, padding=ft.Padding.only(left=12, right=12, top=10, bottom=4))
+        self.Layout = ft.Column([self.Header, self.TreeList], spacing=0, expand=True)
         super().__init__(
-            content=ft.Column([
-                ft.Container(self.SourceLabel, padding=ft.Padding.only(left=12, right=12, top=10, bottom=4)),
-                self.TreeList,
-            ], spacing=0, expand=True),
+            content=self.Layout,
             width=TheApp.Config.SidebarWidth,
             bgcolor=Palette.Mantle,
         )
 
+    def SetEntryButtons(self, Buttons: ft.Control, AtTop: bool, Update: bool = True) -> None:
+        """New File / New Directory / Upload, above or below the tree (Config.NewEntryButtonsAtTop)."""
+        Divider = ft.Divider(height=1, color=Palette.Surface1)
+        self.Layout.controls = ([self.Header, Buttons, Divider, self.TreeList] if AtTop
+                                else [self.Header, self.TreeList, Divider, Buttons])
+        if Update:
+            self.update()
+
     def Reload(self) -> None:
         """Rebuilds the tree from the current source (after connecting,
         logging in or out, or a change that moved things around)."""

Client/Main.py

@@ -66,6 +66,7 @@ def Main(Page: ft.Page) -> None:
 
     def OnSettingsSaved(Reconnect: bool) -> None:
         Tree.visible = Divider.visible = Config.ShowSidebar
+        Tree.SetEntryButtons(TheBrowser.EntryButtons, Config.NewEntryButtonsAtTop, Update=False)
         if Reconnect:
             TheApp.Connect()  # its listeners reload the tree and the browser
         else:
@@ -92,6 +93,7 @@ def Main(Page: ft.Page) -> None:
                          lambda Category=None: ShowSettings(Category or ("Connection" if TheApp.ConnectError else "General")),
                          ToggleSidebar)
     Tree = Filetree(TheApp, TheBrowser.NavigateTo, TheBrowser.OpenFile)
+    Tree.SetEntryButtons(TheBrowser.EntryButtons, Config.NewEntryButtonsAtTop, Update=False)
     Divider = ResizeHandle(OnDrag, OnDragEnd)
     Tree.visible = Divider.visible = Config.ShowSidebar
     # STRETCH so the divider gets the full height to be dragged along.

Client/Settings.py

@@ -101,6 +101,8 @@ def ShowSettingsDialog(TheApp: App, OnSaved: Callable[[bool], None], StartCatego
     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)
+    ButtonsAtTopSwitch = ft.Switch(label="New File, New Directory and Upload above the tree (off: below)",
+                                   value=Config.NewEntryButtonsAtTop)
     MarkdownEditingPicker = ft.RadioGroup(
         ft.Column([
             ft.Radio(value="Live", label="Live: click a part of the rendered file to edit its Markdown"),
@@ -224,7 +226,7 @@ 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, TreeFilesSwitch, FontSizeField, MenuButton,
+            OpenInAppSwitch, ConfirmDeleteSwitch, SidebarSwitch, TreeFilesSwitch, ButtonsAtTopSwitch, FontSizeField, MenuButton,
             ft.Divider(height=1, color=Palette.Surface1),
             ft.Text("Markdown editing"),
             MarkdownEditingPicker,
@@ -278,6 +280,7 @@ def ShowSettingsDialog(TheApp: App, OnSaved: Callable[[bool], None], StartCatego
         Config.ConfirmDelete = ConfirmDeleteSwitch.value
         Config.ShowSidebar = SidebarSwitch.value
         Config.ShowFilesInTree = TreeFilesSwitch.value
+        Config.NewEntryButtonsAtTop = ButtonsAtTopSwitch.value
         Config.MarkdownEditing = MarkdownEditingPicker.value or Config.MarkdownEditing
         RemoveDiagramTools = Config.LocalDiagrams and not LocalDiagramsSwitch.value
         Config.LocalDiagrams = LocalDiagramsSwitch.value