domma-cms 0.44.0 → 0.45.1

package/admin/js/templates/form-editor.html

@@ -60,7 +60,7 @@
           <div class="card-header" style="display:flex;justify-content:space-between;align-items:center;">
             <h2><span data-icon="eye"></span> Preview</h2>
             <span id="preview-test-badge"
-                  style="display:none;font-size:.75rem;padding:.2rem .6rem;border-radius:999px;background:color-mix(in srgb, var(--dm-primary) 15%, transparent);color:var(--dm-primary,#6366f1);">Test Mode — submissions are stored</span>
+                  style="display:none;font-size:.75rem;padding:.2rem .6rem;border-radius:999px;background:color-mix(in srgb, var(--dm-primary) 15%, transparent);color:var(--dm-primary,#6366f1);">Test Mode - submissions are stored</span>
           </div>
           <div class="card-body">
             <div id="preview-container"></div>
@@ -100,7 +100,7 @@
                 <div class="col-6">
                     <label class="form-label">Project</label>
                     <select id="field-project" class="form-input">
-                        <option value="">— none —</option>
+                        <option value="">- none -</option>
                     </select>
                     <p class="form-hint text-muted" style="margin-top:.3rem;font-size:.8rem;">Tag this form to a project for grouping.</p>
                 </div>
@@ -141,9 +141,9 @@
             <div class="mb-3">
             <label class="form-label">Layout</label>
             <select id="setting-layout" class="form-select">
+                <option value="grid">Grid</option>
               <option value="stacked">Stacked</option>
               <option value="inline">Inline</option>
-                <option value="grid">Grid</option>
             </select>
             </div>
             <div id="columns-group" style="display:none;">
@@ -219,11 +219,11 @@
               <div class="mb-3">
                 <label class="form-label">Action on Submit</label>
                 <select id="action-cms-slug" class="form-select">
-                  <option value="">— None —</option>
+                  <option value="">- None -</option>
                 </select>
                 <p class="form-hint text-muted" style="margin-top:.3rem;font-size:.8rem;">
                   Run a CMS Action after the entry is stored. Requires Pro (MongoDB).
-                  Failures are non-fatal — the submission is always saved first.
+                  Failures are non-fatal - the submission is always saved first.
                 </p>
               </div>
             </div>

package/admin/js/templates/forms.html

@@ -1,17 +1,17 @@
-<div class="view-header">
-    <h1><span data-icon="layout"></span> Forms</h1>
-    <div style="display:flex;gap:.5rem;">
-        <button id="test-email-btn" class="btn btn-ghost btn-sm">
-            <span data-icon="mail"></span> Test Email
-        </button>
-        <button id="create-form-btn" class="btn btn-primary">
-            <span data-icon="plus"></span> Create Form
-        </button>
-    </div>
-</div>
-
-<div class="card">
-    <div class="card-body">
-        <div id="forms-table"></div>
-    </div>
-</div>
+<div class="view-header">
+    <h1><span data-icon="layout"></span> Forms</h1>
+    <div style="display:flex;gap:.5rem;">
+        <button id="test-email-btn" class="btn btn-ghost btn-sm">
+            <span data-icon="mail"></span> Test Email
+        </button>
+        <button id="create-form-btn" class="btn btn-primary">
+            <span data-icon="plus"></span> Create Form
+        </button>
+    </div>
+</div>
+
+<div class="card">
+    <div class="card-body">
+        <div id="forms-table"></div>
+    </div>
+</div>

package/admin/js/templates/login.html

@@ -6,14 +6,14 @@
                 <h1>Domma CMS</h1>
             </div>
 
-            <!-- ── Step 1: Setup (first-time — no users exist) ── -->
+            <!-- ── Step 1: Setup (first-time - no users exist) ── -->
             <div id="setup-panel" style="display:none">
-                <h2 class="login-heading">Welcome — create your admin account</h2>
+                <h2 class="login-heading">Welcome - create your admin account</h2>
                 <p class="text-muted mb-4">This is a first-time setup. Set up your administrator account to get started.</p>
                 <div id="setup-form-container"></div>
             </div>
 
