checkpoint before gfm ast parser design

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

@@ -265,20 +265,25 @@ a:hover {
 .wolai-quick-actions {
   flex: 0 0 auto;
   display: grid;
-  grid-template-columns: repeat(6, 1fr);
+  grid-template-columns: repeat(7, 1fr);
   gap: 8px;
   padding: 8px 12px 18px;
 }
 
-.wolai-quick-actions a {
+.wolai-quick-actions a,
+.wolai-quick-actions button {
   height: 28px;
   justify-content: center;
   padding: 0;
   margin: 0;
   color: #4B4B4B;
+  border: 0;
+  background: transparent;
+  cursor: pointer;
 }
 
-.wolai-quick-actions a .nav-icon {
+.wolai-quick-actions a .nav-icon,
+.wolai-quick-actions button .nav-icon {
   margin: 0;
 }
 
@@ -495,7 +500,8 @@ a:hover {
   flex-direction: column;
 }
 
-.mnote-sidebar-nav a {
+.mnote-sidebar-nav a,
+.mnote-sidebar-nav button {
   display: flex;
   align-items: center;
   height: 30px;
@@ -509,7 +515,8 @@ a:hover {
   transition: none;
 }
 
-.mnote-sidebar-nav a:hover {
+.mnote-sidebar-nav a:hover,
+.mnote-sidebar-nav button:hover {
   background: var(--wolai-bg-hover);
 }
 
@@ -517,7 +524,8 @@ a:hover {
   background: var(--wolai-bg-active);
 }
 
-.mnote-sidebar-nav a .nav-icon {
+.mnote-sidebar-nav a .nav-icon,
+.mnote-sidebar-nav button .nav-icon {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -1268,23 +1276,26 @@ body {
 }
 
 .wolai-quick-actions {
-  grid-template-columns: repeat(6, minmax(0, 1fr));
+  grid-template-columns: repeat(7, minmax(0, 1fr));
   gap: 10.4px;
   padding: 5px 8px 11px;
 }
 
 .wolai-quick-actions a,
+.wolai-quick-actions button,
 .mnote-sidebar-nav a {
   border-radius: 4px;
 }
 
-.wolai-quick-actions a {
+.wolai-quick-actions a,
+.wolai-quick-actions button {
   height: 30px;
   color: #3F3D39;
   font-size: 14px;
 }
 
-.wolai-quick-actions a:hover {
+.wolai-quick-actions a:hover,
+.wolai-quick-actions button:hover {
   background: rgba(27, 28, 28, 0.07);
 }
 
@@ -2460,6 +2471,12 @@ body {
   gap: 8px;
 }
 
+.wolai-page-ai-provider-group {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+}
+
 .wolai-page-ai-suggestion {
   min-height: 32px;
   padding: 8px 10px;
@@ -2490,6 +2507,18 @@ body {
   background: #F7F7F7;
 }
 
+.wolai-page-ai-message--history {
+  width: 100%;
+  border: 1px solid rgba(27, 28, 28, 0.08);
+  text-align: left;
+  cursor: pointer;
+}
+
+.wolai-page-ai-message--history.is-active {
+  border-color: rgba(27, 28, 28, 0.28);
+  background: #F4F8FF;
+}
+
 .wolai-page-ai-message--user {
   background: #F4F8FF;
 }
@@ -2512,6 +2541,11 @@ body {
   color: #FFF;
 }
 
+.wolai-page-ai-model-chip.is-active {
+  background: #1B1C1C;
+  color: #FFF;
+}
+
 .wolai-page-ai-input-row {
   display: flex;
   gap: 8px;