domma-cms 0.66.0 → 0.69.4

package/plugins/notes/plugin.json

@@ -1,33 +0,0 @@
-{
-  "name": "notes",
-  "displayName": "Notes",
-  "version": "1.0.0",
-  "description": "Rich note-taking with categories, search, and markdown content.",
-  "author": "Darryl Waterhouse",
-  "date": "2026-03-24",
-  "icon": "edit-3",
-  "admin": {
-    "sidebar": [
-      {
-        "id": "notes",
-        "text": "Notes",
-        "icon": "file-text",
-        "url": "#/plugins/notes",
-        "section": "#/plugins/notes"
-      }
-    ],
-    "routes": [
-      {
-        "path": "/plugins/notes",
-        "view": "plugin-notes",
-        "title": "Notes - Domma CMS"
-      }
-    ],
-    "views": {
-      "plugin-notes": {
-        "entry": "notes/admin/views/notes.js?v=ecd1b254",
-        "exportName": "notesView"
-      }
-    }
-  }
-}

package/plugins/surveys/admin/templates/audience.html

@@ -1,47 +0,0 @@
-<div class="survey-audience-plugin">
-
-    <div class="toolbar mb-3" style="display:flex;align-items:center;gap:0.5rem;flex-wrap:wrap;">
-        <h2 style="margin:0;flex:1;">Survey Audience</h2>
-        <button id="back-surveys" class="btn btn-outline">
-            <span data-icon="arrow-left"></span>
-            Surveys
-        </button>
-        <button id="import-contacts" class="btn btn-outline">
-            <span data-icon="download"></span>
-            Import from Contacts
-        </button>
-        <button id="add-contact" class="btn btn-primary">
-            <span data-icon="plus"></span>
-            Add contact
-        </button>
-    </div>
-
-    <div class="grid grid-cols-3" style="gap:1rem;align-items:start;">
-
-        <!-- Contacts table -->
-        <div style="grid-column:span 2;">
-            <div id="audience-table"></div>
-            <div id="audience-empty" style="display:none;text-align:center;padding:2rem 1rem;color:var(--dm-text-muted);">
-                <p>No audience contacts yet. Add one or import from the Contacts plugin.</p>
-            </div>
-        </div>
-
-        <!-- Groups panel -->
-        <div class="card">
-            <div class="card-header"><strong>Groups</strong></div>
-            <div class="card-body">
-                <div style="display:flex;gap:0.5rem;margin-bottom:1rem;">
-                    <input id="new-group-name" type="text" class="form-input" placeholder="New group name…" style="flex:1;">
-                    <button id="add-group" class="btn btn-primary">
-                        <span data-icon="plus"></span>
-                    </button>
-                </div>
-                <div id="groups-list">
-                    <p class="text-muted">No groups yet.</p>
-                </div>
-            </div>
-        </div>
-
-    </div>
-
-</div>

package/plugins/surveys/admin/templates/results.html

