domma-cms 1.10.36 → 1.10.38

package/plugins/_lib/admin/mail/mail.css

@@ -1 +1 @@
-#view-container.mail-fullbleed{max-width:none}.mail-layout [hidden],.dm-slideover [hidden]{display:none!important}.mail-reader-summary{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}.mail-header-toggle,.mail-extras-toggle{padding:0!important;font-size:.78rem;opacity:.75;text-decoration:underline}.mail-header-toggle:hover,.mail-extras-toggle:hover{opacity:1}.mail-header-details{display:grid;grid-template-columns:max-content 1fr;gap:.15rem .75rem;margin:.5rem 0 0;font-size:.8rem}.mail-header-details dt{opacity:.65}.mail-header-details dd{margin:0;overflow-wrap:anywhere}.mail-layout{display:grid;grid-template-columns:var(--mail-col-1, 190px) auto var(--mail-col-2, 340px) auto 1fr;height:calc(100vh - 140px);min-height:320px;border:1px solid var(--dm-border);border-radius:var(--dm-radius-md, 8px);overflow:hidden;background:var(--dm-surface)}.mail-folders-pane,.mail-list-pane{display:flex;flex-direction:column;border-right:1px solid var(--dm-border);min-width:0;min-height:0}.mail-reader-pane{display:flex;flex-direction:column;min-width:0;min-height:0}.mail-pane-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .75rem;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--dm-text-muted);border-bottom:1px solid var(--dm-border);flex-shrink:0}.mail-folders-list,.mail-list{overflow-y:auto;flex:1;min-height:0}.mail-search{display:flex;align-items:center;gap:.4rem;padding:.4rem .6rem;border-bottom:1px solid var(--dm-border);color:var(--dm-text-muted);flex-shrink:0}.mail-search input{flex:1;min-width:0;font-size:.85rem;padding:.25rem .4rem}.mail-search-note{padding:.3rem .6rem;font-size:.74rem;color:var(--dm-text-muted);border-bottom:1px solid var(--dm-border);flex-shrink:0}.mail-slideover-resizer{padding:0;position:absolute;left:0;top:0;bottom:0;width:6px;cursor:col-resize;z-index:2;background:transparent}.mail-slideover-resizer:hover,.is-resizing>.mail-slideover-resizer{background:var(--dm-primary);opacity:.7}.is-resizing{user-select:none;transition:none!important}.mail-selection{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;padding:.35rem .6rem;font-size:.78rem;background:var(--dm-primary);color:var(--dm-primary-text);flex-shrink:0}.mail-selection span{flex:1;min-width:0}.mail-selection .btn{color:var(--dm-primary-text);border:1px solid currentColor;background:transparent}.mail-selection .btn:hover{background:color-mix(in srgb,var(--dm-primary-text) 15%,transparent)}.mail-item.is-selected{background:var(--dm-active-bg);box-shadow:inset 3px 0 0 var(--dm-primary)}.mail-undo{display:flex;align-items:center;gap:.5rem;padding:.4rem .6rem;font-size:.78rem;background:var(--dm-active-bg);border-bottom:1px solid var(--dm-border);flex-shrink:0}.mail-undo span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-splitter{width:5px;cursor:col-resize;background:var(--dm-border);flex-shrink:0;background-clip:content-box;border-left:2px solid transparent;border-right:2px solid transparent;box-sizing:content-box}.mail-splitter:hover,.mail-layout.is-resizing .mail-splitter{background-color:var(--dm-primary)}.mail-layout.is-resizing{user-select:none}.mail-layout.is-resizing .mail-folders-pane,.mail-layout.is-resizing .mail-list-pane,.mail-layout.is-resizing .mail-reader-pane,.mail-layout.is-resizing iframe{pointer-events:none}.mail-unread-filter{display:flex;align-items:center;gap:.3rem;font-size:.7rem;text-transform:none;letter-spacing:0;cursor:pointer;margin-left:auto;margin-right:.25rem}.mail-unread-pill{flex-shrink:0;min-width:1.15rem;padding:0 .3rem;border-radius:999px;background:var(--dm-primary);color:var(--dm-primary-text);font-size:.66rem;font-weight:700;line-height:1.35;text-align:center}.mail-folder.is-context .mail-folder-name{opacity:.6}.mail-account{display:flex;align-items:center;gap:.4rem;width:100%;padding:.45rem .6rem;border:none;background:var(--dm-surface);cursor:pointer;text-align:left;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--dm-text-muted)}.mail-account:hover{background:var(--dm-hover-bg)}.mail-account.is-active{color:var(--dm-text);position:sticky;top:0;z-index:1;background:var(--dm-surface)}.mail-account-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-folder{display:flex;align-items:center;gap:.5rem;padding:.45rem .75rem;font-size:.875rem;cursor:pointer;border:none;background:none;width:100%;text-align:left;color:var(--dm-text)}.mail-folder:hover{background:var(--dm-hover-bg)}.mail-folder.is-active{background:var(--dm-active-bg);color:var(--dm-primary);font-weight:600}.mail-folder.is-unselectable{opacity:.6;cursor:default}.mail-folder.is-unselectable:hover{background:none}.mail-folder-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-item{display:block;width:100%;text-align:left;padding:.55rem .75rem;border:none;border-bottom:1px solid var(--dm-border);background:none;cursor:pointer;color:var(--dm-text)}.mail-item:hover{background:var(--dm-hover-bg)}.mail-item.is-active{background:var(--dm-active-bg)}.mail-item-top{display:flex;justify-content:space-between;gap:.5rem;align-items:baseline}.mail-item-from{font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-item.is-unread .mail-item-from,.mail-item.is-unread .mail-item-subject{font-weight:700}.mail-item-date{font-size:.72rem;color:var(--dm-text-muted);flex-shrink:0}.mail-item-subject{font-size:.82rem;margin-top:.1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-item-meta{display:flex;align-items:center;gap:.35rem;margin-top:.15rem;color:var(--dm-text-muted)}.mail-pager{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.4rem .6rem;border-top:1px solid var(--dm-border);font-size:.75rem;color:var(--dm-text-muted);flex-shrink:0}.mail-reader-head{padding:.75rem 1rem;border-bottom:1px solid var(--dm-border);flex-shrink:0}.mail-reader-head:empty{display:none}.mail-reader-subject{font-size:1.05rem;font-weight:600;margin:0 0 .3rem;color:var(--dm-text)}.mail-reader-actions{display:flex;gap:.25rem;margin:.1rem 0 .35rem;flex-wrap:wrap}.mail-reader-meta{font-size:.8rem;color:var(--dm-text-muted)}.mail-reader-body{flex:1;position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:0;background:var(--dm-surface)}.mail-reader-body iframe{width:100%;flex:1;border:none;display:block;background:#fff}.mail-notice{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding:.4rem .75rem;font-size:.78rem;background:var(--dm-warning);color:var(--dm-warning-text);border-bottom:1px solid var(--dm-border)}.mail-notice .btn{color:var(--dm-warning-text);border:1px solid currentColor;background:transparent;opacity:.95}.mail-notice .btn:hover{background:color-mix(in srgb,var(--dm-warning-text) 15%,transparent);opacity:1}.mail-attachments{display:flex;flex-wrap:wrap;gap:.4rem;padding:.5rem .75rem;border-bottom:1px solid var(--dm-border);background:var(--dm-background-alt)}.mail-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;height:100%;color:var(--dm-text-muted);text-align:center;padding:1rem}.mail-empty p{margin:0;font-size:.875rem}@media(max-width:900px){.mail-layout{grid-template-columns:1fr;height:auto!important}.mail-splitter{display:none}.mail-folders-pane,.mail-list-pane{border-right:none;border-bottom:1px solid var(--dm-border)}.mail-folders-list,.mail-list{max-height:240px}.mail-reader-body{min-height:60vh}}.mail-box-row{display:flex;align-items:center;gap:.5rem;padding:.5rem .6rem;border:1px solid var(--dm-border);border-radius:var(--dm-radius-md, 6px)}.mail-default-badge{margin-left:.4rem;font-size:.7rem;font-weight:500;vertical-align:middle}.mail-item.is-dragging{opacity:.45}.mail-folder.is-drop-target{background:var(--dm-primary);color:var(--dm-primary-text);outline:2px solid var(--dm-primary);outline-offset:-2px}.mail-folder.is-drop-target .mail-folder-name,.mail-folder.is-drop-target .mail-unread-pill{color:inherit}.mail-item.is-dragging *{pointer-events:none}.mail-item{position:relative}.mail-item-tick{position:absolute;left:.45rem;top:.55rem;display:inline-flex;opacity:0;color:var(--dm-text-muted);transition:opacity .12s ease;padding:2px;margin:-2px;border-radius:var(--dm-radius-sm, 3px)}.mail-item:hover .mail-item-tick,.mail-item:focus-visible .mail-item-tick,.mail-list.is-selecting .mail-item-tick,.mail-item-tick[aria-checked=true]{opacity:1}.mail-item-tick[aria-checked=true]{color:var(--dm-primary)}.mail-item-tick:hover{color:var(--dm-primary);background:var(--dm-hover-bg)}.mail-item-top,.mail-item-subject,.mail-item-meta{padding-left:1.5rem}.mail-select-all{display:inline-flex;align-items:center;margin-right:.1rem;cursor:pointer}.mail-select-all input{cursor:pointer;margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mail-item-meta>span{display:inline-flex}.mail-item-meta .is-replied{color:var(--dm-success)}.mail-item-meta .is-forwarded{color:var(--dm-info, var(--dm-primary))}.mail-item-meta .is-high{color:var(--dm-danger)}.mail-item-meta .is-low{color:var(--dm-text-muted);opacity:.7}.mail-folder.is-hidden-folder .mail-folder-name{opacity:.5;font-style:italic}.mail-thread-chip{display:inline-flex;align-items:center;margin-left:.4rem;padding:0 .35rem;border-radius:999px;font-size:.68rem;font-weight:700;line-height:1.5;color:var(--dm-text-muted);background:var(--dm-active-bg);cursor:pointer}.mail-thread-chip:hover{color:var(--dm-primary)}.mail-thread-chip.is-unread{background:var(--dm-primary);color:var(--dm-primary-text)}.mail-item.is-in-thread{padding-left:1.6rem;box-shadow:inset 3px 0 0 var(--dm-border)}.mail-item.is-in-thread .mail-item-from{font-size:.8rem}.mail-pane-head .btn.is-on{color:var(--dm-primary);background:var(--dm-active-bg)}#mail-outbox-btn{font-size:.72rem;font-weight:700}#mail-outbox-btn.is-failed{color:var(--dm-danger)}.mail-attachment{display:inline-flex;align-items:center;border:1px solid var(--dm-border);border-radius:var(--dm-radius-md, 6px);overflow:hidden}.mail-attachment .btn{border:none;border-radius:0}.mail-attachment-save{padding-left:.4rem!important;padding-right:.4rem!important;border-left:1px solid var(--dm-border)!important;opacity:.7}.mail-attachment-save:hover{opacity:1;color:var(--dm-primary)}.mail-section-heading{margin:1rem 0 .1rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--dm-text-muted)}.mail-section-heading:first-child{margin-top:.25rem}.mail-section-form .domma-form{margin:0}.mail-section-form .domma-form-field:last-child{margin-bottom:0}.mail-item-card{margin:0}.mail-item-card .card-header{padding:.5rem .6rem}.mail-item-card .card-body{padding:.6rem}.mail-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.mail-status{min-height:1.2em}.mail-empty-line{margin:.25rem 0}.mail-editor-fallback{min-height:8rem;font-family:inherit;resize:vertical}.mail-clause{display:flex;gap:.3rem;align-items:center;flex-wrap:wrap}.mail-clause .form-select,.mail-clause .form-input{width:auto;flex:0 1 auto}.mail-clause .mail-clause-value{flex:1 1 8rem;min-width:8rem}.mail-section-list{display:flex;flex-direction:column;gap:.5rem}.mail-scroll-sm{max-height:20vh;overflow-y:auto}.mail-scroll-md{max-height:46vh;overflow-y:auto}.mail-section-form .domma-form-field:has(select) .form-label .text-danger{display:none}.mail-compose-form{padding:.25rem 0 .5rem;display:flex;flex-direction:column;gap:.6rem;height:100%}.mail-compose-body{display:flex;flex-direction:column;flex:1;min-height:0}.mail-compose-editor{flex:1;min-height:0}.mail-compose-textarea{flex:1;min-height:34vh;font-family:inherit;resize:vertical}.mail-attach-list{display:flex;flex-direction:column;gap:.2rem}.mail-template-row{margin:-.15rem 0 .35rem}.mail-template-picker{max-width:16rem}.mail-suggest-row{display:flex;flex-direction:column;line-height:1.25}.mail-suggest-detail{opacity:.7}.mail-rule-off{opacity:.55}.mail-panel{padding:.25rem 0 .5rem}.mail-panel-stack{padding:.25rem 0 .5rem;display:flex;flex-direction:column;gap:1rem}.mail-form-stack{padding:.25rem 0 .5rem;display:flex;flex-direction:column;gap:.75rem}.mail-dialog-stack{display:flex;flex-direction:column;gap:.5rem;padding:.25rem 0}.mail-hint{margin-top:.2rem}.mail-box-sub{overflow:hidden;text-overflow:ellipsis}.mail-add-btn{align-self:flex-start;margin-top:.5rem}.mail-none{margin:0;padding:.5rem .6rem}.mail-kv{padding:.5rem 0;display:flex;flex-direction:column;gap:.35rem}.mail-kv-row{display:flex;gap:.75rem}.mail-kv-key{min-width:8.5rem;flex-shrink:0}.mail-toggle-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.mail-sender-list{display:flex;flex-direction:column;gap:.2rem;max-height:40vh;overflow-y:auto}.mail-folder-pick{display:flex;align-items:center;gap:.5rem;padding:.3rem .4rem;border-radius:var(--dm-radius-md, 6px)}.mail-diag-log{width:100%;height:30vh;margin-top:.5rem;font-family:monospace;font-size:.72rem}.mail-facts{display:flex;flex-direction:column;gap:.2rem;margin-bottom:.75rem}.mail-item-more{position:absolute;right:.4rem;bottom:.35rem;display:inline-flex;align-items:center;justify-content:center;min-width:1.4rem;height:1.4rem;border-radius:var(--dm-radius-sm, 3px);font-size:1rem;line-height:1;color:var(--dm-text-muted);background:inherit;opacity:0;transition:opacity .12s ease}.mail-item:hover .mail-item-more,.mail-item:focus-visible .mail-item-more,.mail-item.is-active .mail-item-more{opacity:1}.mail-item-more:hover{color:var(--dm-primary)}.mail-section-intro{display:flex;align-items:center;gap:.35rem;margin:0 0 .75rem;padding-bottom:.5rem;border-bottom:1px solid var(--dm-border)}.mail-pager-middle{display:flex;align-items:center;gap:.5rem;min-width:0}.mail-page-size{font:inherit;color:inherit;background:transparent;border:1px solid var(--dm-border);border-radius:4px;padding:.1rem .25rem}.mail-auth-choice{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;padding-bottom:.5rem;border-bottom:1px solid var(--dm-border)}.mail-oauth{display:flex;flex-direction:column;gap:.75rem}.mail-oauth-warn{margin:0;padding:.5rem .7rem;border:1px solid var(--dm-warning);border-radius:var(--dm-radius-md);color:var(--dm-warning-text)}.mail-oauth-state{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.mail-oauth-chip{margin-left:.4rem;border:1px solid var(--dm-border);background:var(--dm-surface);color:var(--dm-text-muted)}.mail-oauth-state .mail-oauth-chip{margin-left:0}.mail-oauth-chip--ok{border-color:var(--dm-success);color:var(--dm-success)}.mail-oauth-chip--bad{border-color:var(--dm-danger);color:var(--dm-danger)}.mail-oauth-guide{border:1px solid var(--dm-border);border-radius:var(--dm-radius-md);padding:.5rem .75rem;background:var(--dm-background-alt)}.mail-oauth-guide>summary{cursor:pointer;font-weight:600}.mail-oauth-guide-body ol{padding-left:1.2rem;margin:.5rem 0 0}.mail-oauth-guide-body li{margin-bottom:.45rem}.mail-oauth-code{word-break:break-all;user-select:all}.mail-loading-slot{display:block;min-height:3rem;padding:.5rem .6rem}.mail-row-more{flex-shrink:0;margin-left:auto;display:inline-flex;align-items:center;justify-content:center;min-width:1.3rem;height:1.3rem;border-radius:var(--dm-radius-sm);font-size:.95rem;line-height:1;color:var(--dm-text-muted);opacity:0;transition:opacity .12s ease}.mail-unread-pill+.mail-row-more{margin-left:0}.mail-folder:hover .mail-row-more,.mail-folder:focus-visible .mail-row-more,.mail-folder.is-active .mail-row-more,.mail-account:hover .mail-row-more,.mail-account:focus-visible .mail-row-more,.mail-account.is-active .mail-row-more{opacity:1}.mail-row-more:hover{color:var(--dm-primary)}.mail-box-row .mail-row-more{opacity:1;margin-left:0}.mail-box-row:focus-visible{outline:2px solid var(--dm-primary);outline-offset:-2px}.mail-restored-note{margin:0;padding:.4rem .6rem;border-left:3px solid var(--dm-warning);background:var(--dm-background-alt)}.mail-font-controls .mail-font-btn{width:auto;min-width:3.5rem;max-width:10rem;padding:0 .5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem}.domma-dropdown-menu:has(.mail-font-item),.domma-dropdown-menu:has(.mail-size-item){max-height:min(60vh,26rem);overflow-y:auto;z-index:10050}.domma-dropdown-item:has(.mail-font-item){display:flex;align-items:center;justify-content:space-between;gap:.75rem}.mail-font-item{font-size:.9375rem}.mail-font-web{font-size:.6875rem;color:var(--dm-text-muted);text-transform:uppercase;letter-spacing:.04em}
+#view-container.mail-fullbleed{max-width:none}.mail-layout [hidden],.dm-slideover [hidden]{display:none!important}.mail-reader-summary{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}.mail-header-toggle,.mail-extras-toggle{padding:0!important;font-size:.78rem;opacity:.75;text-decoration:underline}.mail-header-toggle:hover,.mail-extras-toggle:hover{opacity:1}.mail-header-details{display:grid;grid-template-columns:max-content 1fr;gap:.15rem .75rem;margin:.5rem 0 0;font-size:.8rem}.mail-header-details dt{opacity:.65}.mail-header-details dd{margin:0;overflow-wrap:anywhere}.mail-layout{display:grid;grid-template-columns:var(--mail-col-1, 190px) auto var(--mail-col-2, 340px) auto 1fr;height:calc(100vh - 140px);min-height:320px;border:1px solid var(--dm-border);border-radius:var(--dm-radius-md, 8px);overflow:hidden;background:var(--dm-surface)}.mail-folders-pane,.mail-list-pane{display:flex;flex-direction:column;border-right:1px solid var(--dm-border);min-width:0;min-height:0}.mail-reader-pane{display:flex;flex-direction:column;min-width:0;min-height:0}.mail-pane-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .75rem;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--dm-text-muted);border-bottom:1px solid var(--dm-border);flex-shrink:0}.mail-folders-list,.mail-list{overflow-y:auto;flex:1;min-height:0}.mail-search{display:flex;align-items:center;gap:.4rem;padding:.4rem .6rem;border-bottom:1px solid var(--dm-border);color:var(--dm-text-muted);flex-shrink:0}.mail-search input{flex:1;min-width:0;font-size:.85rem;padding:.25rem .4rem}.mail-search-note{padding:.3rem .6rem;font-size:.74rem;color:var(--dm-text-muted);border-bottom:1px solid var(--dm-border);flex-shrink:0}.mail-slideover-resizer{padding:0;position:absolute;left:0;top:0;bottom:0;width:6px;cursor:col-resize;z-index:2;background:transparent}.mail-slideover-resizer:hover,.is-resizing>.mail-slideover-resizer{background:var(--dm-primary);opacity:.7}.is-resizing{user-select:none;transition:none!important}.mail-selection{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;padding:.35rem .6rem;font-size:.78rem;background:var(--dm-primary);color:var(--dm-primary-text);flex-shrink:0}.mail-selection span{flex:1;min-width:0}.mail-selection .btn{color:var(--dm-primary-text);border:1px solid currentColor;background:transparent}.mail-selection .btn:hover{background:color-mix(in srgb,var(--dm-primary-text) 15%,transparent)}.mail-item.is-selected{background:var(--dm-active-bg);box-shadow:inset 3px 0 0 var(--dm-primary)}.mail-undo{display:flex;align-items:center;gap:.5rem;padding:.4rem .6rem;font-size:.78rem;background:var(--dm-active-bg);border-bottom:1px solid var(--dm-border);flex-shrink:0}.mail-undo span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-splitter{width:5px;cursor:col-resize;background:var(--dm-border);flex-shrink:0;background-clip:content-box;border-left:2px solid transparent;border-right:2px solid transparent;box-sizing:content-box}.mail-splitter:hover,.mail-layout.is-resizing .mail-splitter{background-color:var(--dm-primary)}.mail-layout.is-resizing{user-select:none}.mail-layout.is-resizing .mail-folders-pane,.mail-layout.is-resizing .mail-list-pane,.mail-layout.is-resizing .mail-reader-pane,.mail-layout.is-resizing iframe{pointer-events:none}.mail-unread-filter{display:flex;align-items:center;gap:.3rem;font-size:.7rem;text-transform:none;letter-spacing:0;cursor:pointer;margin-left:auto;margin-right:.25rem}.mail-unread-pill{flex-shrink:0;min-width:1.15rem;padding:0 .3rem;border-radius:999px;background:var(--dm-primary);color:var(--dm-primary-text);font-size:.66rem;font-weight:700;line-height:1.35;text-align:center}.mail-folder.is-context .mail-folder-name{opacity:.6}.mail-account{display:flex;align-items:center;gap:.4rem;width:100%;padding:.45rem .6rem;border:none;background:var(--dm-surface);cursor:pointer;text-align:left;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--dm-text-muted)}.mail-account:hover{background:var(--dm-hover-bg)}.mail-account.is-active{color:var(--dm-text);position:sticky;top:0;z-index:1;background:var(--dm-surface)}.mail-account-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-folder{display:flex;align-items:center;gap:.5rem;padding:.45rem .75rem;font-size:.875rem;cursor:pointer;border:none;background:none;width:100%;text-align:left;color:var(--dm-text)}.mail-folder:hover{background:var(--dm-hover-bg)}.mail-folder.is-active{background:var(--dm-active-bg);color:var(--dm-primary);font-weight:600}.mail-folder.is-unselectable{opacity:.6;cursor:default}.mail-folder.is-unselectable:hover{background:none}.mail-folder-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-item{display:block;width:100%;text-align:left;padding:.55rem .75rem;border:none;border-bottom:1px solid var(--dm-border);background:none;cursor:pointer;color:var(--dm-text)}.mail-item:hover{background:var(--dm-hover-bg)}.mail-item.is-active{background:var(--dm-active-bg)}.mail-item-top{display:flex;justify-content:space-between;gap:.5rem;align-items:baseline}.mail-item-from{font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-item.is-unread .mail-item-from,.mail-item.is-unread .mail-item-subject{font-weight:700}.mail-item-date{font-size:.72rem;color:var(--dm-text-muted);flex-shrink:0}.mail-item-subject{font-size:.82rem;margin-top:.1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-item-meta{display:flex;align-items:center;gap:.35rem;margin-top:.15rem;color:var(--dm-text-muted)}.mail-pager{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.4rem .6rem;border-top:1px solid var(--dm-border);font-size:.75rem;color:var(--dm-text-muted);flex-shrink:0}.mail-reader-head{padding:.75rem 1rem;border-bottom:1px solid var(--dm-border);flex-shrink:0}.mail-reader-head:empty{display:none}.mail-reader-subject{font-size:1.05rem;font-weight:600;margin:0 0 .3rem;color:var(--dm-text)}.mail-reader-actions{display:flex;gap:.25rem;margin:.1rem 0 .35rem;flex-wrap:wrap}.mail-reader-meta{font-size:.8rem;color:var(--dm-text-muted)}.mail-reader-body{flex:1;position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:0;background:var(--dm-surface)}.mail-reader-body iframe{width:100%;flex:1;border:none;display:block;background:#fff}.mail-notice{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding:.4rem .75rem;font-size:.78rem;background:var(--dm-warning);color:var(--dm-warning-text);border-bottom:1px solid var(--dm-border)}.mail-notice .btn{color:var(--dm-warning-text);border:1px solid currentColor;background:transparent;opacity:.95}.mail-notice .btn:hover{background:color-mix(in srgb,var(--dm-warning-text) 15%,transparent);opacity:1}.mail-security--ok{background:color-mix(in srgb,var(--dm-success) 14%,var(--dm-surface));color:var(--dm-text)}.mail-security--bad{background:var(--dm-danger);color:var(--dm-danger-text)}.mail-security-detail{flex-basis:100%;opacity:.85;overflow-wrap:anywhere}.mail-attachments{display:flex;flex-wrap:wrap;gap:.4rem;padding:.5rem .75rem;border-bottom:1px solid var(--dm-border);background:var(--dm-background-alt)}.mail-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;height:100%;color:var(--dm-text-muted);text-align:center;padding:1rem}.mail-empty p{margin:0;font-size:.875rem}@media(max-width:900px){.mail-layout{grid-template-columns:1fr;height:auto!important}.mail-splitter{display:none}.mail-folders-pane,.mail-list-pane{border-right:none;border-bottom:1px solid var(--dm-border)}.mail-folders-list,.mail-list{max-height:240px}.mail-reader-body{min-height:60vh}}.mail-box-row{display:flex;align-items:center;gap:.5rem;padding:.5rem .6rem;border:1px solid var(--dm-border);border-radius:var(--dm-radius-md, 6px)}.mail-default-badge{margin-left:.4rem;font-size:.7rem;font-weight:500;vertical-align:middle}.mail-item.is-dragging{opacity:.45}.mail-folder.is-drop-target{background:var(--dm-primary);color:var(--dm-primary-text);outline:2px solid var(--dm-primary);outline-offset:-2px}.mail-folder.is-drop-target .mail-folder-name,.mail-folder.is-drop-target .mail-unread-pill{color:inherit}.mail-item.is-dragging *{pointer-events:none}.mail-item{position:relative}.mail-item-tick{position:absolute;left:.45rem;top:.55rem;display:inline-flex;opacity:0;color:var(--dm-text-muted);transition:opacity .12s ease;padding:2px;margin:-2px;border-radius:var(--dm-radius-sm, 3px)}.mail-item:hover .mail-item-tick,.mail-item:focus-visible .mail-item-tick,.mail-list.is-selecting .mail-item-tick,.mail-item-tick[aria-checked=true]{opacity:1}.mail-item-tick[aria-checked=true]{color:var(--dm-primary)}.mail-item-tick:hover{color:var(--dm-primary);background:var(--dm-hover-bg)}.mail-item-top,.mail-item-subject,.mail-item-meta{padding-left:1.5rem}.mail-select-all{display:inline-flex;align-items:center;margin-right:.1rem;cursor:pointer}.mail-select-all input{cursor:pointer;margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mail-item-meta>span{display:inline-flex}.mail-item-meta .is-replied{color:var(--dm-success)}.mail-item-meta .is-forwarded{color:var(--dm-info, var(--dm-primary))}.mail-item-meta .is-high{color:var(--dm-danger)}.mail-item-meta .is-low{color:var(--dm-text-muted);opacity:.7}.mail-folder.is-hidden-folder .mail-folder-name{opacity:.5;font-style:italic}.mail-thread-chip{display:inline-flex;align-items:center;margin-left:.4rem;padding:0 .35rem;border-radius:999px;font-size:.68rem;font-weight:700;line-height:1.5;color:var(--dm-text-muted);background:var(--dm-active-bg);cursor:pointer}.mail-thread-chip:hover{color:var(--dm-primary)}.mail-thread-chip.is-unread{background:var(--dm-primary);color:var(--dm-primary-text)}.mail-item.is-in-thread{padding-left:1.6rem;box-shadow:inset 3px 0 0 var(--dm-border)}.mail-item.is-in-thread .mail-item-from{font-size:.8rem}.mail-pane-head .btn.is-on{color:var(--dm-primary);background:var(--dm-active-bg)}#mail-outbox-btn{font-size:.72rem;font-weight:700}#mail-outbox-btn.is-failed{color:var(--dm-danger)}.mail-attachment{display:inline-flex;align-items:center;border:1px solid var(--dm-border);border-radius:var(--dm-radius-md, 6px);overflow:hidden}.mail-attachment .btn{border:none;border-radius:0}.mail-attachment-save{padding-left:.4rem!important;padding-right:.4rem!important;border-left:1px solid var(--dm-border)!important;opacity:.7}.mail-attachment-save:hover{opacity:1;color:var(--dm-primary)}.mail-section-heading{margin:1rem 0 .1rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--dm-text-muted)}.mail-section-heading:first-child{margin-top:.25rem}.mail-section-form .domma-form{margin:0}.mail-section-form .domma-form-field:last-child{margin-bottom:0}.mail-item-card{margin:0}.mail-item-card .card-header{padding:.5rem .6rem}.mail-item-card .card-body{padding:.6rem}.mail-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.mail-status{min-height:1.2em}.mail-empty-line{margin:.25rem 0}.mail-editor-fallback{min-height:8rem;font-family:inherit;resize:vertical}.mail-clause{display:flex;gap:.3rem;align-items:center;flex-wrap:wrap}.mail-clause .form-select,.mail-clause .form-input{width:auto;flex:0 1 auto}.mail-clause .mail-clause-value{flex:1 1 8rem;min-width:8rem}.mail-section-list{display:flex;flex-direction:column;gap:.5rem}.mail-scroll-sm{max-height:20vh;overflow-y:auto}.mail-scroll-md{max-height:46vh;overflow-y:auto}.mail-section-form .domma-form-field:has(select) .form-label .text-danger{display:none}.mail-compose-form{padding:.25rem 0 .5rem;display:flex;flex-direction:column;gap:.6rem;height:100%}.mail-compose-body{display:flex;flex-direction:column;flex:1;min-height:0}.mail-compose-editor{flex:1;min-height:0}.mail-compose-textarea{flex:1;min-height:34vh;font-family:inherit;resize:vertical}.mail-attach-list{display:flex;flex-direction:column;gap:.2rem}.mail-template-row{margin:-.15rem 0 .35rem}.mail-template-picker{max-width:16rem}.mail-suggest-row{display:flex;flex-direction:column;line-height:1.25}.mail-suggest-detail{opacity:.7}.mail-rule-off{opacity:.55}.mail-panel{padding:.25rem 0 .5rem}.mail-panel-stack{padding:.25rem 0 .5rem;display:flex;flex-direction:column;gap:1rem}.mail-form-stack{padding:.25rem 0 .5rem;display:flex;flex-direction:column;gap:.75rem}.mail-dialog-stack{display:flex;flex-direction:column;gap:.5rem;padding:.25rem 0}.mail-hint{margin-top:.2rem}.mail-box-sub{overflow:hidden;text-overflow:ellipsis}.mail-add-btn{align-self:flex-start;margin-top:.5rem}.mail-none{margin:0;padding:.5rem .6rem}.mail-kv{padding:.5rem 0;display:flex;flex-direction:column;gap:.35rem}.mail-kv-row{display:flex;gap:.75rem}.mail-kv-key{min-width:8.5rem;flex-shrink:0}.mail-toggle-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.mail-sender-list{display:flex;flex-direction:column;gap:.2rem;max-height:40vh;overflow-y:auto}.mail-folder-pick{display:flex;align-items:center;gap:.5rem;padding:.3rem .4rem;border-radius:var(--dm-radius-md, 6px)}.mail-diag-log{width:100%;height:30vh;margin-top:.5rem;font-family:monospace;font-size:.72rem}.mail-facts{display:flex;flex-direction:column;gap:.2rem;margin-bottom:.75rem}.mail-item-more{position:absolute;right:.4rem;bottom:.35rem;display:inline-flex;align-items:center;justify-content:center;min-width:1.4rem;height:1.4rem;border-radius:var(--dm-radius-sm, 3px);font-size:1rem;line-height:1;color:var(--dm-text-muted);background:inherit;opacity:0;transition:opacity .12s ease}.mail-item:hover .mail-item-more,.mail-item:focus-visible .mail-item-more,.mail-item.is-active .mail-item-more{opacity:1}.mail-item-more:hover{color:var(--dm-primary)}.mail-section-intro{display:flex;align-items:center;gap:.35rem;margin:0 0 .75rem;padding-bottom:.5rem;border-bottom:1px solid var(--dm-border)}.mail-pager-middle{display:flex;align-items:center;gap:.5rem;min-width:0}.mail-page-size{font:inherit;color:inherit;background:transparent;border:1px solid var(--dm-border);border-radius:4px;padding:.1rem .25rem}.mail-auth-choice{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;padding-bottom:.5rem;border-bottom:1px solid var(--dm-border)}.mail-oauth{display:flex;flex-direction:column;gap:.75rem}.mail-oauth-warn{margin:0;padding:.5rem .7rem;border:1px solid var(--dm-warning);border-radius:var(--dm-radius-md);color:var(--dm-warning-text)}.mail-oauth-state{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.mail-oauth-chip{margin-left:.4rem;border:1px solid var(--dm-border);background:var(--dm-surface);color:var(--dm-text-muted)}.mail-oauth-state .mail-oauth-chip{margin-left:0}.mail-oauth-chip--ok{border-color:var(--dm-success);color:var(--dm-success)}.mail-oauth-chip--bad{border-color:var(--dm-danger);color:var(--dm-danger)}.mail-oauth-guide{border:1px solid var(--dm-border);border-radius:var(--dm-radius-md);padding:.5rem .75rem;background:var(--dm-background-alt)}.mail-oauth-guide>summary{cursor:pointer;font-weight:600}.mail-oauth-guide-body ol{padding-left:1.2rem;margin:.5rem 0 0}.mail-oauth-guide-body li{margin-bottom:.45rem}.mail-oauth-code{word-break:break-all;user-select:all}.mail-loading-slot{display:block;min-height:3rem;padding:.5rem .6rem}.mail-row-more{flex-shrink:0;margin-left:auto;display:inline-flex;align-items:center;justify-content:center;min-width:1.3rem;height:1.3rem;border-radius:var(--dm-radius-sm);font-size:.95rem;line-height:1;color:var(--dm-text-muted);opacity:0;transition:opacity .12s ease}.mail-unread-pill+.mail-row-more{margin-left:0}.mail-folder:hover .mail-row-more,.mail-folder:focus-visible .mail-row-more,.mail-folder.is-active .mail-row-more,.mail-account:hover .mail-row-more,.mail-account:focus-visible .mail-row-more,.mail-account.is-active .mail-row-more{opacity:1}.mail-row-more:hover{color:var(--dm-primary)}.mail-box-row .mail-row-more{opacity:1;margin-left:0}.mail-box-row:focus-visible{outline:2px solid var(--dm-primary);outline-offset:-2px}.mail-restored-note{margin:0;padding:.4rem .6rem;border-left:3px solid var(--dm-warning);background:var(--dm-background-alt)}.mail-font-controls .mail-font-btn{width:auto;min-width:3.5rem;max-width:10rem;padding:0 .5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem}.domma-dropdown-menu:has(.mail-font-item),.domma-dropdown-menu:has(.mail-size-item){max-height:min(60vh,26rem);overflow-y:auto;z-index:10050}.domma-dropdown-item:has(.mail-font-item){display:flex;align-items:center;justify-content:space-between;gap:.75rem}.mail-font-item{font-size:.9375rem}.mail-font-web{font-size:.6875rem;color:var(--dm-text-muted);text-transform:uppercase;letter-spacing:.04em}