-            <!-- ── Step 2: Onboarding — Site Identity ── -->
+            <!-- ── Step 2: Onboarding - Site Identity ── -->
             <div id="onboarding-site-panel" style="display:none">
                 <h2 class="login-heading">Name your site</h2>
                 <p class="text-muted mb-4">You can change these any time from Settings.</p>
@@ -30,7 +30,7 @@
                 <a href="#" id="ob-site-skip" class="btn-skip">Skip this step</a>
             </div>
 
-            <!-- ── Step 3: Onboarding — Theme Picker ── -->
+            <!-- ── Step 3: Onboarding - Theme Picker ── -->
             <div id="onboarding-theme-panel" style="display:none">
                 <h2 class="login-heading">Choose a theme</h2>
                 <p class="text-muted mb-3">Pick the colour scheme for your site. You can change it later.</p>
@@ -40,7 +40,7 @@
                 <a href="#" id="ob-theme-skip" class="btn-skip">Skip this step</a>
             </div>
 
-            <!-- ── Step 4: Onboarding — Done ── -->
+            <!-- ── Step 4: Onboarding - Done ── -->
             <div id="onboarding-done-panel" style="display:none">
                 <div class="ob-done-icon"><span data-icon="check-circle"></span></div>
                 <h2 class="login-heading">You're all set!</h2>

package/admin/js/templates/menu-editor.html

@@ -26,13 +26,13 @@
 
                 <div class="tab-panel" id="me-behaviour" data-panel="me-behaviour">
                     <p class="text-muted mb-3" id="me-behaviour-note">
-                        Variant + style (font / icon size) apply both to the public <strong>navbar</strong> and the <strong>admin sidebar</strong>. The <strong>position</strong> field only affects the public navbar — the admin sidebar's position is fixed by the admin shell. Footer columns ignore everything here.
+                        Variant + style (font / icon size) apply both to the public <strong>navbar</strong> and the <strong>admin sidebar</strong>. The <strong>position</strong> field only affects the public navbar - the admin sidebar's position is fixed by the admin shell. Footer columns ignore everything here.
                     </p>
                     <div class="grid grid-cols-2 dm-pe-grid">
                         <div class="form-group">
                             <label for="me-variant">Variant</label>
                             <select id="me-variant" name="variant" class="form-input">
-                                <option value="">— default —</option>
+                                <option value="">- default -</option>
                                 <option value="transparent">Transparent</option>
                                 <option value="dark">Dark</option>
                                 <option value="light">Light</option>
@@ -42,7 +42,7 @@
                         <div class="form-group">
                             <label for="me-position">Position</label>
                             <select id="me-position" name="position" class="form-input">
-                                <option value="">— default —</option>
+                                <option value="">- default -</option>
                                 <option value="sticky">Sticky</option>
                                 <option value="fixed">Fixed</option>
                                 <option value="static">Static</option>
@@ -52,11 +52,11 @@
                         <div class="form-group">
                             <label for="me-orientation">Orientation</label>
                             <select id="me-orientation" name="orientation" class="form-input">
-                                <option value="">— default (horizontal) —</option>
+                                <option value="">- default (horizontal) -</option>
                                 <option value="horizontal">Horizontal</option>
                                 <option value="vertical">Vertical</option>
                             </select>
-                            <small class="form-hint">Vertical stacks the items into a column — a docked side rail in the navbar slot, an indented list for <code>[menu]</code> and floating panels. Below 993px the navbar always falls back to the mobile drawer.</small>
+                            <small class="form-hint">Vertical stacks the items into a column - a docked side rail in the navbar slot, an indented list for <code>[menu]</code> and floating panels. Below 993px the navbar always falls back to the mobile drawer.</small>
                         </div>
                         <div class="form-group dm-vertical-field" style="display:none">
                             <label for="me-side">Rail side</label>
@@ -96,7 +96,7 @@
                         <div class="form-group dm-float-field" style="display:none">
                             <label for="me-float-shadow">Shadow</label>
                             <select id="me-float-shadow" name="floatShadow" class="form-input">
-                                <option value="">— theme default —</option>
+                                <option value="">- theme default -</option>
                                 <option value="none">None</option>
                                 <option value="sm">Small</option>
                                 <option value="md">Medium</option>
