domma-cms 0.43.1 → 0.45.0

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/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

@@ -52,7 +52,7 @@
                             <div class="mb-3">
                                 <label class="form-label">Project</label>
                                 <select id="role-project" class="form-input">
-                                    <option value="">— none —</option>
+                                    <option value="">- none -</option>
                                 </select>
                                 <p class="form-hint">Tag this role to a project for grouping.</p>
                             </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>

package/admin/js/templates/tutorials.html

@@ -7,7 +7,7 @@
     <div class="docs-body">
 
       <p class="lead">
-        Step-by-step, end-to-end guides for building real things with Domma CMS. Pick a track below —
+        Step-by-step, end-to-end guides for building real things with Domma CMS. Pick a track below -
         each opens as its own page, and you can jump straight to any tutorial from the
         <strong>Documentation → Tutorials</strong> menu in the sidebar.
       </p>
@@ -19,7 +19,7 @@
             <h3 style="margin-top:0;"><span data-icon="database"></span> Building a CRUD App</h3>
             <p class="text-muted" style="margin-bottom:0;">
               The headline tutorial. Compose Collections, Forms, Actions and Pages into a complete
-              data-driven app — with workflows, row-level access and a live scaffolder to try at the end.
+              data-driven app - with workflows, row-level access and a live scaffolder to try at the end.
             </p>
           </div>
         </a>
@@ -39,7 +39,7 @@
             <h3 style="margin-top:0;"><span data-icon="layout"></span> Form Follow-Up</h3>
             <p class="text-muted" style="margin-bottom:0;">
               What happens after a form is submitted: email notifications, webhooks, CMS Actions, and
-              success message vs. redirect — plus the fixed execution order of the pipeline.
+              success message vs. redirect - plus the fixed execution order of the pipeline.
             </p>
           </div>
         </a>

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

@@ -39,7 +39,7 @@
                     <div>
                         <label class="form-label">Source Collection <span style="color:var(--dm-danger,#f87171);">*</span></label>
                         <select id="view-source" class="form-input">
-                            <option value="">— select collection —</option>
+                            <option value="">- select collection -</option>
                         </select>
                         <small class="text-muted">Changing the collection will refresh field lists in Pipeline and
                             Display tabs.</small>
@@ -47,7 +47,7 @@
                     <div>
                         <label class="form-label">Project</label>
                         <select id="view-project" class="form-input">
-                            <option value="">— none —</option>
+                            <option value="">- none -</option>
                         </select>
                         <small class="text-muted">Tag this view to a project for grouping.</small>
                     </div>
@@ -74,13 +74,13 @@
                     <h2>Aggregation Stages</h2>
                     <div style="display:flex;gap:.5rem;">
                         <select id="add-stage-type" class="form-input form-input--sm">
-                            <option value="$match">$match — filter rows</option>
-                            <option value="$sort">$sort — order rows</option>
-                            <option value="$lookup">$lookup — join collection</option>
-                            <option value="$project">$project — reshape fields</option>
-                            <option value="$unwind">$unwind — flatten array</option>
-                            <option value="$addFields">$addFields — compute fields</option>
-                            <option value="$group">$group — aggregate</option>
+                            <option value="$match">$match - filter rows</option>
+                            <option value="$sort">$sort - order rows</option>
+                            <option value="$lookup">$lookup - join collection</option>
+                            <option value="$project">$project - reshape fields</option>
+                            <option value="$unwind">$unwind - flatten array</option>
+                            <option value="$addFields">$addFields - compute fields</option>
+                            <option value="$group">$group - aggregate</option>
                         </select>
                         <button id="add-stage-btn" class="btn btn-ghost btn-sm">
                             <span data-icon="plus"></span> Add Stage
@@ -98,9 +98,9 @@
             <div class="card">
                 <div class="card-body" style="font-size:.8rem;color:var(--dm-text-muted,#888);">
                     <strong>Guided stages</strong> ($match, $sort) show a visual condition builder.
-                    Other stages use a raw JSON textarea — enter only the <em>inner</em> config (e.g. for $lookup, enter
-                    <code>{ from, localField, foreignField, as }</code> — do not wrap in <code>{ "$lookup": ... }</code>).
-                    Field dropdowns are populated from the source collection — select a collection on the Source tab
+                    Other stages use a raw JSON textarea - enter only the <em>inner</em> config (e.g. for $lookup, enter
+                    <code>{ from, localField, foreignField, as }</code> - do not wrap in <code>{ "$lookup": ... }</code>).
+                    Field dropdowns are populated from the source collection - select a collection on the Source tab
                     first.
                 </div>
             </div>
@@ -121,7 +121,7 @@
                     <div id="view-block-section" style="display:none;">
                         <label class="form-label">Block Template</label>
                         <select id="view-block-name" class="form-input">
-                            <option value="">— select block —</option>
+                            <option value="">- select block -</option>
                         </select>
                         <small class="text-muted">
                             Choose a reusable HTML block template.
@@ -183,8 +183,8 @@
                         <div>
                             <label class="form-label">Mode</label>
                             <select id="view-rowlevel-mode" class="form-input">
