feat: enrich page ai ACP runtime UI

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

@@ -3388,6 +3388,10 @@ body {
   background: #F4F8FF;
 }
 
+.wolai-page-ai-message[data-page-ai-streaming="true"] .wolai-page-ai-message-role::after {
+  content: " · 输出中";
+}
+
 .wolai-page-ai-message-text {
   color: #1B1C1C;
   font-size: 13px;
@@ -3395,6 +3399,52 @@ body {
   white-space: pre-wrap;
 }
 
+.wolai-page-ai-tool-details {
+  display: grid;
+  gap: 6px;
+}
+
+.wolai-page-ai-tool-details summary {
+  display: grid;
+  grid-template-columns: auto minmax(0, 1fr) auto;
+  gap: 8px;
+  align-items: center;
+  color: #1B1C1C;
+  cursor: pointer;
+  list-style: none;
+}
+
+.wolai-page-ai-tool-details summary::-webkit-details-marker {
+  display: none;
+}
+
+.wolai-page-ai-tool-details summary::before {
+  content: "▸";
+  color: #8B8782;
+}
+
+.wolai-page-ai-tool-details[open] summary::before {
+  content: "▾";
+}
+
+.wolai-page-ai-tool-details summary strong {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.wolai-page-ai-tool-details summary span {
+  min-width: 0;
+  overflow: hidden;
+  color: #8B8782;
+  font-size: 11px;
+  line-height: 16px;
+  text-align: right;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
 .wolai-page-ai-footer {
   display: flex;
   flex-direction: column;