@@ -108,7 +108,7 @@
                             <label for="me-float-accent">Accent colour</label>
                             <div class="me-colour-control">
                                 <select id="me-float-accent" name="floatAccent" class="form-input">
-                                    <option value="">— none —</option>
+                                    <option value="">- none -</option>
                                     <option value="primary">primary</option>
                                     <option value="success">success</option>
                                     <option value="danger">danger</option>
@@ -159,7 +159,7 @@
                 <div class="tab-panel" id="me-binding" data-panel="me-binding">
                     <p class="text-muted mb-3">
                         A binding lets this menu <strong>take over a slot for part of the site</strong> instead of
-                        being mapped to it everywhere. Pick the slot, then say where it applies — a project, a list of
+                        being mapped to it everywhere. Pick the slot, then say where it applies - a project, a list of
                         page URLs, or both. On matching pages this menu replaces whatever
                         <a href="#/menu-locations">Menu locations</a> maps to that slot; everywhere else the mapped
                         menu still renders. The most specific match wins: an exact page URL beats a wildcard, which
@@ -169,7 +169,7 @@
                         <div class="form-group">
                             <label for="me-bind-slot">Slot</label>
                             <select id="me-bind-slot" name="bindSlot" class="form-input"></select>
-                            <small class="form-hint">Leave unset for no binding — this menu then only renders where it is mapped or where a <code>[menu]</code> shortcode places it.</small>
+                            <small class="form-hint">Leave unset for no binding - this menu then only renders where it is mapped or where a <code>[menu]</code> shortcode places it.</small>
                         </div>
                         <div class="form-group">
                             <label for="me-bind-projects">Projects</label>
@@ -196,7 +196,7 @@
                         <div class="form-group">
                             <label for="me-slug">Slug <span class="required">*</span></label>
                             <input type="text" id="me-slug" name="slug" class="form-input" required>
-                            <small class="form-hint">Lowercase alphanumeric + hyphen — affects file name</small>
+                            <small class="form-hint">Lowercase alphanumeric + hyphen - affects file name</small>
                         </div>
                         <div class="form-group">
                             <label for="me-name">Name <span class="required">*</span></label>

package/admin/js/templates/my-profile.html

@@ -1,17 +1,17 @@
-<div class="view-header">
-    <h1><span data-icon="user"></span> My Profile</h1>
-</div>
-
-<div class="card">
-    <div class="card-header"><h2>Account</h2></div>
-    <div class="card-body">
-        <div id="account-form-container"></div>
-    </div>
-</div>
-
-<div class="card mt-4" id="profile-card" style="display:none;">
-    <div class="card-header"><h2>Profile</h2></div>
-    <div class="card-body">
-        <div id="profile-form-container"></div>
-    </div>
-</div>
+<div class="view-header">
+    <h1><span data-icon="user"></span> My Profile</h1>
+</div>
+
+<div class="card">
+    <div class="card-header"><h2>Account</h2></div>
+    <div class="card-body">
+        <div id="account-form-container"></div>
+    </div>
+</div>
+
+<div class="card mt-4" id="profile-card" style="display:none;">
+    <div class="card-header"><h2>Profile</h2></div>
+    <div class="card-body">
+        <div id="profile-form-container"></div>
+    </div>
+</div>

package/admin/js/templates/navigation.html

@@ -141,14 +141,14 @@
                 <label class="form-label">Font Size</label>
                 <select id="field-nav-font-size" class="form-select">
                     <option value="">Default</option>
-                    <option value="12px">12px — XS</option>
-                    <option value="13px">13px — Small</option>
-                    <option value="14px">14px — Compact</option>
+                    <option value="12px">12px - XS</option>
+                    <option value="13px">13px - Small</option>
+                    <option value="14px">14px - Compact</option>
                     <option value="15px">15px</option>
-                    <option value="16px">16px — Base</option>
+                    <option value="16px">16px - Base</option>
                     <option value="17px">17px</option>
-                    <option value="18px">18px — Large</option>
-                    <option value="20px">20px — XL</option>
+                    <option value="18px">18px - Large</option>
+                    <option value="20px">20px - XL</option>
                 </select>
             </div>
             <div class="col-2">
