Overhaul folder editor in phased UX release

Author: alexphillips-dev

archive/folderview.plus-2026.03.06.9.txz

@@ -6,13 +6,26 @@
 <!ENTITY launch "Settings/FolderViewPlus">
 <!ENTITY plugdir "/usr/local/emhttp/plugins/&name;">
 <!ENTITY pluginURL "https://raw.githubusercontent.com/&github;/main/folderview.plus.plg">
-<!ENTITY version "2026.03.06.8">
-<!ENTITY md5 "67aea9090e46b4c414496f7edc9b95e5">
+<!ENTITY version "2026.03.06.9">
+<!ENTITY md5 "9ce8fe4b57d37666e27c4724d33cf056">
 ]>
 
 <PLUGIN name="&name;" author="&author;" version="&version;" launch="&launch;" pluginURL="&pluginURL;" icon="folder-open-o" support="https://github.com/alexphillips-dev/FolderView-Plus/issues" min="7.0.0">
     <CHANGES>
 
+###2026.03.06.9
+- Phase 1 folder editor overhaul:
+  - add section navigation (General, Members, Preview, Actions, Automation, Advanced),
+  - add compact live summary panel with preview/context/member status insight.
+- Phase 2 usability/safety upgrades:
+  - replace drag-only member ordering with explicit up/down controls,
+  - add member search + filter controls (all/included/excluded/regex/manual),
+  - add inline validation for folder name, regex, WebUI URL, and graph time,
+  - add unsaved-changes indicator with unload/cancel protection and reset action.
+- Phase 3 live diagnostics inside editor:
+  - add regex simulator with single-name probe and match-count preview across current members.
+- Add `Save as copy` workflow in folder editor with automatic non-colliding copy names.
+
 ###2026.03.06.8
 - Add full rules simulator for Docker/VM to preview assignment outcomes across all items.
 - Upgrade import preview with row-level diffs (action, id, name, changed fields).

folderview.plus.plg

@@ -22,7 +22,7 @@ Markdown="false"
 <script src="<?autov('/plugins/folderview.plus/scripts/include/jquery.multiselect.js')?>"></script>
 
 <div class="canvas">
-    <form onsubmit="submitForm(this); return false">
+    <form class="folder-editor-form" onsubmit="submitForm(this, false); return false">
         <div class="basic">
             <dl>
                 <dt data-i18n="name">Name:</dt>
@@ -510,15 +510,21 @@ Markdown="false"
                 </p>
             </blockquote>
         </div>
-        <input type="submit" value="Submit" data-i18n="[value]submit">
-        <input type="button" value="Cancel" data-i18n="[value]cancel" onclick="cancelBtn()">
+        <input class="folder-btn-submit" type="submit" value="Submit" data-i18n="[value]submit">
+        <input class="folder-btn-copy" type="button" value="Save as copy" onclick="submitForm(this.form, true); return false;">
+        <input class="folder-btn-reset" type="button" value="Reset unsaved changes" onclick="resetUnsavedChanges(); return false;">
+        <input class="folder-btn-cancel" type="button" value="Cancel" data-i18n="[value]cancel" onclick="cancelBtn()">
+        <span id="unsavedIndicator" class="folder-unsaved-indicator" style="display:none;">Unsaved changes</span>
         <div class="basic order-section">
             <dl>
                 <dt data-i18n="order">Order:</dt>
                 <dd>
                     <table class="sortable">
                         <thead>
                             <tr>
+                                <th>
+                                    Order
+                                </th>
                                 <th data-i18n="table-name">
                                     Name
                                 </th>
@@ -534,7 +540,7 @@ Markdown="false"
             </dl>
             <blockquote class="inline_help">
                 <p data-i18n="[html]order-tooltip">
-                    Drag and drop to make your desired order, if you edit the regex the selection will be deselected.
+                    Use the up/down buttons to set your desired order. Regex-selected entries are auto-included and locked.
                 </p>
             </blockquote>
         </div>