-                                <option value="owner">Owner — entry was created by the current user</option>
-                                <option value="field">Field Match — a field on the entry matches the user</option>
+                                <option value="owner">Owner - entry was created by the current user</option>
+                                <option value="field">Field Match - a field on the entry matches the user</option>
                             </select>
                         </div>
                         <div id="view-rowlevel-field-group" style="display:none;">

package/admin/js/views/action-editor.js

@@ -1 +1 @@
-import{api as _}from"../api.js";let N=null,L={};async function J(e){const t=e.find("#action-project").get(0);if(t)try{(await _.projects.list()).forEach(l=>{const n=document.createElement("option");n.value=l.slug,n.textContent=l.name||l.slug,t.appendChild(n)})}catch{}}const z={deleteEntry:[],moveToCollection:[{name:"targetCollection",label:"Target Collection Slug",placeholder:"e.g. archived-applications"}],webhook:[{name:"url",label:"URL",placeholder:"https://hooks.example.com/notify"},{name:"method",label:"Method",placeholder:"POST"},{name:"body",label:"Body (JSON)",placeholder:'{"email": "{{entry.data.email}}"}',multiline:!0}],email:[{name:"to",label:"To",placeholder:"{{entry.data.email}}"},{name:"subject",label:"Subject",placeholder:"Your application update"},{name:"template",label:"Body",placeholder:"Your application has been approved.",multiline:!0}]};export const actionEditorView={templateUrl:"/admin/js/templates/action-editor.html",async onMount(e){N=null,L={};const t=window.location.hash.match(/\/actions\/edit\/([^/?#]+)/);t&&(N=t[1]),E.tabs(e.find("#action-editor-tabs").get(0)),await P(e),await U(e),await J(e),N&&(e.find("#action-editor-title").text("Edit Action"),await B(e,N)),e.find("#add-step-btn").off("click").on("click",()=>{const a=e.find("#add-step-type").val()||"updateField";M(e,{type:a,config:{}})}),e.find("#save-action-btn").off("click").on("click",async()=>{await Q(e)}),K(e),Domma.icons.scan()}};async function P(e){const t=e.find("#action-collection").get(0);if(t)try{(await _.collections.list()).forEach(a=>{const l=document.createElement("option");l.value=a.slug,l.textContent=`${a.title} (${a.slug})`,t.appendChild(l)})}catch{}}async function U(e){const t=e.find("#action-roles-checkboxes").get(0);t&&["admin","manager","editor","subscriber"].forEach(a=>{const l=document.createElement("label");l.style.cssText="display:flex;align-items:center;gap:.5rem;cursor:pointer;";const n=document.createElement("input");n.type="checkbox",n.value=a,n.dataset.role=a,n.className="action-role-cb",n.checked=a==="admin",l.appendChild(n),l.appendChild(document.createTextNode(a)),t.appendChild(l)})}async function B(e,t){try{const a=await _.actions.get(t);if(!a){E.toast("Action not found.",{type:"error"}),R.navigate("/actions");return}Y(e,a)}catch(a){E.toast(a.message||"Failed to load action.",{type:"error"}),R.navigate("/actions")}}function K(e){const t=e.find("#action-rowlevel-enabled").get(0),a=e.find("#action-rowlevel-config").get(0),l=e.find("#action-rowlevel-mode").get(0),n=e.find("#action-rowlevel-field-group").get(0);t&&(t.addEventListener("change",()=>{a&&(a.style.display=t.checked?"flex":"none")}),l&&l.addEventListener("change",()=>{n&&(n.style.display=l.value==="field"?"":"none")}))}function Y(e,t){e.find("#action-title").val(t.title||""),e.find("#action-slug").val(t.slug||""),e.find("#action-description").val(t.description||""),e.find("#action-collection").val(t.collection||""),L=t.meta||{},e.find("#action-project").val(t.meta?.project||""),e.find("#action-bundled").prop("checked",!!t.bundled),e.find("#action-trigger-type").val(t.trigger?.type||"manual"),e.find("#action-trigger-label").val(t.trigger?.label||"Run"),e.find("#action-trigger-icon").val(t.trigger?.icon||"zap"),e.find("#action-trigger-confirm").val(t.trigger?.confirmMessage||"");const a=t.access?.roles||["admin"];e.find(".action-role-cb").each(function(){this.checked=a.includes(this.value)});const l=t.access?.rowLevel;l&&(e.find("#action-rowlevel-enabled").prop("checked",!0),e.find("#action-rowlevel-config").css("display","flex"),e.find("#action-rowlevel-mode").val(l.mode||"owner"),e.find("#action-rowlevel-userkey").val(l.userKey||"id"),l.mode==="field"&&(e.find("#action-rowlevel-field-group").css("display",""),e.find("#action-rowlevel-field").val(l.field||"")));const n=e.find("#action-steps-list").get(0);if(n){const s=n.querySelector(".steps-empty-placeholder");for(s&&s.remove();n.firstChild;)n.removeChild(n.firstChild);const i=document.createElement("p");i.className="text-muted steps-empty-placeholder",i.textContent="No steps yet. Add a step to define what this action does.",i.style.cssText="text-align:center;padding:2rem 0;",n.appendChild(i)}(t.steps||[]).forEach(s=>M(e,s))}function M(e,t){const a=e.find("#action-steps-list").get(0);if(!a)return;const l=a.querySelector(".steps-empty-placeholder");l&&l.remove();const n=z[t.type]||[],s=document.createElement("div");s.className="card mb-2 step-card",s.dataset.stepType=t.type;const i=document.createElement("div");i.className="card-header",i.style.cssText="display:flex;align-items:center;gap:.5rem;";const p=document.createElement("code");p.textContent=t.type,p.style.cssText="flex:1;font-size:.85rem;";const r=document.createElement("button");r.type="button",r.className="btn btn-sm btn-ghost";const f=document.createElement("span");f.setAttribute("data-icon","trash"),r.appendChild(f),r.addEventListener("click",()=>{if(s.remove(),!a.querySelector(".step-card")){const o=document.createElement("p");o.className="text-muted steps-empty-placeholder",o.textContent="No steps yet. Add a step to define what this action does.",o.style.cssText="text-align:center;padding:2rem 0;",a.appendChild(o)}}),i.appendChild(p),i.appendChild(r);const h=document.createElement("div");if(h.className="card-body",n.length===0){const o=document.createElement("p");o.className="text-muted",o.textContent=t.type==="deleteEntry"?"This step deletes the entry. No configuration required.":"No additional configuration required.",o.style.margin="0",h.appendChild(o)}t.type==="updateField"?G(h,t,e):n.forEach(o=>{const g=document.createElement("div");g.style.cssText="margin-bottom:.75rem;";const b=document.createElement("label");b.className="form-label",b.textContent=o.label,g.appendChild(b);let m;o.multiline?(m=document.createElement("textarea"),m.rows=3,m.style.cssText="font-family:monospace;font-size:.8rem;resize:vertical;",m.value=typeof t.config?.[o.name]=="object"?JSON.stringify(t.config[o.name],null,2):t.config?.[o.name]??""):(m=document.createElement("input"),m.type="text",m.value=t.config?.[o.name]??""),m.className=`form-input step-field-${o.name}`,m.placeholder=o.placeholder||"",m.dataset.field=o.name,g.appendChild(m),h.appendChild(g)}),s.appendChild(i),s.appendChild(h),a.appendChild(s),Domma.icons.scan(s)}async function G(e,t,a){const l=a.find("#action-collection").val(),n=document.createElement("div");n.style.cssText="margin-bottom:.75rem;";const s=document.createElement("label");s.className="form-label",s.textContent="Field",n.appendChild(s);const i=document.createElement("select");i.className="form-input step-field-field",i.dataset.field="field";const p=document.createElement("input");p.type="text",p.className="form-input mt-2 step-field-field-custom",p.placeholder="Field name, e.g. status",p.style.display="none";const r=document.createElement("div");r.style.cssText="margin-bottom:.75rem;";const f=document.createElement("label");f.className="form-label",f.textContent="New Value",r.appendChild(f);const h=document.createElement("div");r.appendChild(h);const o=document.createElement("button");o.type="button",o.className="btn btn-ghost btn-sm mt-2",o.style.cssText="font-size:.75rem;padding:.2rem .5rem;",o.textContent="Template Variables";const g=document.createElement("div");g.style.cssText="display:none;background:var(--dm-surface-raised,#1e1e2e);border-radius:.4rem;padding:.75rem;margin-top:.5rem;font-size:.8rem;line-height:1.7;";const b=document.createElement("strong");b.textContent="Available template variables:",g.appendChild(b);const m=document.createElement("table");m.style.cssText="width:100%;border-collapse:collapse;margin-top:.4rem;",[["{{now}}","Current ISO timestamp"],["{{user.id}}","Executing user's ID"],["{{user.name}}","Executing user's name"],["{{user.email}}","Executing user's email"],["{{entry.id}}","Entry's unique ID"],["{{entry.data.fieldName}}","Any field value from the entry"],["{{env.CMS_PUBLIC_*}}","Public environment variables"]].forEach(([d,u])=>{const x=document.createElement("tr"),w=document.createElement("td");w.style.cssText="padding:.2rem .5rem .2rem 0;opacity:.7;white-space:nowrap;";const T=document.createElement("code");T.textContent=d,w.appendChild(T);const c=document.createElement("td");c.textContent=u,x.appendChild(w),x.appendChild(c),m.appendChild(x)}),g.appendChild(m),o.addEventListener("click",()=>{const d=g.style.display!=="none";g.style.display=d?"none":"",o.textContent=d?"Template Variables":"Hide Variables"}),r.appendChild(o),r.appendChild(g),e.appendChild(n),e.appendChild(r);let S=[];if(l)try{S=(await _.collections.get(l)).fields||[]}catch{}const F=document.createElement("option");F.value="",F.textContent=S.length?"\u2014 select a field \u2014":"\u2014 no fields available \u2014",i.appendChild(F),S.forEach(d=>{const u=document.createElement("option");u.value=d.name,u.textContent=`${d.label} (${d.name})`,u.dataset.fieldType=d.type,u.dataset.fieldOptions=d.type==="select"?JSON.stringify(d.options||[]):"",i.appendChild(u)});const j=document.createElement("option");j.value="__custom__",j.textContent="\u2014 enter manually \u2014",i.appendChild(j);const C=t.config?.field||"",V=C&&[...i.options].find(d=>d.value===C);V?i.value=C:C&&(i.value="__custom__",p.value=C,p.style.display=""),n.appendChild(i),n.appendChild(p);function I(d,u){h.textContent="";const x=d?[...i.options].find(c=>c.value===d):null,w=x?.dataset.fieldType==="select",T=w?JSON.parse(x.dataset.fieldOptions||"[]"):[];if(w&&T.length){const c=document.createElement("select");c.className="form-input step-field-value",c.dataset.field="value";const O=document.createElement("option");O.value="",O.textContent="\u2014 select a value \u2014",c.appendChild(O),T.forEach(y=>{const k=typeof y=="string"?y:y.value??"",D=typeof y=="string"?y:y.label||y.value||k;if(!k||k==="undefined")return;const q=document.createElement("option");q.value=k,q.textContent=D,c.appendChild(q)});const A=document.createElement("option");A.value="__custom__",A.textContent="\u2014 enter manually \u2014",c.appendChild(A);const v=document.createElement("input");v.type="text",v.className="form-input mt-2",v.placeholder="e.g. approved or {{now}}",v.style.display="none",u&&[...c.options].find(y=>y.value===u&&y.value!=="__custom__")?c.value=u:u&&(c.value="__custom__",v.value=u,v.style.display=""),c.addEventListener("change",()=>{const y=c.value==="__custom__";v.style.display=y?"":"none",y||(v.value="")}),h.appendChild(c),h.appendChild(v)}else{const c=document.createElement("input");c.type="text",c.className="form-input step-field-value",c.dataset.field="value",c.placeholder="e.g. approved or {{now}}",c.value=u||"",h.appendChild(c)}}I(V?C:null,t.config?.value||""),i.addEventListener("change",()=>{const d=i.value==="__custom__";p.style.display=d?"":"none",d||(p.value=""),I(d?null:i.value,"")})}function H(e){const t=[];return e.find(".step-card").each(function(){const a=this.dataset.stepType,l={};if(a==="updateField"){let n=this.querySelector(".step-field-field")?.value?.trim()||"";n==="__custom__"&&(n=this.querySelector(".step-field-field-custom")?.value?.trim()||""),l.field=n;const s=this.querySelector(".step-field-value");let i=s?.value?.trim()||"";i==="__custom__"&&(i=s?.nextElementSibling?.value?.trim()||""),l.value=i}else(z[a]||[]).forEach(n=>{const s=this.querySelector(`.step-field-${n.name}`);if(!s)return;const i=s.value.trim();if(n.multiline&&i)try{l[n.name]=JSON.parse(i)}catch{l[n.name]=i}else l[n.name]=i});t.push({type:a,config:l})}),t}async function Q(e){const t=e.find("#action-title").val().trim();if(!t){E.toast("Title is required.",{type:"warning"});return}const a=e.find("#action-collection").val();if(!a){E.toast("Target collection is required (General tab).",{type:"warning"});return}const l=[];e.find(".action-role-cb:checked").each(function(){l.push(this.value)});const n=e.find("#action-rowlevel-enabled").is(":checked");let s=null;if(n){const f=e.find("#action-rowlevel-mode").val()||"owner",h=e.find("#action-rowlevel-userkey").val()||"id";if(s={mode:f,userKey:h},f==="field"){const o=e.find("#action-rowlevel-field").val().trim();if(!o){E.toast("Field name is required for Field Match mode.",{type:"warning"});return}s.field=o}}const i=e.find("#action-project").val()||"",p={title:t,slug:e.find("#action-slug").val().trim()||void 0,description:e.find("#action-description").val().trim(),collection:a,...e.find("#action-bundled").is(":checked")?{bundled:!0}:{},trigger:{type:e.find("#action-trigger-type").val()||"manual",label:e.find("#action-trigger-label").val().trim()||"Run",icon:e.find("#action-trigger-icon").val().trim()||"zap",confirmMessage:e.find("#action-trigger-confirm").val().trim()||null},steps:H(e),access:{roles:l,rowLevel:s},meta:{...L||{},project:i||null}},r=e.find("#save-action-btn").get(0);r&&(r.disabled=!0);try{if(N)await _.actions.update(N,p),E.toast("Action updated.",{type:"success"});else{const f=await _.actions.create(p);E.toast("Action created.",{type:"success"}),R.navigate(`/actions/edit/${f.slug}`)}}catch(f){E.toast(f.message||"Failed to save action.",{type:"error"})}finally{r&&(r.disabled=!1)}}
+import{api as _}from"../api.js";let N=null,L={};async function J(e){const t=e.find("#action-project").get(0);if(t)try{(await _.projects.list()).forEach(l=>{const n=document.createElement("option");n.value=l.slug,n.textContent=l.name||l.slug,t.appendChild(n)})}catch{}}const z={deleteEntry:[],moveToCollection:[{name:"targetCollection",label:"Target Collection Slug",placeholder:"e.g. archived-applications"}],webhook:[{name:"url",label:"URL",placeholder:"https://hooks.example.com/notify"},{name:"method",label:"Method",placeholder:"POST"},{name:"body",label:"Body (JSON)",placeholder:'{"email": "{{entry.data.email}}"}',multiline:!0}],email:[{name:"to",label:"To",placeholder:"{{entry.data.email}}"},{name:"subject",label:"Subject",placeholder:"Your application update"},{name:"template",label:"Body",placeholder:"Your application has been approved.",multiline:!0}]};export const actionEditorView={templateUrl:"/admin/js/templates/action-editor.html",async onMount(e){N=null,L={};const t=window.location.hash.match(/\/actions\/edit\/([^/?#]+)/);t&&(N=t[1]),E.tabs(e.find("#action-editor-tabs").get(0)),await P(e),await U(e),await J(e),N&&(e.find("#action-editor-title").text("Edit Action"),await B(e,N)),e.find("#add-step-btn").off("click").on("click",()=>{const a=e.find("#add-step-type").val()||"updateField";M(e,{type:a,config:{}})}),e.find("#save-action-btn").off("click").on("click",async()=>{await Q(e)}),K(e),Domma.icons.scan()}};async function P(e){const t=e.find("#action-collection").get(0);if(t)try{(await _.collections.list()).forEach(a=>{const l=document.createElement("option");l.value=a.slug,l.textContent=`${a.title} (${a.slug})`,t.appendChild(l)})}catch{}}async function U(e){const t=e.find("#action-roles-checkboxes").get(0);t&&["admin","manager","editor","subscriber"].forEach(a=>{const l=document.createElement("label");l.style.cssText="display:flex;align-items:center;gap:.5rem;cursor:pointer;";const n=document.createElement("input");n.type="checkbox",n.value=a,n.dataset.role=a,n.className="action-role-cb",n.checked=a==="admin",l.appendChild(n),l.appendChild(document.createTextNode(a)),t.appendChild(l)})}async function B(e,t){try{const a=await _.actions.get(t);if(!a){E.toast("Action not found.",{type:"error"}),R.navigate("/actions");return}Y(e,a)}catch(a){E.toast(a.message||"Failed to load action.",{type:"error"}),R.navigate("/actions")}}function K(e){const t=e.find("#action-rowlevel-enabled").get(0),a=e.find("#action-rowlevel-config").get(0),l=e.find("#action-rowlevel-mode").get(0),n=e.find("#action-rowlevel-field-group").get(0);t&&(t.addEventListener("change",()=>{a&&(a.style.display=t.checked?"flex":"none")}),l&&l.addEventListener("change",()=>{n&&(n.style.display=l.value==="field"?"":"none")}))}function Y(e,t){e.find("#action-title").val(t.title||""),e.find("#action-slug").val(t.slug||""),e.find("#action-description").val(t.description||""),e.find("#action-collection").val(t.collection||""),L=t.meta||{},e.find("#action-project").val(t.meta?.project||""),e.find("#action-bundled").prop("checked",!!t.bundled),e.find("#action-trigger-type").val(t.trigger?.type||"manual"),e.find("#action-trigger-label").val(t.trigger?.label||"Run"),e.find("#action-trigger-icon").val(t.trigger?.icon||"zap"),e.find("#action-trigger-confirm").val(t.trigger?.confirmMessage||"");const a=t.access?.roles||["admin"];e.find(".action-role-cb").each(function(){this.checked=a.includes(this.value)});const l=t.access?.rowLevel;l&&(e.find("#action-rowlevel-enabled").prop("checked",!0),e.find("#action-rowlevel-config").css("display","flex"),e.find("#action-rowlevel-mode").val(l.mode||"owner"),e.find("#action-rowlevel-userkey").val(l.userKey||"id"),l.mode==="field"&&(e.find("#action-rowlevel-field-group").css("display",""),e.find("#action-rowlevel-field").val(l.field||"")));const n=e.find("#action-steps-list").get(0);if(n){const s=n.querySelector(".steps-empty-placeholder");for(s&&s.remove();n.firstChild;)n.removeChild(n.firstChild);const i=document.createElement("p");i.className="text-muted steps-empty-placeholder",i.textContent="No steps yet. Add a step to define what this action does.",i.style.cssText="text-align:center;padding:2rem 0;",n.appendChild(i)}(t.steps||[]).forEach(s=>M(e,s))}function M(e,t){const a=e.find("#action-steps-list").get(0);if(!a)return;const l=a.querySelector(".steps-empty-placeholder");l&&l.remove();const n=z[t.type]||[],s=document.createElement("div");s.className="card mb-2 step-card",s.dataset.stepType=t.type;const i=document.createElement("div");i.className="card-header",i.style.cssText="display:flex;align-items:center;gap:.5rem;";const p=document.createElement("code");p.textContent=t.type,p.style.cssText="flex:1;font-size:.85rem;";const r=document.createElement("button");r.type="button",r.className="btn btn-sm btn-ghost";const f=document.createElement("span");f.setAttribute("data-icon","trash"),r.appendChild(f),r.addEventListener("click",()=>{if(s.remove(),!a.querySelector(".step-card")){const o=document.createElement("p");o.className="text-muted steps-empty-placeholder",o.textContent="No steps yet. Add a step to define what this action does.",o.style.cssText="text-align:center;padding:2rem 0;",a.appendChild(o)}}),i.appendChild(p),i.appendChild(r);const h=document.createElement("div");if(h.className="card-body",n.length===0){const o=document.createElement("p");o.className="text-muted",o.textContent=t.type==="deleteEntry"?"This step deletes the entry. No configuration required.":"No additional configuration required.",o.style.margin="0",h.appendChild(o)}t.type==="updateField"?G(h,t,e):n.forEach(o=>{const g=document.createElement("div");g.style.cssText="margin-bottom:.75rem;";const b=document.createElement("label");b.className="form-label",b.textContent=o.label,g.appendChild(b);let m;o.multiline?(m=document.createElement("textarea"),m.rows=3,m.style.cssText="font-family:monospace;font-size:.8rem;resize:vertical;",m.value=typeof t.config?.[o.name]=="object"?JSON.stringify(t.config[o.name],null,2):t.config?.[o.name]??""):(m=document.createElement("input"),m.type="text",m.value=t.config?.[o.name]??""),m.className=`form-input step-field-${o.name}`,m.placeholder=o.placeholder||"",m.dataset.field=o.name,g.appendChild(m),h.appendChild(g)}),s.appendChild(i),s.appendChild(h),a.appendChild(s),Domma.icons.scan(s)}async function G(e,t,a){const l=a.find("#action-collection").val(),n=document.createElement("div");n.style.cssText="margin-bottom:.75rem;";const s=document.createElement("label");s.className="form-label",s.textContent="Field",n.appendChild(s);const i=document.createElement("select");i.className="form-input step-field-field",i.dataset.field="field";const p=document.createElement("input");p.type="text",p.className="form-input mt-2 step-field-field-custom",p.placeholder="Field name, e.g. status",p.style.display="none";const r=document.createElement("div");r.style.cssText="margin-bottom:.75rem;";const f=document.createElement("label");f.className="form-label",f.textContent="New Value",r.appendChild(f);const h=document.createElement("div");r.appendChild(h);const o=document.createElement("button");o.type="button",o.className="btn btn-ghost btn-sm mt-2",o.style.cssText="font-size:.75rem;padding:.2rem .5rem;",o.textContent="Template Variables";const g=document.createElement("div");g.style.cssText="display:none;background:var(--dm-surface-raised,#1e1e2e);border-radius:.4rem;padding:.75rem;margin-top:.5rem;font-size:.8rem;line-height:1.7;";const b=document.createElement("strong");b.textContent="Available template variables:",g.appendChild(b);const m=document.createElement("table");m.style.cssText="width:100%;border-collapse:collapse;margin-top:.4rem;",[["{{now}}","Current ISO timestamp"],["{{user.id}}","Executing user's ID"],["{{user.name}}","Executing user's name"],["{{user.email}}","Executing user's email"],["{{entry.id}}","Entry's unique ID"],["{{entry.data.fieldName}}","Any field value from the entry"],["{{env.CMS_PUBLIC_*}}","Public environment variables"]].forEach(([d,u])=>{const x=document.createElement("tr"),w=document.createElement("td");w.style.cssText="padding:.2rem .5rem .2rem 0;opacity:.7;white-space:nowrap;";const T=document.createElement("code");T.textContent=d,w.appendChild(T);const c=document.createElement("td");c.textContent=u,x.appendChild(w),x.appendChild(c),m.appendChild(x)}),g.appendChild(m),o.addEventListener("click",()=>{const d=g.style.display!=="none";g.style.display=d?"none":"",o.textContent=d?"Template Variables":"Hide Variables"}),r.appendChild(o),r.appendChild(g),e.appendChild(n),e.appendChild(r);let S=[];if(l)try{S=(await _.collections.get(l)).fields||[]}catch{}const F=document.createElement("option");F.value="",F.textContent=S.length?"- select a field -":"- no fields available -",i.appendChild(F),S.forEach(d=>{const u=document.createElement("option");u.value=d.name,u.textContent=`${d.label} (${d.name})`,u.dataset.fieldType=d.type,u.dataset.fieldOptions=d.type==="select"?JSON.stringify(d.options||[]):"",i.appendChild(u)});const j=document.createElement("option");j.value="__custom__",j.textContent="- enter manually -",i.appendChild(j);const C=t.config?.field||"",V=C&&[...i.options].find(d=>d.value===C);V?i.value=C:C&&(i.value="__custom__",p.value=C,p.style.display=""),n.appendChild(i),n.appendChild(p);function I(d,u){h.textContent="";const x=d?[...i.options].find(c=>c.value===d):null,w=x?.dataset.fieldType==="select",T=w?JSON.parse(x.dataset.fieldOptions||"[]"):[];if(w&&T.length){const c=document.createElement("select");c.className="form-input step-field-value",c.dataset.field="value";const O=document.createElement("option");O.value="",O.textContent="- select a value -",c.appendChild(O),T.forEach(y=>{const k=typeof y=="string"?y:y.value??"",D=typeof y=="string"?y:y.label||y.value||k;if(!k||k==="undefined")return;const q=document.createElement("option");q.value=k,q.textContent=D,c.appendChild(q)});const A=document.createElement("option");A.value="__custom__",A.textContent="- enter manually -",c.appendChild(A);const v=document.createElement("input");v.type="text",v.className="form-input mt-2",v.placeholder="e.g. approved or {{now}}",v.style.display="none",u&&[...c.options].find(y=>y.value===u&&y.value!=="__custom__")?c.value=u:u&&(c.value="__custom__",v.value=u,v.style.display=""),c.addEventListener("change",()=>{const y=c.value==="__custom__";v.style.display=y?"":"none",y||(v.value="")}),h.appendChild(c),h.appendChild(v)}else{const c=document.createElement("input");c.type="text",c.className="form-input step-field-value",c.dataset.field="value",c.placeholder="e.g. approved or {{now}}",c.value=u||"",h.appendChild(c)}}I(V?C:null,t.config?.value||""),i.addEventListener("change",()=>{const d=i.value==="__custom__";p.style.display=d?"":"none",d||(p.value=""),I(d?null:i.value,"")})}function H(e){const t=[];return e.find(".step-card").each(function(){const a=this.dataset.stepType,l={};if(a==="updateField"){let n=this.querySelector(".step-field-field")?.value?.trim()||"";n==="__custom__"&&(n=this.querySelector(".step-field-field-custom")?.value?.trim()||""),l.field=n;const s=this.querySelector(".step-field-value");let i=s?.value?.trim()||"";i==="__custom__"&&(i=s?.nextElementSibling?.value?.trim()||""),l.value=i}else(z[a]||[]).forEach(n=>{const s=this.querySelector(`.step-field-${n.name}`);if(!s)return;const i=s.value.trim();if(n.multiline&&i)try{l[n.name]=JSON.parse(i)}catch{l[n.name]=i}else l[n.name]=i});t.push({type:a,config:l})}),t}async function Q(e){const t=e.find("#action-title").val().trim();if(!t){E.toast("Title is required.",{type:"warning"});return}const a=e.find("#action-collection").val();if(!a){E.toast("Target collection is required (General tab).",{type:"warning"});return}const l=[];e.find(".action-role-cb:checked").each(function(){l.push(this.value)});const n=e.find("#action-rowlevel-enabled").is(":checked");let s=null;if(n){const f=e.find("#action-rowlevel-mode").val()||"owner",h=e.find("#action-rowlevel-userkey").val()||"id";if(s={mode:f,userKey:h},f==="field"){const o=e.find("#action-rowlevel-field").val().trim();if(!o){E.toast("Field name is required for Field Match mode.",{type:"warning"});return}s.field=o}}const i=e.find("#action-project").val()||"",p={title:t,slug:e.find("#action-slug").val().trim()||void 0,description:e.find("#action-description").val().trim(),collection:a,...e.find("#action-bundled").is(":checked")?{bundled:!0}:{},trigger:{type:e.find("#action-trigger-type").val()||"manual",label:e.find("#action-trigger-label").val().trim()||"Run",icon:e.find("#action-trigger-icon").val().trim()||"zap",confirmMessage:e.find("#action-trigger-confirm").val().trim()||null},steps:H(e),access:{roles:l,rowLevel:s},meta:{...L||{},project:i||null}},r=e.find("#save-action-btn").get(0);r&&(r.disabled=!0);try{if(N)await _.actions.update(N,p),E.toast("Action updated.",{type:"success"});else{const f=await _.actions.create(p);E.toast("Action created.",{type:"success"}),R.navigate(`/actions/edit/${f.slug}`)}}catch(f){E.toast(f.message||"Failed to save action.",{type:"error"})}finally{r&&(r.disabled=!1)}}

package/admin/js/views/actions-list.js

@@ -1 +1 @@
-import{api as r}from"../api.js";import{filterByProject as p,getProjectFromHash as m}from"../lib/project-context.js";import{keepTableIconsAlive as u}from"../lib/table-icons.js";function i(e){return String(e).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;")}export const actionsListView={templateUrl:"/admin/js/templates/actions-list.html",async onMount(e){await d(e),u(e.get(0)),e.off("click",".js-delete-action").on("click",".js-delete-action",async function(){const a=this.dataset.slug;if(await E.confirm(`Delete action "${a}"? This cannot be undone.`))try{await r.actions.delete(a),E.toast("Action deleted.",{type:"success"}),await d(e)}catch{E.toast("Failed to delete action.",{type:"error"})}}),e.find("#create-action-btn").off("click").on("click",()=>{R.navigate("/actions/new")}),Domma.icons.scan()}};async function d(e){let a=[];const c=E.loader(e.get(0),{type:"dots"});try{a=await r.actions.list(),e.find("#actions-pro-notice").hide()}catch(t){t.message?.includes("MongoDB")||t.message?.includes("pro mode")||t.message?.includes("connection")?e.find("#actions-pro-notice").show():E.toast("Could not load actions.",{type:"error"})}finally{c.destroy()}const l=m();l&&(a=p(a,l)),T.create("#actions-table",{data:a,columns:[{key:"title",title:"Title",render:(t,n)=>{const o=document.createElement("a");return o.href=`#/actions/edit/${i(n.slug)}`,o.textContent=t,o.style.fontWeight="600",o.outerHTML}},{key:"slug",title:"Slug",render:t=>`<code>${i(t)}</code>`},{key:"collection",title:"Collection",render:t=>`<code>${i(t||"\u2014")}</code>`},{key:"trigger",title:"Trigger",render:t=>i(t?.label||t?.type||"manual")},{key:"steps",title:"Steps",render:t=>String(Array.isArray(t)?t.length:0)},{key:"access",title:"Roles",render:t=>(t?.roles||[]).map(n=>`<span class="badge badge-secondary">${i(n)}</span>`).join(" ")},{key:"slug",title:"Actions",render:t=>{const n=document.createElement("div");n.style.cssText="display:flex;gap:.4rem;justify-content:flex-end;";const o=document.createElement("a");o.href=`#/actions/edit/${i(t)}`,o.className="btn btn-sm btn-ghost",o.setAttribute("data-tooltip","Edit"),o.innerHTML='<span data-icon="edit" data-icon-size="14"></span>';const s=document.createElement("button");return s.className="btn btn-sm btn-ghost js-delete-action",s.dataset.slug=t,s.setAttribute("data-tooltip","Delete"),s.innerHTML='<span data-icon="trash" data-icon-size="14"></span>',n.appendChild(o),n.appendChild(s),n.outerHTML}}],emptyMessage:'No actions yet. Click "New Action" to create your first action.'}),Domma.icons.scan(),document.querySelectorAll("#actions-table [data-tooltip]").forEach(t=>{E.tooltip(t,{content:t.getAttribute("data-tooltip"),position:"top"})})}
+import{api as r}from"../api.js";import{filterByProject as p,getProjectFromHash as m,renderProjectFilterNotice as u}from"../lib/project-context.js";import{keepTableIconsAlive as g}from"../lib/table-icons.js";function i(e){return String(e).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;")}export const actionsListView={templateUrl:"/admin/js/templates/actions-list.html",async onMount(e){await d(e),g(e.get(0)),e.off("click",".js-delete-action").on("click",".js-delete-action",async function(){const n=this.dataset.slug;if(await E.confirm(`Delete action "${n}"? This cannot be undone.`))try{await r.actions.delete(n),E.toast("Action deleted.",{type:"success"}),await d(e)}catch{E.toast("Failed to delete action.",{type:"error"})}}),e.find("#create-action-btn").off("click").on("click",()=>{R.navigate("/actions/new")}),Domma.icons.scan()}};async function d(e){let n=[];const l=E.loader(e.get(0),{type:"dots"});try{n=await r.actions.list(),e.find("#actions-pro-notice").hide()}catch(t){t.message?.includes("MongoDB")||t.message?.includes("pro mode")||t.message?.includes("connection")?e.find("#actions-pro-notice").show():E.toast("Could not load actions.",{type:"error"})}finally{l.destroy()}const c=m();if(c){const t=n.length;n=p(n,c),u(e,{total:t,shown:n.length,slug:c,allHref:"#/actions",noun:"actions"})}T.create("#actions-table",{pageSize:25,data:n,columns:[{key:"title",title:"Title",render:(t,a)=>{const o=document.createElement("a");return o.href=`#/actions/edit/${i(a.slug)}`,o.textContent=t,o.style.fontWeight="600",o.outerHTML}},{key:"slug",title:"Slug",render:t=>`<code>${i(t)}</code>`},{key:"collection",title:"Collection",render:t=>`<code>${i(t||"-")}</code>`},{key:"trigger",title:"Trigger",render:t=>i(t?.label||t?.type||"manual")},{key:"steps",title:"Steps",render:t=>String(Array.isArray(t)?t.length:0)},{key:"access",title:"Roles",render:t=>(t?.roles||[]).map(a=>`<span class="badge badge-secondary">${i(a)}</span>`).join(" ")},{key:"slug",title:"Actions",render:t=>{const a=document.createElement("div");a.style.cssText="display:flex;gap:.4rem;justify-content:flex-end;";const o=document.createElement("a");o.href=`#/actions/edit/${i(t)}`,o.className="btn btn-sm btn-ghost",o.setAttribute("data-tooltip","Edit"),o.innerHTML='<span data-icon="edit" data-icon-size="14"></span>';const s=document.createElement("button");return s.className="btn btn-sm btn-ghost js-delete-action",s.dataset.slug=t,s.setAttribute("data-tooltip","Delete"),s.innerHTML='<span data-icon="trash" data-icon-size="14"></span>',a.appendChild(o),a.appendChild(s),a.outerHTML}}],emptyMessage:'No actions yet. Click "New Action" to create your first action.'}),Domma.icons.scan(),document.querySelectorAll("#actions-table [data-tooltip]").forEach(t=>{E.tooltip(t,{content:t.getAttribute("data-tooltip"),position:"top"})})}