@@ -1,58 +0,0 @@
-<div class="survey-results-plugin">
-
-    <style>
-        /* Layout only + real Domma theme tokens - surfaces use .card so the
-           active theme is always respected; no hardcoded colours. */
-        .survey-results-plugin .sr-head { display:flex; align-items:flex-start; gap:1rem; flex-wrap:wrap; margin-bottom:1.25rem; }
-        .survey-results-plugin .sr-head h2 { margin:0 0 0.25rem; }
-        .survey-results-plugin .sr-sub { color:var(--dm-text-muted); margin:0; }
-        .survey-results-plugin .sr-head-actions { margin-left:auto; display:flex; gap:0.5rem; flex-wrap:wrap; }
-
-        .survey-results-plugin .sr-summary { display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:1rem; margin-bottom:1.5rem; }
-        @media (max-width:760px){ .survey-results-plugin .sr-summary { grid-template-columns:1fr 1fr; } }
-        .survey-results-plugin .sr-rate-num { font-size:2.4rem; font-weight:800; line-height:1; color:var(--dm-primary); }
-        .survey-results-plugin .sr-kpi-num { font-size:2rem; font-weight:800; line-height:1; }
-        .survey-results-plugin .sr-kpi-lbl { color:var(--dm-text-muted); font-size:0.85rem; margin-top:0.35rem; }
-        .survey-results-plugin .sr-rate-bar { height:8px; border-radius:999px; background:var(--dm-border); margin-top:0.75rem; overflow:hidden; }
-        .survey-results-plugin .sr-rate-fill { height:100%; background:var(--dm-primary); border-radius:999px; }
-
-        .survey-results-plugin .sr-section-title { font-size:1.05rem; font-weight:700; margin:0 0 0.75rem; }
-        .survey-results-plugin .sr-q-head { display:flex; align-items:baseline; gap:0.6rem; margin-bottom:0.75rem; }
-        .survey-results-plugin .sr-q-num { display:inline-flex; align-items:center; justify-content:center; min-width:1.6rem; height:1.6rem; border-radius:50%; background:var(--dm-primary); color:var(--dm-text-inverse); font-size:0.8rem; font-weight:700; }
-        .survey-results-plugin .sr-q-label { font-weight:700; }
-        .survey-results-plugin .sr-q-meta { margin-left:auto; color:var(--dm-text-muted); font-size:0.8rem; text-transform:uppercase; letter-spacing:0.03em; }
-        .survey-results-plugin .sr-avg { font-size:1.1rem; margin:0 0 0.6rem; }
-        .survey-results-plugin .sr-avg strong { font-size:1.5rem; color:var(--dm-primary); }
-
-        /* Distribution bars (survey.css isn't loaded in admin, so style here). */
-        .survey-results-plugin .survey-dist { display:flex; flex-direction:column; gap:0.5rem; }
-        .survey-results-plugin .survey-dist-row { display:grid; grid-template-columns:minmax(80px,160px) 1fr auto; align-items:center; gap:0.75rem; }
-        .survey-results-plugin .survey-dist-label { font-size:0.9rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
-        .survey-results-plugin .survey-dist-bar { height:14px; background:var(--dm-border); border-radius:999px; overflow:hidden; }
-        .survey-results-plugin .survey-dist-fill { height:100%; background:var(--dm-primary); border-radius:999px; min-width:2px; }
-        .survey-results-plugin .survey-dist-val { font-size:0.85rem; color:var(--dm-text-muted); white-space:nowrap; }
-
-        /* Free-text answers. */
-        .survey-results-plugin .sr-quotes { max-height:260px; overflow:auto; display:flex; flex-direction:column; gap:0.5rem; }
-        .survey-results-plugin .sr-quote { padding:0.5rem 0.75rem; background:var(--dm-surface-raised); border-left:3px solid var(--dm-border); border-radius:0 6px 6px 0; font-size:0.92rem; }
-        .survey-results-plugin .sr-empty { color:var(--dm-text-muted); font-style:italic; }
-    </style>
-
-    <div class="sr-head">
-        <div>
-            <h2 id="results-title">Survey Results</h2>
-            <p class="sr-sub" id="results-sub">How your audience responded.</p>
-        </div>
-        <div class="sr-head-actions">
-            <button id="export-csv" class="btn btn-outline"><span data-icon="download"></span> CSV</button>
-            <button id="export-json" class="btn btn-outline"><span data-icon="download"></span> JSON</button>
-            <button id="back-surveys" class="btn btn-outline"><span data-icon="arrow-left"></span> Surveys</button>
-        </div>
-    </div>
-
-    <div id="summary" class="sr-summary"></div>
-
-    <h3 class="sr-section-title">Question breakdown</h3>
-    <div id="questions"></div>
-
-</div>

package/plugins/surveys/admin/templates/survey-editor.html

@@ -1,141 +0,0 @@
-<div class="survey-editor-plugin">
-
-    <style>
-        /* Layout only - colours/borders come from Domma's themed .card and
-           .form-input, so the active theme is always respected. */
-        .survey-editor-plugin .se-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem 1.25rem; }
-        .survey-editor-plugin .se-span-2 { grid-column: 1 / -1; }
-        .survey-editor-plugin .se-field { display: flex; flex-direction: column; gap: 0.35rem; }
-        .survey-editor-plugin .se-field label { font-weight: 600; font-size: 0.85rem; }
-        .survey-editor-plugin .se-field .se-hint { font-size: 0.78rem; color: var(--dm-text-muted); }
-        .survey-editor-plugin .se-field .form-input { width: 100%; }
-        .survey-editor-plugin .se-field textarea.form-input { min-height: 90px; resize: vertical; }
-        .survey-editor-plugin .se-field select[multiple].form-input { min-height: 120px; }
-        @media (max-width: 640px) { .survey-editor-plugin .se-grid { grid-template-columns: 1fr; } }
-    </style>
-
-    <div class="toolbar mb-3" style="display:flex;align-items:center;gap:0.5rem;">
-        <h2 id="editor-title" style="margin:0;flex:1;">New Survey</h2>
-        <button id="back-btn" class="btn btn-outline"><span data-icon="arrow-left"></span> Back</button>
-    </div>
-
-    <div class="card">
-        <div class="card-header"><strong>Basics</strong></div>
-        <div class="card-body">
-            <div class="se-grid">
-                <div class="se-field se-span-2">
-                    <label for="f-title">Title</label>
-                    <input id="f-title" name="title" type="text" class="form-input" placeholder="Customer satisfaction Q3">
-                </div>
-                <div class="se-field">
-                    <label for="f-slug">Slug</label>
-                    <input id="f-slug" name="slug" type="text" class="form-input" placeholder="customer-sat-q3">
-                    <span class="se-hint" id="slug-hint">URL-safe identifier.</span>
-                </div>
-                <div class="se-field">
-                    <label for="f-formSlug">Form</label>
-                    <select id="f-formSlug" name="formSlug" class="form-input"><option value="">Select a form…</option></select>
-                    <span class="se-hint">The Forms definition respondents complete.</span>
-                </div>
-                <div class="se-field se-span-2">
-                    <label for="f-description">Description</label>
-                    <textarea id="f-description" name="description" class="form-input" placeholder="Optional internal description…"></textarea>
-                </div>
-            </div>
-        </div>
-    </div>
-
-    <div class="card mt-3">
-        <div class="card-header"><strong>Setup</strong></div>
-        <div class="card-body">
-            <div class="se-grid">
-                <div class="se-field">
-                    <label for="f-status">Status</label>
-                    <select id="f-status" name="status" class="form-input">
-                        <option value="draft">Draft</option>
-                        <option value="open">Open</option>
-                        <option value="closed">Closed</option>
-                    </select>
-                </div>
-                <div class="se-field">
-                    <label for="f-mode">Mode</label>
-                    <select id="f-mode" name="mode" class="form-input">
-                        <option value="identified">Identified</option>
-                        <option value="anonymous">Anonymous</option>
-                    </select>
-                    <span class="se-hint">Anonymous de-links responses from contacts.</span>
-                </div>
-                <div class="se-field se-span-2">
-                    <label for="f-groupIds">Audience groups</label>
-                    <select id="f-groupIds" name="groupIds" class="form-input" multiple></select>
-                    <span class="se-hint">Hold Ctrl/Cmd to select multiple groups.</span>
-                </div>
-            </div>
-        </div>
-    </div>
-
-    <div class="card mt-3">
-        <div class="card-header"><strong>Schedule</strong></div>
-        <div class="card-body">
-            <div class="se-grid">
-                <div class="se-field"><label for="f-opensAt">Opens at</label><input id="f-opensAt" name="opensAt" type="date" class="form-input"></div>
-                <div class="se-field"><label for="f-closesAt">Closes at</label><input id="f-closesAt" name="closesAt" type="date" class="form-input"></div>
-                <div class="se-field"><label for="f-reminderAfterDays">Reminder after (days)</label><input id="f-reminderAfterDays" name="reminderAfterDays" type="number" min="0" value="7" class="form-input"></div>
-            </div>
-        </div>
-    </div>
-
-    <div class="card mt-3">
-        <div class="card-header"><strong>Survey page content</strong></div>
-        <div class="card-body">
-            <div class="se-grid">
-                <div class="se-field se-span-2">
-                    <label for="f-intro">Intro (Markdown - shown above the form)</label>
-                    <textarea id="f-intro" name="intro" class="form-input" placeholder="## Welcome&#10;Thanks for taking a moment to help us improve."></textarea>
-                </div>
-                <div class="se-field se-span-2">
-                    <label for="f-footer">Footer (Markdown - shown below the form)</label>
-                    <textarea id="f-footer" name="footer" class="form-input" placeholder="Questions? Contact us at hello@example.com"></textarea>
-                </div>
-                <div class="se-field se-span-2">
-                    <label for="f-thankYou">Thank-you message (shown after submitting)</label>
-                    <textarea id="f-thankYou" name="thankYou" class="form-input" placeholder="Thank you - your response has been recorded."></textarea>
-                </div>
-            </div>
-        </div>
-    </div>
-
-    <div class="card mt-3">
-        <div class="card-header"><strong>Invitation email</strong></div>
-        <div class="card-body">
-            <div class="se-grid">
-                <div class="se-field se-span-2">
-                    <label for="f-inviteSubject">Subject</label>
-                    <input id="f-inviteSubject" name="inviteSubject" type="text" class="form-input" placeholder="We would love your feedback">
-                </div>
-                <div class="se-field se-span-2">
-                    <label for="f-inviteBody">Body</label>
-                    <textarea id="f-inviteBody" name="inviteBody" class="form-input" placeholder="Hi {{name}}, please complete our survey: {{link}}"></textarea>
-                    <span class="se-hint">{{name}} and {{link}} are substituted per recipient; {{link}} becomes the button.</span>
-                </div>
-            </div>
-        </div>
-    </div>
-
-    <div class="card mt-3">
-        <div class="card-body" style="display:flex;gap:0.5rem;flex-wrap:wrap;">
-            <button id="save-btn" class="btn btn-primary">Save Survey</button>
-            <button id="cancel-btn" class="btn btn-outline">Cancel</button>
-        </div>
-    </div>
-
-    <div id="send-panel" class="card mt-3" style="display:none;">
-        <div class="card-header"><strong>Invitations</strong></div>
-        <div class="card-body" style="display:flex;gap:0.5rem;flex-wrap:wrap;align-items:center;">
-            <button id="send-all-btn" class="btn btn-primary"><span data-icon="send"></span> Send invitations</button>
-            <button id="send-reminder-btn" class="btn btn-outline"><span data-icon="bell"></span> Send reminder to non-responders</button>
-            <span id="send-hint" class="text-muted" style="font-size:0.85rem;"></span>
-        </div>
-    </div>
-
-</div>