@@ -180,14 +180,14 @@
                 <label class="form-label">Icon Size</label>
                 <select id="field-nav-icon-size" class="form-select">
                     <option value="">Default</option>
-                    <option value="12px">12px — XS</option>
-                    <option value="14px">14px — Small</option>
-                    <option value="16px">16px — Base</option>
+                    <option value="12px">12px - XS</option>
+                    <option value="14px">14px - Small</option>
+                    <option value="16px">16px - Base</option>
                     <option value="18px">18px</option>
                     <option value="20px">20px</option>
                     <option value="22px">22px</option>
-                    <option value="24px">24px — Large</option>
-                    <option value="28px">28px — XL</option>
+                    <option value="24px">24px - Large</option>
+                    <option value="28px">28px - XL</option>
                 </select>
             </div>
         </div>

package/admin/js/templates/notifications.html

@@ -8,7 +8,7 @@
     <div id="notif-empty" hidden class="card">
         <div class="card-body" style="text-align:center;padding:3rem;color:var(--dm-text-muted)">
             <span data-icon="check-circle" style="font-size:2rem;display:block;margin-bottom:.5rem"></span>
-            <p>No notifications — you're all caught up.</p>
+            <p>No notifications - you're all caught up.</p>
         </div>
     </div>
 </div>

package/admin/js/templates/page-editor.html

@@ -89,7 +89,7 @@
         <div class="col-4">
           <label class="form-label">Visibility</label>
           <select id="field-visibility" class="form-select">
-            <option value="public">Public — everyone</option>
+            <option value="public">Public - everyone</option>
             <option value="subscriber">Subscribers &amp; above</option>
             <option value="editor">Editors &amp; above</option>
             <option value="manager">Managers &amp; above</option>
@@ -99,9 +99,9 @@
         <div class="col-4">
           <label class="form-label">Project</label>
           <select id="field-project" class="form-select">
-            <option value="">(none)</option>
+            <option value="">Inherit from URL</option>
           </select>
-          <small class="form-hint">Pre-filled from URL inheritance; choose explicitly to override.</small>
+          <small class="form-hint">Pre-filled from the project you came from, or from URL inheritance; choose explicitly to override.</small>
         </div>
       </div>
       <div class="row mb-3">
@@ -164,7 +164,7 @@
       <textarea id="field-dconfig" class="form-input dconfig-textarea"
                 placeholder='{ "#my-btn": { "events": { "click": { "target": "#panel", "toggleClass": "hidden" } } } }'></textarea>
       <small class="form-hint">Declarative click handlers and class toggles applied on page load. Merged with any <code>[dconfig]</code>
-        shortcodes in the content body — inline shortcodes win on selector conflict. Leave blank if unused.</small>
+        shortcodes in the content body - inline shortcodes win on selector conflict. Leave blank if unused.</small>
     </div>
 
     <!-- Live Preview -->

package/admin/js/templates/pro-docs.html

@@ -46,7 +46,7 @@
             </tbody>
           </table>
           <p class="text-muted" style="margin-top:.75rem;">Blocked: <code>$out</code>, <code>$merge</code>, <code>$function</code>, <code>$accumulator</code>, <code>$graphLookup</code></p>
-          <p>Collections are prefixed <code>cms_</code> in MongoDB — use this prefix in <code>$lookup</code> <code>from</code> values.</p>
+          <p>Collections are prefixed <code>cms_</code> in MongoDB - use this prefix in <code>$lookup</code> <code>from</code> values.</p>
         </div>
       </div>
 
@@ -85,8 +85,8 @@
             <tbody>
               <tr><td>Allowed Roles</td><td>Which roles can call <code>GET /api/views/:slug/public</code></td></tr>
               <tr><td>Public</td><td>No authentication required when checked</td></tr>
-              <tr><td>Row-Level — Owner</td><td>User sees only entries they created</td></tr>
-              <tr><td>Row-Level — Field Match</td><td>A specified entry field must match a user property</td></tr>
+              <tr><td>Row-Level - Owner</td><td>User sees only entries they created</td></tr>
+              <tr><td>Row-Level - Field Match</td><td>A specified entry field must match a user property</td></tr>
             </tbody>
           </table>
         </div>
