advance 1-8 post-mvp execution batches

rust/crates/mnote-web/src/ssr/styles.rs

@@ -338,12 +338,81 @@ a:hover {
   color: #1D4ED8;
 }
 
+.mnote-account-menu {
+  inset-inline-start: auto;
+  right: 8px;
+  top: calc(100% - 10px);
+  width: 232px;
+}
+
+.mnote-account-menu__profile {
+  padding: 8px;
+}
+
+.mnote-account-menu__title {
+  color: var(--wolai-text-secondary);
+  font-size: 12px;
+  line-height: 1.35;
+}
+
+.mnote-account-menu__name {
+  margin-top: 5px;
+  color: var(--wolai-text-primary);
+  font-size: 14px;
+  font-weight: 600;
+  line-height: 1.4;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.mnote-account-menu__row {
+  display: grid;
+  grid-template-columns: 58px minmax(0, 1fr);
+  gap: 8px;
+  margin-top: 6px;
+  color: var(--wolai-text-secondary);
+  font-size: 12px;
+  line-height: 1.35;
+}
+
+.mnote-account-menu__row strong {
+  min-width: 0;
+  color: var(--wolai-text-primary);
+  font-weight: 500;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.mnote-account-menu__separator {
+  height: 1px;
+  margin: 4px 0;
+  background: var(--wolai-border);
+}
+
+.mnote-account-menu__logout {
+  color: #C2410C;
+}
+
+.mnote-account-menu__logout:hover {
+  background: #FFF7ED;
+}
+
+.mnote-account-menu__error {
+  padding: 6px 8px 2px;
+  color: #B91C1C;
+  font-size: 12px;
+  line-height: 1.35;
+}
+
 .wolai-quick-actions {
   flex: 0 0 auto;
   display: grid;
   grid-template-columns: repeat(7, 1fr);
   gap: 8px;
   padding: 8px 12px 18px;
+  position: relative;
 }
 
 .wolai-quick-actions a,
@@ -403,22 +472,6 @@ a:hover {
   color: #555;
 }
 
-.mnote-empty-create-page {
-  margin-top: 14px;
-  height: 34px;
-  padding: 0 14px;
-  border: 1px solid var(--wolai-border);
-  border-radius: 6px;
-  background: #fff;
-  color: #333;
-  font-size: 14px;
-  cursor: pointer;
-}
-
-.mnote-empty-create-page:hover {
-  background: var(--wolai-bg-hover);
-}
-
 .wolai-page-row {
   min-height: 38px;
   display: flex;
@@ -1519,8 +1572,7 @@ body {
   padding: 0;
 }
 
-.sidebar-tree .tree-empty,
-.wolai-sidebar-empty {
+.sidebar-tree .tree-empty {
   padding: 6px 12px;
   color: var(--atelier-text-soft);
   font-size: 13px;