package/plugins/_lib/admin/mail/reader-view.js

@@ -35,7 +35,7 @@ const {
 } = await import(versioned('folder-tree.js'));
 const {imageSendersSection} = await import(versioned('image-senders-section.js'));
 const {
-    createSettingsSection, READ_DELAY_KEY, readDelaySeconds, scheduleMarkRead,
+    createSettingsSection, READ_DELAY_KEY, readDelaySeconds, scheduleMarkRead, readComposePrefs,
     PAGE_SIZE_KEY, PAGE_SIZES, listPageSize, pageAfterResize
 } = await import(versioned('settings-section.js'));
 const {createSplitters, fitToViewport} = await import(versioned('panes.js'));
@@ -50,6 +50,8 @@ const {fillMessageAction, loadMessageActions, messageFacts} = await import(versi
 const {isPlainKey, keyBelongsElsewhere, resolveKey, SHORTCUTS} = await import(versioned('keyboard.js'));
 const {menuPoint, quoteSelection, readBridgeMessage, selectionItems} = await import(versioned('body-menu.js'));
 const {describeWhen, quickTimes} = await import(versioned('scheduling.js'));
+// Optional for the same reason as oauth-panel.js below.
+const {securityNote} = await import(versioned('security-note.js')).catch(() => ({securityNote: () => null}));
 // Sign in with Microsoft / Google (Email Pro). Optional: an older copy of this
 // directory without it must not take the reader down.
 const {describeSignIn, mountSignIn} = await import(versioned('oauth-panel.js')).catch(() => ({}));
@@ -958,6 +960,8 @@ return {
             const sections = [
                 createSettingsSection({
                     canWrite: features.write,
+                    canSend: features.send === true,
+                    sidebarUrl: sidebarUrl(pluginName),
                     load: () => readDelaySeconds(S.get(READ_DELAY_KEY)),
                     save: seconds => {
                         S.set(READ_DELAY_KEY, seconds);
@@ -3192,6 +3196,29 @@ return {
 
             readerBodyEl.textContent = '';
 
+            // Signed or encrypted: said first, above the images notice, since
+            // it is about whether to believe the rest of the pane at all.
+            const security = securityNote(message.security);
+            if (security) {
+                const strip = document.createElement('div');
+                strip.className = `mail-notice mail-security mail-security--${security.tone}`;
+                const icon = document.createElement('span');
+                icon.dataset.icon = security.icon;
+                icon.dataset.iconSize = '14';
+                icon.setAttribute('aria-hidden', 'true');
+                const text = document.createElement('span');
+                text.textContent = security.text;
+                strip.append(icon, text);
+                if (security.detail) {
+                    const more = document.createElement('span');
+                    more.className = 'mail-security-detail';
+                    more.textContent = security.detail;
+                    strip.appendChild(more);
+                }
+                readerBodyEl.appendChild(strip);
+                Domma.icons.scan(strip);
+            }
+
             if (message.blockedImages > 0 && !message.remoteImagesLoaded) {
                 const notice = document.createElement('div');
                 notice.className = 'mail-notice';
@@ -3923,7 +3950,11 @@ return {
                     identities: identities?.identities ?? [],
                     mailboxAddress: identities?.mailboxAddress ?? '',
                     templates: templates?.templates ?? [],
-                    undoSendSeconds: sending?.undoSendSeconds ?? 0
+                    undoSendSeconds: sending?.undoSendSeconds ?? 0,
+                    // Where this mailbox's ticks start, and whether it can
+                    // sign or encrypt at all (a certificate is set up).
+                    compose: sending?.compose ?? null,
+                    security: sending?.security ?? null
                 })).catch(() => EMPTY_PROFILE);
             }
             return profileRequest;
@@ -3983,6 +4014,11 @@ return {
                 mailboxAddress: profile?.mailboxAddress ?? '',
                 templates: profile?.templates ?? [],
                 undoSeconds: profile?.undoSendSeconds ?? 0,
+                defaults: profile?.compose ?? null,
+                security: profile?.security ?? null,
+                // Read at each opening, so a change in Settings applies to
+                // the next message without a reload.
+                prefs: readComposePrefs(S),
                 onSent: () => loadMessages({quiet: true}),
                 onQueued: (result) => offerRecall(result),
                 ...extra

package/plugins/_lib/admin/mail/security-note.js

@@ -0,0 +1,68 @@
+/**
+ * What the reader says about a signed or encrypted (S/MIME) message.
+ *
+ * Pure: `security` is the `/messages/:uid` answer's field (readRoutes.js
+ * `publicSecurity`), and the result is plain text for the strip above the
+ * message. The wording separates the three things a signature can mean -
+ * the message is unchanged, the signer is who a trusted authority says, and
+ * the signer is the sender shown - because "signed" alone promises all three
+ * and a self-made certificate gives only the first.
+ *
+ * @module _lib/admin/mail/security-note
+ */
+
+/**
+ * @param   {object|null} security
+ * @returns {{tone: 'ok'|'warn'|'bad', icon: string, text: string, detail: string}|null}
+ */
+export function securityNote(security) {
+    if (!security || (!security.signed && !security.encrypted)) return null;
+
+    if (security.encrypted && !security.decrypted) {
+        return {
+            tone: 'bad', icon: 'lock',
+            text: 'Encrypted - this message could not be opened.',
+            detail: security.problem || 'None of your certificates can open it. Add the certificate it was encrypted to in Settings > Security.'
+        };
+    }
+
+    const parts = [];
+    if (security.encrypted) parts.push('Encrypted');
+    let tone = 'ok';
+    let detail = '';
+
+    if (security.signed) {
+        const who = security.signer?.emails?.[0] || security.signer?.subject || 'an unknown signer';
+        if (!security.verified) {
+            tone = 'bad';
+            parts.push('the signature is NOT valid');
+            detail = security.problem || 'The message may have been changed after it was signed.';
+        } else if (!security.trusted) {
+            tone = 'warn';
+            parts.push(`signed by ${who}, whose certificate is not from an authority this server trusts`);
+            detail = 'The message is unchanged since it was signed, but anyone can make a certificate with any address in it. '
+                + 'Check the fingerprint with the sender if it matters.';
+        } else if (!security.fromMatches) {
+            tone = 'warn';
+            parts.push(`signed by ${who}, which is not the sender shown`);
+            detail = 'The signature is valid, but it belongs to a different address than the From line.';
+        } else {
+            parts.push(`signed by ${who}`);
+            detail = 'The signature is valid and the message is unchanged since it was signed.';
+        }
+        if (security.verified && security.problem && tone === 'ok') detail = security.problem;
+        if (security.signer?.fingerprint) {
+            detail += ` Certificate fingerprint (SHA-256): ${security.signer.fingerprint}.`;
+        }
+    } else {
+        detail = 'Only you and the other recipients can read it.';
+    }
+
+    const text = parts.join(', ');
+    return {
+        tone,
+        icon: tone !== 'ok' ? 'shield-alert' : (security.encrypted ? 'lock' : 'shield-check'),
+        text: `${text.charAt(0).toUpperCase()}${text.slice(1)}.`,
+        detail: detail.trim()
+    };
+}

package/plugins/_lib/admin/mail/settings-section.js

@@ -1,5 +1,11 @@
 /** Browser preferences for the shared mail reader. */
 export const READ_DELAY_KEY = 'domma-mail.mark-read-seconds';
+/** Compose preferences - this browser's, like the rest of this tab. */
+export const EDITOR_KEY = 'domma-mail.compose-editor';
+export const AUTOSAVE_KEY = 'domma-mail.autosave-minutes';
+export const SPELLCHECK_KEY = 'domma-mail.spellcheck';
+/** The choices for saving a draft automatically, in minutes; 0 is never. */
+export const AUTOSAVE_CHOICES = [0, 1, 2, 5, 10];
 export const DEFAULT_READ_DELAY_SECONDS = 1;
 export const PAGE_SIZE_KEY = 'domma-mail.page-size';
 /** The choices offered under the list. 200 is the server's maxListLimit. */
@@ -50,39 +56,220 @@ export function scheduleMarkRead(markRead, seconds, schedule = setTimeout) {
     return schedule(markRead, delay * 1000);
 }
 
-export function createSettingsSection({canWrite, load, save}) {
+/**
+ * The editor a new message opens in: 'rich' (formatting, sent as HTML with a
+ * plain-text part) unless this browser chose 'plain'.
+ *
+ * @param   {*} value
+ * @returns {'rich'|'plain'}
+ */
+export function composeEditor(value) {
+    return value === 'plain' ? 'plain' : 'rich';
+}
+
+/**
+ * Minutes between automatic draft saves; 0 (never) for anything not offered.
+ *
+ * @param   {*} value
+ * @returns {number}
+ */
+export function autosaveMinutes(value) {
+    const minutes = Number(value);
+    return AUTOSAVE_CHOICES.includes(minutes) ? minutes : 0;
+}
+
+/**
+ * Whether the browser checks spelling as you type. On unless switched off,
+ * which is the browser's own default for a text field.
+ *
+ * @param   {*} value
+ * @returns {boolean}
+ */
+export function spellcheckOn(value) {
+    return value !== false;
+}
+
+/**
+ * This browser's compose preferences, every key present.
+ *
+ * @param   {{get: Function}} store - Domma's S
+ * @returns {{editor: 'rich'|'plain', autosaveMinutes: number, spellcheck: boolean}}
+ */
+export function readComposePrefs(store) {
+    const read = key => { try { return store?.get(key); } catch { return undefined; } };
+    return {
+        editor: composeEditor(read(EDITOR_KEY)),
+        autosaveMinutes: autosaveMinutes(read(AUTOSAVE_KEY)),
+        spellcheck: spellcheckOn(read(SPELLCHECK_KEY))
+    };
+}
+
+/**
+ * The browser's own answer to "may this site show notifications?", in words.
+ *
+ * @param   {string|undefined} permission - Notification.permission
+ * @returns {string}
+ */
+export function permissionWords(permission) {
+    if (permission === 'granted') return 'This browser allows notifications from this site.';
+    if (permission === 'denied') return 'This browser blocks notifications from this site. Allow them in the browser\u2019s site settings (the padlock by the address).';
+    if (permission === 'default') return 'This browser has not been asked yet - turning popups on asks it.';
+    return 'This browser cannot show notifications.';
+}
+
+/**
+ * The Settings tab: preferences kept in this browser.
+ *
+ * @param   {{canWrite: boolean, canSend?: boolean, load: Function, save: Function,
+ *            sidebarUrl?: string|null, userId?: string|null}} options
+ *          `sidebarUrl` is this edition's sidebar entry, which is what new-mail
+ *          notifications hang off (admin/js/lib/sidebar-notify.js).
+ * @returns {object}
+ */
+export function createSettingsSection({canWrite, canSend = false, load, save, sidebarUrl = null, userId = null}) {
     return {
         id: 'settings',
         label: 'Settings',
-        help: 'Preferences for reading email in this browser.',
+        help: 'Preferences for reading and writing email in this browser.',
         async render(container, ctx) {
             const kit = await import(new URL(`./section-kit.js?v=${ctx.assetVersion ?? '1'}`, import.meta.url).href);
+            // Optional: a core older than the notifications leaves that part out.
+            const notify = sidebarUrl
+                ? await import('/admin/js/lib/sidebar-notify.js').catch(() => null)
+                : null;
+            // The same user id the sidebar keys its notifications by.
+            const who = userId ?? (await import('/admin/js/api.js').catch(() => null))?.getUser?.()?.id ?? null;
             kit.note(container, 'Settings are saved in this browser and apply to all your mailboxes.');
+
+            const saveSteps = [];
+
+            // ---- Reading -------------------------------------------------
+            kit.heading(container, 'Reading');
             if (!canWrite) {
                 kit.note(container, 'This reader leaves messages unread. Automatic marking as read requires an edition that can update messages.');
-                return;
+            } else {
+                const {state} = kit.formIn(container, {
+                    markReadSeconds: {
+                        type: 'number',
+                        label: 'How long before a message is marked as read? (seconds)',
+                        required: true,
+                        min: 0,
+                        max: 2147483,
+                        formConfig: {hint: '0 marks a message as read immediately. Otherwise, it must stay open for this long.'}
+                    }
+                }, {markReadSeconds: load()});
+                saveSteps.push(() => {
+                    const value = state.markReadSeconds;
+                    const seconds = Number(value);
+                    if (value === '' || value === null || value === undefined || !Number.isFinite(seconds) || seconds < 0 || seconds > 2147483) {
+                        throw new Error('Enter a number of seconds between 0 and 2147483.');
+                    }
+                    return () => save(seconds);
+                });
+            }
+
+            // ---- Composing -----------------------------------------------
+            if (canSend) {
+                kit.heading(container, 'Composing');
+                const prefs = readComposePrefs(S);
+                const {state} = kit.formIn(container, {
+                    editor: {
+                        type: 'select', label: 'Default text editor', required: true,
+                        options: [
+                            {value: 'rich', label: 'Rich text (formatting, pictures, links)'},
+                            {value: 'plain', label: 'Plain text'}
+                        ],
+                        formConfig: {hint: 'What a new message, reply or forward opens in. Plain text sends text only - what every mail program shows the same way.'}
+                    },
+                    autosave: {
+                        type: 'select', label: 'Automatically save draft', required: true,
+                        // Strings: Forma reads a 0 as "no value" and shows its
+                        // "-- Select --" placeholder instead of Never.
+                        options: AUTOSAVE_CHOICES.map(n => ({
+                            value: String(n), label: n === 0 ? 'Never' : `Every ${n} minute${n === 1 ? '' : 's'}`
+                        })),
+                        formConfig: {hint: 'Saved to the Drafts folder while you write, so a closed tab or a crash loses little. A message you then discard takes its automatic draft with it.'}
+                    },
+                    spellcheck: {type: 'boolean', label: 'Check spelling as I type'}
+                }, {editor: prefs.editor, autosave: String(prefs.autosaveMinutes), spellcheck: prefs.spellcheck});
+                saveSteps.push(() => () => {
+                    S.set(EDITOR_KEY, composeEditor(state.editor));
+                    S.set(AUTOSAVE_KEY, autosaveMinutes(state.autosave));
+                    S.set(SPELLCHECK_KEY, state.spellcheck !== false);
+                });
+                kit.note(container, 'Receipts, signing, encryption and where replies are filed belong to each mailbox: see the Composing and Security tabs.');
             }
-            const {state} = kit.formIn(container, {
-                markReadSeconds: {
-                    type: 'number',
-                    label: 'How long before a message is marked as read? (seconds)',
-                    required: true,
-                    min: 0,
-                    max: 2147483,
-                    formConfig: {hint: '0 marks a message as read immediately. Otherwise, it must stay open for this long.'}
+
+            // ---- Notifications -------------------------------------------
+            if (notify) {
+                kit.heading(container, 'Notifications');
+                kit.note(container, 'While the admin is open in any tab, new mail in the inbox can pop up a notification and play a sound - checked about once a minute.');
+                const current = notify.readNotifyPrefs(who, sidebarUrl);
+                const supported = typeof Notification === 'function';
+                const {state} = kit.formIn(container, {
+                    popup: {type: 'boolean', label: 'Show new messages notification popups', formConfig: {disabled: !supported}},
+                    sound: {type: 'boolean', label: 'Sound notification'}
+                }, {popup: current.popup && supported, sound: current.sound});
+                const status = kit.note(container, permissionWords(supported ? Notification.permission : undefined));
+                const tools = kit.box(container, 'flex gap-2 items-center mb-2');
+                kit.button(tools, 'Play the sound', () => notify.playChime(), {icon: 'play'});
+                if (supported) {
+                    kit.button(tools, 'Show a test notification', async () => {
+                        if (Notification.permission === 'default') await Notification.requestPermission();
+                        status.textContent = permissionWords(Notification.permission);
+                        if (Notification.permission === 'granted') {
+                            new Notification('New mail', {body: 'This is what a new message looks like.', tag: `dm-notify:${sidebarUrl}`});
+                        }
+                    }, {icon: 'bell'});
                 }
-            }, {markReadSeconds: load()});
+                saveSteps.push(() => async () => {
+                    let popup = state.popup === true && supported;
+                    // Asked here, on the Save click: browsers only let a page
+                    // ask in answer to something the person did.
+                    if (popup && Notification.permission === 'default') {
+                        await Notification.requestPermission();
+                        status.textContent = permissionWords(Notification.permission);
+                    }
+                    if (popup && Notification.permission === 'denied') popup = false;
+                    notify.writeNotifyPrefs(who, sidebarUrl, {popup, sound: state.sound === true});
+                });
+            }
+
+            // ---- Email links ---------------------------------------------
+            if (canSend && typeof navigator?.registerProtocolHandler === 'function') {
+                kit.heading(container, 'Email links');
+                kit.note(container, 'Make this browser open mailto: links - on any website - in a new message here, instead of in a mail program on this computer. The browser asks you to confirm. To undo it, use the browser\u2019s settings (in Chrome: Settings > Privacy and security > Site settings > Protocol handlers).');
+                const linkRow = kit.box(container, 'flex gap-2 items-center mb-2');
+                const linkStatus = kit.box(linkRow, 'flex-1 text-sm mail-status text-muted', 'span');
+                kit.button(linkRow, 'Register as the mailto: links handler', async () => {
+                    try {
+                        const mail = await import('/admin/js/lib/mail-compose.js');
+                        navigator.registerProtocolHandler('mailto', mail.mailtoHandlerUrl(`${location.origin}${location.pathname}`));
+                        linkStatus.textContent = 'Asked. If the browser showed a question, answer it to finish.';
+                    } catch (err) {
+                        linkStatus.textContent = /secure|https/i.test(err?.message ?? '')
+                            ? 'Only a site served over https can handle mailto: links.'
+                            : (err?.message || 'This browser would not register it.');
+                    }
+                }, {icon: 'mail'});
+            }
+
+            if (!saveSteps.length) return;
             const bar = kit.actionBar(container);
-            kit.button(bar.row, 'Save', () => {
-                const value = state.markReadSeconds;
-                const seconds = Number(value);
-                if (value === '' || value === null || value === undefined || !Number.isFinite(seconds) || seconds < 0 || seconds > 2147483) {
-                    bar.say('Enter a number of seconds between 0 and 2147483.', 'bad');
+            kit.button(bar.row, 'Save', async () => {
+                // Every value checked before anything is stored: a bad number
+                // must not leave half the tab saved.
+                let apply;
+                try {
+                    apply = saveSteps.map(step => step());
+                } catch (err) {
+                    bar.say(err.message, 'bad');
                     return;
                 }
                 try {
-                    save(seconds);
+                    for (const run of apply) await run();
                     bar.say('Saved.', 'ok');
+                    await ctx.changed?.();
                 } catch (err) {
                     bar.say(err.message || 'Settings could not be saved.', 'bad');
                 }

package/plugins/_lib/mail/accounts.js

@@ -725,6 +725,65 @@ export async function setSendingOptions(userId, accountId, options) {
     });
 }
 
+/**
+ * How a new message from this mailbox starts out, and two rules about where
+ * and how it leaves.
+ *
+ * All off by default, which is what every message sent before these existed
+ * did. The receipts, signing and encryption are only where the compose
+ * window's ticks START - each message can still change them. The other two
+ * are the mailbox's rules and apply to every message:
+ * `repliesInSourceFolder` files the copy of a reply beside the message it
+ * answers instead of in Sent, and `requireSecureDelivery` refuses to send
+ * unless the outgoing server promises TLS all the way (REQUIRETLS, RFC 8689).
+ */
+export const COMPOSE_DEFAULTS = Object.freeze({
+    readReceipt: false,
+    deliveryReceipt: false,
+    sign: false,
+    encrypt: false,
+    repliesInSourceFolder: false,
+    requireSecureDelivery: false
+});
+
+/**
+ * This mailbox's compose options, every key present.
+ *
+ * @param   {object|null} account
+ * @returns {typeof COMPOSE_DEFAULTS}
+ */
+export function composeOptions(account) {
+    const stored = account?.compose && typeof account.compose === 'object' ? account.compose : {};
+    return Object.fromEntries(Object.keys(COMPOSE_DEFAULTS)
+        .map(key => [key, stored[key] === true]));
+}
+
+/**
+ * Store the compose options. Only the known switches, only as booleans; a key
+ * left out keeps its stored value, so a screen that knows half of them cannot
+ * switch the other half off.
+ *
+ * @param   {string} userId
+ * @param   {string} accountId
+ * @param   {object} options
+ * @returns {Promise<object|null>}
+ */
+export async function setComposeOptions(userId, accountId, options) {
+    return withStoreLock(async () => {
+        const all = await readAll();
+        const index = all.findIndex(a => a.id === accountId && a.userId === userId);
+        if (index === -1) return null;
+
+        const next = composeOptions(all[index]);
+        for (const key of Object.keys(COMPOSE_DEFAULTS)) {
+            if (typeof options?.[key] === 'boolean') next[key] = options[key];
+        }
+        all[index] = {...all[index], compose: next, updatedAt: new Date().toISOString()};
+        await writeAll(all);
+        return all[index];
+    });
+}
+
 /**
  * Every address this mailbox sends as.
  *

package/plugins/_lib/mail/compose.js

@@ -10,7 +10,7 @@
  * @module _lib/mail/compose
  */
 import {readPriority} from './priority.js';
-import {normaliseMessageSource, readMessageSource} from './message-action.js';
+import {normaliseMessageSource, readComposeFlags, readMessageSource} from './message-action.js';
 
 /**
  * Addresses to reply to.
@@ -237,6 +237,10 @@ export function editableDraft(message, uid = null) {
         // Kept, or a draft marked urgent would quietly become ordinary the
         // moment it was reopened.
         priority: readPriority(message.headers),
+        // Both kept for the same reason: a draft that asked for a receipt, or
+        // to be signed or encrypted, must not quietly stop asking on reopen.
+        readReceipt: hasHeader(message.headers, 'disposition-notification-to'),
+        ...readComposeFlags(message.headers),
         attachments: (message.attachments ?? []).map(file => ({
             filename: file.filename ?? 'attachment',
             contentType: file.contentType ?? 'application/octet-stream',
@@ -248,6 +252,16 @@ export function editableDraft(message, uid = null) {
     };
 }
 
+/**
+ * @param   {Map|object|undefined} headers - mailparser's headers
+ * @param   {string} name - lower case
+ * @returns {boolean}
+ */
+function hasHeader(headers, name) {
+    const value = typeof headers?.get === 'function' ? headers.get(name) : headers?.[name];
+    return value !== undefined && value !== null && value !== '';
+}
+
 /**
  * References arrive as a string on one server and an array on the next.
  *

package/plugins/_lib/mail/message-action.js

@@ -22,6 +22,38 @@ export function readMessageSource(headers) {
     } catch { return null; }
 }
 
+/**
+ * The compose ticks a saved draft carries - delivery receipt, sign, encrypt -
+ * none of which leaves a trace a reopened draft could read back otherwise
+ * (the read receipt does: its own header). Private, like SOURCE_HEADER: only
+ * ever written into a draft, never onto a message that is sent.
+ */
+export const COMPOSE_HEADER = 'X-Domma-Compose';
+const COMPOSE_FLAGS = ['deliveryReceipt', 'sign', 'encrypt'];
+
+/**
+ * @param   {object} draft
+ * @returns {string|null} the header value, or null when nothing is ticked
+ */
+export function composeFlagsHeader(draft) {
+    const on = COMPOSE_FLAGS.filter(key => draft?.[key] === true);
+    return on.length ? Buffer.from(JSON.stringify(Object.fromEntries(on.map(k => [k, true])))).toString('base64url') : null;
+}
+
+/**
+ * @param   {Map|object} headers - mailparser's headers
+ * @returns {{deliveryReceipt: boolean, sign: boolean, encrypt: boolean}}
+ */
+export function readComposeFlags(headers) {
+    const value = typeof headers?.get === 'function'
+        ? headers.get(COMPOSE_HEADER.toLowerCase()) : headers?.[COMPOSE_HEADER.toLowerCase()];
+    let parsed = {};
+    if (typeof value === 'string' && value.length <= 512) {
+        try { parsed = JSON.parse(Buffer.from(value, 'base64url').toString('utf8')) ?? {}; } catch { parsed = {}; }
+    }
+    return Object.fromEntries(COMPOSE_FLAGS.map(key => [key, parsed[key] === true]));
+}
+
 /** Best effort: recording a delivered message must never turn it into a failed send. */
 export async function recordMessageAction({source, account, pool, poolKey, connection, store = null}) {
     source = normaliseMessageSource(source);