@@ -156,14 +156,14 @@
           <span class="card-collapse-icon" data-icon="chevron-down"></span>
         </div>
         <div class="card-body docs-body">
-          <p><strong>updateField</strong> — mark an entry as approved:</p>
+          <p><strong>updateField</strong> - mark an entry as approved:</p>
           <pre class="code-block"><code>{ "field": "status", "value": "approved" }</code></pre>
-          <p><strong>webhook</strong> — notify an external service:</p>
+          <p><strong>webhook</strong> - notify an external service:</p>
           <pre class="code-block"><code>{
   "url": "https://hooks.example.com/notify",
   "headers": { "X-Secret": "{{env.CMS_PUBLIC_HOOK_SECRET}}" }
 }</code></pre>
-          <p><strong>email</strong> — send confirmation to applicant:</p>
+          <p><strong>email</strong> - send confirmation to applicant:</p>
           <pre class="code-block"><code>{
   "to": "{{entry.data.email}}",
   "subject": "Your application was approved",
@@ -201,13 +201,13 @@
           <table class="table table-sm" style="margin-top:1rem;">
             <thead><tr><th>Attribute</th><th>Required</th><th>Default</th><th>Description</th></tr></thead>
             <tbody>
-              <tr><td><code>action</code></td><td>Yes</td><td>—</td><td>Action slug</td></tr>
-              <tr><td><code>entry</code></td><td>Yes</td><td>—</td><td>Entry UUID to act on</td></tr>
+              <tr><td><code>action</code></td><td>Yes</td><td>-</td><td>Action slug</td></tr>
+              <tr><td><code>entry</code></td><td>Yes</td><td>-</td><td>Entry UUID to act on</td></tr>
               <tr><td><code>label</code></td><td>No</td><td><code>"Run"</code></td><td>Button text (self-closing only)</td></tr>
               <tr><td><code>style</code></td><td>No</td><td><code>"primary"</code></td><td>primary · secondary · ghost · danger</td></tr>
-              <tr><td><code>icon</code></td><td>No</td><td>—</td><td>Domma icon name</td></tr>
-              <tr><td><code>size</code></td><td>No</td><td>—</td><td>sm · md · lg</td></tr>
-              <tr><td><code>confirm</code></td><td>No</td><td>—</td><td>Confirmation prompt before executing</td></tr>
+              <tr><td><code>icon</code></td><td>No</td><td>-</td><td>Domma icon name</td></tr>
+              <tr><td><code>size</code></td><td>No</td><td>-</td><td>sm · md · lg</td></tr>
+              <tr><td><code>confirm</code></td><td>No</td><td>-</td><td>Confirmation prompt before executing</td></tr>
             </tbody>
           </table>
         </div>
@@ -229,11 +229,11 @@
           <table class="table table-sm" style="margin-top:1rem;">
             <thead><tr><th>Attribute</th><th>Default</th><th>Description</th></tr></thead>
             <tbody>
-              <tr><td><code>cta</code></td><td>—</td><td>Action slug — enables per-entry buttons</td></tr>
+              <tr><td><code>cta</code></td><td>-</td><td>Action slug - enables per-entry buttons</td></tr>
               <tr><td><code>cta-label</code></td><td><code>"Run"</code></td><td>Button label</td></tr>
-              <tr><td><code>cta-icon</code></td><td>—</td><td>Domma icon name</td></tr>
+              <tr><td><code>cta-icon</code></td><td>-</td><td>Domma icon name</td></tr>
               <tr><td><code>cta-style</code></td><td><code>"primary"</code></td><td>Button variant</td></tr>
-              <tr><td><code>cta-confirm</code></td><td>—</td><td>Confirmation prompt</td></tr>
+              <tr><td><code>cta-confirm</code></td><td>-</td><td>Confirmation prompt</td></tr>
             </tbody>
           </table>
           <p>All three display modes support CTA buttons: <strong>cards</strong> (card footer), <strong>list</strong> (inline), <strong>table</strong> (dedicated column).</p>

package/admin/js/templates/role-editor.html

@@ -1,70 +1,70 @@
-<div class="view-header">
-    <h1><span data-icon="shield"></span> <span id="role-title">Edit Role</span></h1>
-    <div>
-        <a href="#/roles" class="btn btn-secondary"><span data-icon="arrow-left"></span> Back</a>
-        <button id="btn-save-role" class="btn btn-primary"><span data-icon="save"></span> Save</button>
-    </div>
-</div>
-
-<div class="tabs" id="role-tabs">
-    <div class="tab-list">
-        <button class="tab-item active">General</button>
-        <button class="tab-item">Permissions</button>
-    </div>
-    <div class="tab-content">
-        <!-- General Tab -->
-        <div class="tab-panel active" id="panel-general">
-            <div class="card">
-                <div class="card-body">
-                    <div class="row">
-                        <div class="col-6">
-                            <div class="mb-3">
-                                <label class="form-label">Name (slug)</label>
-                                <input id="role-name" type="text" class="form-input" placeholder="e.g. moderator">
-                                <p class="form-hint">Lowercase identifier. Cannot be changed for the root admin
-                                    role.</p>
-                            </div>
-                        </div>
-                        <div class="col-6">
-                            <div class="mb-3">
-                                <label class="form-label">Display Label</label>
-                                <input id="role-label" type="text" class="form-input" placeholder="e.g. Moderator">
-                            </div>
-                        </div>
-                    </div>
-                    <div class="row">
-                        <div class="col-6">
-                            <div class="mb-3">
-                                <label class="form-label">Level</label>
-                                <input id="role-level" type="number" class="form-input" min="0">
-                                <p class="form-hint">Lower = more privileged. 0 is reserved for the root admin.</p>
-                            </div>
-                        </div>
-                        <div class="col-6">
-                            <div class="mb-3">
-                                <label class="form-label">Badge Colour</label>
-                                <select id="role-badge" class="form-input"></select>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="row">
-                        <div class="col-6">
-                            <div class="mb-3">
-                                <label class="form-label">Project</label>
-                                <select id="role-project" class="form-input">
-                                    <option value="">— none —</option>
-                                </select>
-                                <p class="form-hint">Tag this role to a project for grouping.</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-
-        <!-- Permissions Tab -->
-        <div class="tab-panel" id="panel-permissions">
-            <div id="permissions-container"></div>
-        </div>
-    </div>
-</div>
+<div class="view-header">
+    <h1><span data-icon="shield"></span> <span id="role-title">Edit Role</span></h1>
+    <div>
+        <a href="#/roles" class="btn btn-secondary"><span data-icon="arrow-left"></span> Back</a>
+        <button id="btn-save-role" class="btn btn-primary"><span data-icon="save"></span> Save</button>
+    </div>
+</div>
+
+<div class="tabs" id="role-tabs">
+    <div class="tab-list">
+        <button class="tab-item active">General</button>
+        <button class="tab-item">Permissions</button>
+    </div>
+    <div class="tab-content">
+        <!-- General Tab -->
+        <div class="tab-panel active" id="panel-general">
+            <div class="card">
+                <div class="card-body">
+                    <div class="row">
+                        <div class="col-6">
+                            <div class="mb-3">
+                                <label class="form-label">Name (slug)</label>
+                                <input id="role-name" type="text" class="form-input" placeholder="e.g. moderator">
+                                <p class="form-hint">Lowercase identifier. Cannot be changed for the root admin
+                                    role.</p>
+                            </div>
+                        </div>
+                        <div class="col-6">
+                            <div class="mb-3">
+                                <label class="form-label">Display Label</label>
+                                <input id="role-label" type="text" class="form-input" placeholder="e.g. Moderator">
+                            </div>
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="col-6">
+                            <div class="mb-3">
+                                <label class="form-label">Level</label>
+                                <input id="role-level" type="number" class="form-input" min="0">
+                                <p class="form-hint">Lower = more privileged. 0 is reserved for the root admin.</p>
+                            </div>
+                        </div>
+                        <div class="col-6">
+                            <div class="mb-3">
+                                <label class="form-label">Badge Colour</label>
+                                <select id="role-badge" class="form-input"></select>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="col-6">
+                            <div class="mb-3">
+                                <label class="form-label">Project</label>
+                                <select id="role-project" class="form-input">
+                                    <option value="">- none -</option>
+                                </select>
+                                <p class="form-hint">Tag this role to a project for grouping.</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!-- Permissions Tab -->
+        <div class="tab-panel" id="panel-permissions">
+            <div id="permissions-container"></div>
+        </div>
+    </div>
+</div>

package/admin/js/templates/roles.html

@@ -1,10 +1,10 @@
-<div class="view-header">
-    <h1><span data-icon="shield"></span> Roles &amp; Permissions</h1>
-    <button id="btn-add-role" class="btn btn-primary"><span data-icon="plus"></span> Add Role</button>
-</div>
-
-<div class="card">
-    <div class="card-body">
-        <div id="roles-table"></div>
-    </div>
-</div>
+<div class="view-header">
+    <h1><span data-icon="shield"></span> Roles &amp; Permissions</h1>
+    <button id="btn-add-role" class="btn btn-primary"><span data-icon="plus"></span> Add Role</button>
+</div>
+
+<div class="card">
+    <div class="card-body">
+        <div id="roles-table"></div>
+    </div>
+</div>

package/admin/js/templates/settings.html

@@ -68,13 +68,13 @@
         <div class="col-3">
           <label class="form-label">Font Size</label>
           <select id="field-font-size" class="form-select">
-            <option value="13">13px — Compact</option>
-            <option value="14">14px — Small</option>
-            <option value="15">15px — Slightly small</option>
-            <option value="16">16px — Default</option>
-            <option value="17">17px — Slightly large</option>
-            <option value="18">18px — Large</option>
-            <option value="20">20px — Extra large</option>
+            <option value="13">13px - Compact</option>
+            <option value="14">14px - Small</option>
+            <option value="15">15px - Slightly small</option>
+            <option value="16">16px - Default</option>
+            <option value="17">17px - Slightly large</option>
+            <option value="18">18px - Large</option>
+            <option value="20">20px - Extra large</option>
           </select>
           <p class="form-hint text-muted" style="margin-top:0.4rem;font-size:0.8rem;">Root font size. All rem/em values
             scale with this.</p>
@@ -124,7 +124,7 @@
             </div>
             <div class="col-12 mt-2">
                 <p class="form-hint text-muted" style="font-size:.8rem;">Themes switch based on each visitor's local
-                    time. Any theme can be used — they need not be light/dark pairs.</p>
+                    time. Any theme can be used - they need not be light/dark pairs.</p>
         </div>
       </div>
       <div class="row mt-3">
@@ -529,7 +529,7 @@
             Status: <strong id="cache-status">checking…</strong>
           </p>
           <p class="text-muted" style="font-size:.875rem;margin-bottom:1rem;">
-            Public page renders are cached by URL and role. Writes (page, collection, form, block, view, navigation, site settings) auto-invalidate the relevant tags. Use the button below to flush every cached entry — the next visitor to each page will trigger a fresh render.
+            Public page renders are cached by URL and role. Writes (page, collection, form, block, view, navigation, site settings) auto-invalidate the relevant tags. Use the button below to flush every cached entry - the next visitor to each page will trigger a fresh render.
           </p>
           <button id="btn-clear-cache" class="btn btn-secondary" type="button"><span data-icon="trash"></span> Clear cache</button>
           <button id="btn-refresh-cache-keys" class="btn btn-ghost" type="button" style="margin-left:8px;"><span data-icon="refresh"></span> Refresh list</button>
@@ -539,7 +539,7 @@
         <div class="col">
           <h4 style="margin-top:1.5rem;">Cached entries <span id="cache-key-count" class="text-muted" style="font-weight:normal;font-size:.875rem;"></span></h4>
           <p class="text-muted" style="font-size:.85rem;margin-bottom:.5rem;">
-            Snapshot of what's currently keyed. Newest entries first. Values are not shown — they can be large HTML blobs.
+            Snapshot of what's currently keyed. Newest entries first. Values are not shown - they can be large HTML blobs.
           </p>
           <div id="cache-keys-table"></div>
         </div>