feat: add unified action dialogs

frontend/src/styles.css

@@ -75,6 +75,7 @@
 .site-management-tools{max-width:1180px;margin:17px auto 13px;display:flex;align-items:center;justify-content:space-between;gap:18px}.site-management-tools label{width:min(360px,100%);height:38px;display:flex;align-items:center;gap:8px;padding:0 11px;color:#9b98a3;background:#fff;border:1px solid #e4e1e9;border-radius:9px}.site-management-tools label:focus-within{color:var(--primary);border-color:#c7b6fb;box-shadow:0 0 0 3px rgba(112,40,255,.06)}.site-management-tools input{width:100%;height:100%;padding:0;background:transparent;border:0;outline:0;font-size:10px}.site-management-tools>span{color:#9a97a2;font-size:9px}
 .managed-site-list{max-width:1180px;margin:auto;display:grid;gap:10px}.managed-site-card{min-width:0;min-height:108px;padding:17px;display:grid;grid-template-columns:46px minmax(260px,1fr) auto;align-items:center;gap:14px;background:#fff;border:1px solid #e7e4eb;border-radius:14px;box-shadow:0 7px 24px rgba(41,31,69,.035);transition:.15s ease}.managed-site-card:hover{border-color:#d9d2e7;box-shadow:0 10px 30px rgba(41,31,69,.065)}.managed-site-card.selected{border-color:#d2c3ff;box-shadow:0 0 0 3px rgba(112,40,255,.045)}.managed-site-avatar{width:46px;height:46px;display:grid;place-items:center;color:#6739cd;background:linear-gradient(145deg,#f1edff,#e7e1fa);border-radius:12px;font-size:15px;font-weight:850}.managed-site-card.archived .managed-site-avatar{color:#77727f;background:#efedf2}.managed-site-main{min-width:0}.managed-site-main>div:first-child{display:flex;align-items:center;gap:7px}.managed-site-main strong{font-size:13px}.managed-site-main em,.managed-site-main>div:first-child>span{padding:3px 6px;border-radius:5px;font-size:8px;font-style:normal;font-weight:750}.managed-site-main em{color:var(--primary);background:var(--soft)}.managed-site-main>div:first-child>span.published{color:#177457;background:#e6f7f0}.managed-site-main>div:first-child>span.unpublished{color:#77727f;background:#efedf2}.managed-site-main>div:first-child>span.failed{color:#b23e3e;background:#fff0f0}.managed-site-main>div:first-child>span.archived{color:#68636e;background:#efedf2}.managed-site-main>small{display:block;margin-top:6px;color:#96929d;font-size:9px}.managed-site-states{display:flex;align-items:center;gap:15px;margin-top:11px;color:#706d79;font-size:8px}.managed-site-states>span{display:flex;align-items:center;gap:5px}.managed-site-states i{width:6px;height:6px;border-radius:50%;background:#aaa6b0}.managed-site-states i.ok{background:#25a777}.managed-site-states i.building,.managed-site-states i.creating,.managed-site-states i.publishing{background:#d89b20}.managed-site-states i.failed{background:#d55454}.managed-site-states span.draft{color:#7250bf}.managed-site-states code{font-size:8px}
 .managed-site-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}.managed-site-actions button,.managed-site-actions a{height:32px;display:flex;align-items:center;justify-content:center;gap:5px;padding:0 10px;color:#625e6b;background:#fff;border:1px solid #dfdbe5;border-radius:8px;font-size:8px;font-weight:750;text-decoration:none;white-space:nowrap}.managed-site-actions button:hover,.managed-site-actions a:hover{color:var(--primary);background:#faf9ff;border-color:#cfc1fa}.managed-site-actions button.primary{color:white;background:var(--gradient);border:0}.managed-site-actions button.archive{width:32px;padding:0;color:#8b6570}.managed-site-actions button.delete{color:#b13c3c}.managed-site-actions button.restore{color:#1a755a}.managed-sites-empty{min-height:310px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#aaa6b1;background:#fff;border:1px dashed #dedbe3;border-radius:14px}.managed-sites-empty h2{margin:14px 0 5px;color:#55515e;font-size:15px}.managed-sites-empty p{margin:0;font-size:10px}
-.confirm-backdrop{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:20px;background:rgba(27,22,39,.36);backdrop-filter:blur(4px)}.confirm-dialog{width:min(430px,100%);padding:27px;background:#fff;border:1px solid #e4dfeb;border-radius:18px;box-shadow:0 24px 75px rgba(24,14,50,.25)}.confirm-icon{display:grid;place-items:center;width:42px;height:42px;color:#9b5d19;background:#fff5df;border-radius:12px}.confirm-icon.danger{color:#b43d3d;background:#fff0f0}.confirm-dialog h2{margin:17px 0 8px;font-size:19px}.confirm-dialog p{margin:0;color:#77737f;font-size:11px;line-height:1.75}.confirm-dialog>label{display:block;margin-top:18px;color:#686471;font-size:10px;line-height:1.6}.confirm-dialog>label strong{color:#27242d}.confirm-dialog>label input{width:100%;height:39px;margin-top:7px;padding:0 11px;border:1px solid #ddd9e2;border-radius:9px;outline:0}.confirm-dialog>label input:focus{border-color:#c2aff8;box-shadow:0 0 0 3px rgba(112,40,255,.07)}.confirm-dialog>div:last-child{display:flex;justify-content:flex-end;gap:8px;margin-top:23px}.confirm-dialog>div:last-child button{height:36px;display:flex;align-items:center;gap:6px;padding:0 13px;color:#625e6a;background:#fff;border:1px solid #ded9e4;border-radius:9px;font-size:9px;font-weight:750}.confirm-dialog>div:last-child button.danger{color:white;background:#bd4141;border-color:#bd4141}
+.confirm-backdrop{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:20px;background:rgba(27,22,39,.36);backdrop-filter:blur(4px)}.confirm-dialog{width:min(430px,100%);padding:27px;background:#fff;border:1px solid #e4dfeb;border-radius:18px;box-shadow:0 24px 75px rgba(24,14,50,.25)}.confirm-icon{display:grid;place-items:center;width:42px;height:42px;color:#6845c5;background:#f2edff;border-radius:12px}.confirm-icon.danger{color:#b43d3d;background:#fff0f0}.confirm-icon.success{color:#16805f;background:#e8f8f2}.confirm-dialog h2{margin:17px 0 8px;font-size:19px}.confirm-dialog p{margin:0;color:#77737f;font-size:11px;line-height:1.75}.confirm-dialog>label{display:block;margin-top:18px;color:#686471;font-size:10px;line-height:1.6}.confirm-dialog>label strong{color:#27242d}.confirm-dialog>label input{width:100%;height:39px;margin-top:7px;padding:0 11px;border:1px solid #ddd9e2;border-radius:9px;outline:0}.confirm-dialog>label input:focus{border-color:#c2aff8;box-shadow:0 0 0 3px rgba(112,40,255,.07)}.dialog-error{display:flex;align-items:flex-start;gap:6px;margin-top:14px;padding:9px 10px;color:#a83a3a;background:#fff1f1;border-radius:8px;font-size:9px;line-height:1.5}.dialog-error svg{flex:0 0 auto;margin-top:1px}.confirm-dialog>div:last-child{display:flex;justify-content:flex-end;gap:8px;margin-top:23px}.confirm-dialog>div:last-child button{height:36px;display:flex;align-items:center;gap:6px;padding:0 13px;color:#625e6a;background:#fff;border:1px solid #ded9e4;border-radius:9px;font-size:9px;font-weight:750}.confirm-dialog>div:last-child button.primary{color:#fff;background:var(--gradient);border-color:transparent}.confirm-dialog>div:last-child button.danger{color:white;background:#bd4141;border-color:#bd4141}.confirm-dialog>div:last-child button:disabled{opacity:.48;cursor:not-allowed}
+.toolbar-actions .publish-button.unavailable,.toolbar-actions .publish-button.unavailable:hover{color:#8e9099;background:#efeff4;border:1px solid #e1e1e7;box-shadow:none;cursor:pointer}
 @media(max-width:1000px){.managed-site-card{grid-template-columns:46px minmax(0,1fr)}.managed-site-actions{grid-column:2;justify-content:flex-start;flex-wrap:wrap}.managed-site-states{flex-wrap:wrap}}
 @media(max-width:800px){.site-management-workspace{grid-template-columns:52px 1fr}.site-management-page{padding:28px 16px 42px}.site-management-header{align-items:flex-start;flex-direction:column}.site-management-filters{overflow-x:auto}.site-management-tools{align-items:flex-start;flex-direction:column}.site-management-tools label{width:100%}.managed-site-card{grid-template-columns:38px minmax(0,1fr);padding:13px}.managed-site-avatar{width:38px;height:38px}.managed-site-states{gap:8px}.managed-site-actions a,.managed-site-actions button{height:30px}.site-management-header>button{height:36px}}