package/plugins/surveys/admin/templates/surveys.html

@@ -1,25 +0,0 @@
-<div class="surveys-plugin">
-
-    <!-- Toolbar -->
-    <div class="toolbar mb-3" style="display:flex;align-items:center;gap:0.5rem;flex-wrap:wrap;">
-        <h2 style="margin:0;flex:1;">Surveys</h2>
-        <button id="manage-audience" class="btn btn-outline">
-            <span data-icon="users"></span>
-            Audience
-        </button>
-        <button id="new-survey" class="btn btn-primary">
-            <span data-icon="plus"></span>
-            New Survey
-        </button>
-    </div>
-
-    <!-- Surveys table -->
-    <div id="surveys-table"></div>
-
-    <!-- Empty state -->
-    <div id="surveys-empty" style="display:none;text-align:center;padding:3rem 1rem;color:var(--dm-text-muted);">
-        <span data-icon="clipboard-list" style="font-size:3rem;display:block;margin-bottom:1rem;"></span>
-        <p>No surveys yet. Click <strong>New Survey</strong> to create your first campaign.</p>
-    </div>
-
-</div>

package/plugins/surveys/admin/views/audience.js

@@ -1,301 +0,0 @@
-/**
- * Surveys plugin - shared audience view.
- *
- * Manages survey contacts and audience groups, plus an import action that pulls
- * the audience from the Contacts plugin.
- *
- * @module surveys/admin/views/audience
- */
-
-const BASE = '/api/plugins/surveys';
-
-/**
- * Authenticated JSON fetch helper. Mirrors plugins/contacts/admin/views/contacts.js.
- *
- * @param {string} url
- * @param {string} [method]
- * @param {object} [body]
- * @returns {Promise<*>}
- */
-async function api(url, method = 'GET', body) {
-    const opts = {method, headers: {'Authorization': 'Bearer ' + (S.get('auth_token') || '')}};
-    if (body !== undefined) {
-        opts.headers['Content-Type'] = 'application/json';
-        opts.body = JSON.stringify(body);
-    }
-    const res = await fetch(url, opts);
-    if (!res.ok) {
-        const err = await res.json().catch(() => ({error: res.statusText}));
-        throw new Error(err.error || res.statusText);
-    }
-    const text = await res.text();
-    return text ? JSON.parse(text) : {};
-}
-
-/**
- * Escape HTML special characters to prevent XSS in render strings.
- *
- * @param {*} str
- * @returns {string}
- */
-function esc(str) {
-    return String(str ?? '')
-        .replace(/&/g, '&amp;')
-        .replace(/</g, '&lt;')
-        .replace(/>/g, '&gt;')
-        .replace(/"/g, '&quot;');
-}
-
-export const audienceView = {
-    templateUrl: '/plugins/surveys/admin/templates/audience.html',
-
-    /**
-     * Mount the audience view.
-     *
-     * @param {object} $container - Domma-wrapped container element
-     * @returns {Promise<void>}
-     */
-    async onMount($container) {
-        let contacts = [];
-        let groups = [];
-        let table = null;
-
-        async function load() {
-            const [c, g] = await Promise.all([
-                api(`${BASE}/contacts`).catch(() => []),
-                api(`${BASE}/groups`).catch(() => [])
-            ]);
-            contacts = Array.isArray(c) ? c : [];
-            groups = Array.isArray(g) ? g : [];
-        }
-
-        // ---- Contacts table ----------------------------------------------
-        function buildTable() {
-            const tableEl = $container.find('#audience-table').get(0);
-            const emptyEl = $container.find('#audience-empty').get(0);
-
-            if (!contacts.length) {
-                if (tableEl) tableEl.style.display = 'none';
-                if (emptyEl) emptyEl.style.display = 'block';
-                return;
-            }
-            if (emptyEl) emptyEl.style.display = 'none';
-            if (tableEl) tableEl.style.display = '';
-
-            if (table) {
-                table.setData(contacts);
-            } else {
-                // Render functions return HTML strings; delete uses delegated
-                // listener below (not inline onclick) so we can await E.confirm.
-                table = T.create($container.find('#audience-table').get(0), {
-                    data: contacts,
-                    columns: [
-                        {key: 'name', title: 'Name', sortable: true, render: (v) => esc(v) || '-'},
-                        {
-                            key: 'email', title: 'Email', sortable: true,
-                            render: (v) => v ? `<a href="mailto:${esc(v)}">${esc(v)}</a>` : '-'
-                        },
-                        {
-                            key: 'groups', title: 'Groups', sortable: false,
-                            render: (v) => {
-                                if (!Array.isArray(v) || !v.length) return '-';
-                                return v.map((g) => `<span class="badge badge-primary" style="margin-right:2px;">${esc(g)}</span>`).join('');
-                            }
-                        },
-                        {
-                            key: 'id', title: 'Actions', sortable: false,
-                            render: (id) =>
-                                `<button class="btn btn-sm btn-danger contact-del" data-id="${esc(id)}">` +
-                                `<span data-icon="trash" data-icon-size="14"></span> Delete</button>`
-                        }
-                    ],
-                    emptyMessage: 'No contacts.'
-                });
-
-                const container = $container.find('#audience-table').get(0);
-                if (container) {
-                    container.addEventListener('click', async (e) => {
-                        const btn = e.target.closest('.contact-del');
-                        if (!btn) return;
-                        const id = btn.dataset.id;
-                        const contact = contacts.find((c) => c.id === id);
-                        const ok = await E.confirm(`Delete "${contact?.name || contact?.email || 'this contact'}"?`);
-                        if (!ok) return;
-                        try {
-                            await api(`${BASE}/contacts/${encodeURIComponent(id)}`, 'DELETE');
-                            E.toast('Contact deleted.', {type: 'success'});
-                            await refresh();
-                        } catch (err) {
-                            E.toast(err?.message ?? 'Failed to delete contact.', {type: 'error'});
-                        }
-                    });
-                }
-            }
-            Domma.icons.scan();
-        }
-
-        // ---- Groups panel -------------------------------------------------
-        function buildGroups() {
-            const listEl = $container.find('#groups-list').get(0);
-            if (!listEl) return;
-            while (listEl.firstChild) listEl.removeChild(listEl.firstChild);
-
-            if (!groups.length) {
-                const p = document.createElement('p');
-                p.className = 'text-muted';
-                p.textContent = 'No groups yet.';
-                listEl.appendChild(p);
-                return;
-            }
-            groups.forEach((g) => {
-                const row = document.createElement('div');
-                row.style.cssText = 'padding:0.4rem 0;border-bottom:1px solid var(--dm-border);';
-                const badge = document.createElement('span');
-                badge.className = 'badge badge-primary';
-                badge.textContent = g.name; // textContent - safe
-                row.appendChild(badge);
-                if (g.description) {
-                    const desc = document.createElement('div');
-                    desc.className = 'text-muted';
-                    desc.style.fontSize = '0.8rem';
-                    desc.textContent = g.description;
-                    row.appendChild(desc);
-                }
-                listEl.appendChild(row);
-            });
-        }
-
-        // ---- Add-contact modal (light-DOM projection) ---------------------
-        function openContactModal() {
-            const modal = E.modal({title: 'Add Contact', size: 'md'});
-
-            const wrapper = document.createElement('div');
-            wrapper.style.cssText = 'padding:0.25rem 0 0.5rem;';
-
-            const formContainer = document.createElement('div');
-            wrapper.appendChild(formContainer);
-
-            // Canonical F.create: (blueprintObject, defaultsObject, opts).renderTo(el).
-            // Blueprint is keyed by field name; placeholder/hint live under
-            // formConfig (proven shape - collection-entries.js). We supply our own
-            // buttons (below) and read values from the DOM on save, so the modal's
-            // HTML sanitiser never strips an interactive submit button.
-            F.create(
-                {
-                    name: {type: 'string', label: 'Name', formConfig: {placeholder: 'Full name'}},
-                    email: {
-                        type: 'string', label: 'Email', required: true,
-                        formConfig: {placeholder: 'email@example.com'}
-                    },
-                    groups: {
-                        type: 'multiselect', label: 'Groups',
-                        options: groups.map((g) => ({value: g.name, label: g.name})),
-                        formConfig: {hint: 'Hold Ctrl/Cmd to select multiple.'}
-                    }
-                },
-                {},
-                {layout: 'stacked', columns: 1, showSubmitButton: false}
-            ).renderTo(formContainer);
-
-            const btnWrap = document.createElement('div');
-            btnWrap.style.cssText = 'display:flex;justify-content:flex-end;gap:0.5rem;margin-top:0.75rem;';
-
-            const cancelBtn = document.createElement('button');
-            cancelBtn.className = 'btn btn-outline';
-            cancelBtn.textContent = 'Cancel';
-            cancelBtn.addEventListener('click', () => modal.close());
-
-            const saveBtn = document.createElement('button');
-            saveBtn.className = 'btn btn-primary';
-            saveBtn.textContent = 'Save contact';
-            saveBtn.addEventListener('click', async () => {
-                const nameEl = formContainer.querySelector('[name="name"]');
-                const emailEl = formContainer.querySelector('[name="email"]');
-                const groupsEl = formContainer.querySelector('[name="groups"]');
-                const email = (emailEl?.value ?? '').trim();
-                if (!email) {
-                    E.toast('Email is required.', {type: 'error'});
-                    return;
-                }
-                const selectedGroups = groupsEl
-                    ? Array.from(groupsEl.selectedOptions).map((o) => o.value)
-                    : [];
-                try {
-                    await api(`${BASE}/contacts`, 'POST', {
-                        name: (nameEl?.value ?? '').trim(),
-                        email,
-                        groups: selectedGroups
-                    });
-                    E.toast('Contact added.', {type: 'success'});
-                    modal.close();
-                    await refresh();
-                } catch (err) {
-                    E.toast(err?.message ?? 'Failed to add contact.', {type: 'error'});
-                }
-            });
-
-            btnWrap.appendChild(cancelBtn);
-            btnWrap.appendChild(saveBtn);
-            wrapper.appendChild(btnWrap);
-
-            // Project the assembled DOM into the modal's light DOM so the
-            // interactive buttons survive (E.modal().setContent strips them).
-            modal.element.appendChild(wrapper);
-            modal.open();
-            Domma.icons.scan();
-        }
-
-        // ---- Refresh ------------------------------------------------------
-        async function refresh() {
-            await load();
-            buildTable();
-            buildGroups();
-        }
-
-        // ---- Wiring -------------------------------------------------------
-        const addContactBtn = $container.find('#add-contact').get(0);
-        if (addContactBtn) addContactBtn.addEventListener('click', openContactModal);
-
-        const backBtn = $container.find('#back-surveys').get(0);
-        if (backBtn) backBtn.addEventListener('click', () => { location.hash = '#/plugins/surveys'; });
-
-        const importBtn = $container.find('#import-contacts').get(0);
-        if (importBtn) {
-            importBtn.addEventListener('click', async () => {
-                const ok = await E.confirm('Import all contacts from the Contacts plugin?');
-                if (!ok) return;
-                try {
-                    const res = await api(`${BASE}/import-from-contacts`, 'POST', {});
-                    E.toast(`Imported ${res?.imported ?? 0} contact(s).`, {type: 'success'});
-                    await refresh();
-                } catch (err) {
-                    E.toast(err?.message ?? 'Import failed.', {type: 'error'});
-                }
-            });
-        }
-
-        const addGroupBtn = $container.find('#add-group').get(0);
-        const newGroupInput = $container.find('#new-group-name').get(0);
-        async function addGroup() {
-            const name = (newGroupInput?.value ?? '').trim();
-            if (!name) return;
-            try {
-                await api(`${BASE}/groups`, 'POST', {name});
-                if (newGroupInput) newGroupInput.value = '';
-                E.toast('Group added.', {type: 'success'});
-                await refresh();
-            } catch (err) {
-                E.toast(err?.message ?? 'Failed to add group.', {type: 'error'});
-            }
-        }
-        if (addGroupBtn) addGroupBtn.addEventListener('click', addGroup);
-        if (newGroupInput) {
-            newGroupInput.addEventListener('keydown', (e) => {
-                if (e.key === 'Enter') addGroup();
-            });
-        }
-
-        await refresh();
-        Domma.icons.scan();
-    }
-};