feat: apply B-147 visual tokens to shell and three representative pages
Closes B-156 Co-authored-by: Cursor <cursoragent@cursor.com> Co-authored-by: multica-agent <github@multica.ai>
This commit is contained in:
MS-01-Codex
co-authored by
Cursor
multica-agent
Cursor
multica-agent
parent
b60a4cb682
commit
e778c883db
+35
-37
@@ -88,14 +88,7 @@
|
||||
}
|
||||
|
||||
#mentorView .mentor-page-header {
|
||||
flex: 0 0 56px;
|
||||
height: 56px;
|
||||
min-height: 56px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 0 20px;
|
||||
border-bottom: 1px solid var(--qp-border);
|
||||
background: var(--qp-bg-header);
|
||||
display: none;
|
||||
}
|
||||
|
||||
#mentorView .mentor-page-title {
|
||||
@@ -146,11 +139,14 @@
|
||||
}
|
||||
|
||||
#mentorView .mentor-directory-tools {
|
||||
position: relative;
|
||||
z-index: 30;
|
||||
flex: 0 0 auto;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: var(--space-4);
|
||||
padding: 10px 8px;
|
||||
overflow: visible;
|
||||
border-bottom: 1px solid var(--qp-border);
|
||||
}
|
||||
|
||||
@@ -233,7 +229,7 @@
|
||||
position: absolute;
|
||||
top: calc(100% + 4px);
|
||||
right: 0;
|
||||
z-index: 20;
|
||||
z-index: 40;
|
||||
min-width: 128px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
@@ -468,7 +464,7 @@
|
||||
border-radius: 50%;
|
||||
background: var(--qp-avatar-bg);
|
||||
color: var(--qp-avatar-ink);
|
||||
font-size: 16px;
|
||||
font-size: 14px;
|
||||
font-weight: var(--font-weight-semibold);
|
||||
}
|
||||
|
||||
@@ -490,7 +486,7 @@
|
||||
min-width: 0;
|
||||
overflow: hidden;
|
||||
color: var(--qp-text-1);
|
||||
font-size: 16px;
|
||||
font-size: 14px;
|
||||
font-weight: var(--font-weight-semibold);
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
@@ -505,7 +501,7 @@
|
||||
#mentorView :is(.mentor-option-copy > em, .mentor-option-meta) {
|
||||
min-width: 0;
|
||||
overflow: hidden;
|
||||
font-size: 14px;
|
||||
font-size: 11.5px;
|
||||
font-style: normal;
|
||||
line-height: 1.35;
|
||||
text-overflow: ellipsis;
|
||||
@@ -518,7 +514,7 @@
|
||||
|
||||
#mentorView .mentor-option-meta {
|
||||
color: var(--qp-text-3);
|
||||
font-size: 13px;
|
||||
font-size: 11.5px;
|
||||
}
|
||||
|
||||
#mentorView .mentor-option-tools {
|
||||
@@ -646,10 +642,10 @@
|
||||
}
|
||||
|
||||
#mentorView .mentor-chat-identity .mentor-avatar {
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
flex: 0 0 44px;
|
||||
font-size: 17px;
|
||||
width: var(--mentor-chat-avatar-size);
|
||||
height: var(--mentor-chat-avatar-size);
|
||||
flex: 0 0 var(--mentor-chat-avatar-size);
|
||||
font-size: 13.5px;
|
||||
}
|
||||
|
||||
#mentorView .mentor-active-title {
|
||||
@@ -664,7 +660,7 @@
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
color: var(--qp-text-1);
|
||||
font-size: 16px;
|
||||
font-size: 14px;
|
||||
font-weight: var(--font-weight-semibold);
|
||||
letter-spacing: 0;
|
||||
text-overflow: ellipsis;
|
||||
@@ -674,7 +670,7 @@
|
||||
#mentorView #activeMentorStatus {
|
||||
margin: 2px 0 0;
|
||||
color: var(--qp-text-3);
|
||||
font-size: 13px;
|
||||
font-size: 11.5px;
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
@@ -783,9 +779,9 @@
|
||||
}
|
||||
|
||||
#mentorView .mentor-message-avatar {
|
||||
width: var(--mentor-avatar-size);
|
||||
height: var(--mentor-avatar-size);
|
||||
flex: 0 0 var(--mentor-avatar-size);
|
||||
width: var(--mentor-message-avatar-size);
|
||||
height: var(--mentor-message-avatar-size);
|
||||
flex: 0 0 var(--mentor-message-avatar-size);
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
@@ -793,7 +789,7 @@
|
||||
border-radius: 50%;
|
||||
background: var(--qp-avatar-bg);
|
||||
color: var(--qp-avatar-ink);
|
||||
font-size: 16px;
|
||||
font-size: 12.5px;
|
||||
font-weight: var(--font-weight-semibold);
|
||||
}
|
||||
|
||||
@@ -818,15 +814,15 @@
|
||||
|
||||
#mentorView .mentor-message-label {
|
||||
color: var(--qp-text-3);
|
||||
font-size: 12px;
|
||||
font-size: 11.5px;
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
#mentorView .mentor-message-content {
|
||||
min-width: 0;
|
||||
color: var(--qp-text-1);
|
||||
font-size: 16px;
|
||||
line-height: 1.7;
|
||||
font-size: 14px;
|
||||
line-height: 1.65;
|
||||
overflow-wrap: anywhere;
|
||||
}
|
||||
|
||||
@@ -835,6 +831,7 @@
|
||||
border-radius: 12px;
|
||||
background: var(--qp-bg-bubble-self);
|
||||
color: var(--qp-text-1-on-accent-bg);
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
#mentorView .mentor-message.is-error .mentor-message-content {
|
||||
@@ -843,7 +840,7 @@
|
||||
|
||||
#mentorView .mentor-message small {
|
||||
color: var(--qp-text-3);
|
||||
font-size: 12px;
|
||||
font-size: 11.5px;
|
||||
}
|
||||
|
||||
#mentorView .mentor-answer-paragraph {
|
||||
@@ -858,7 +855,7 @@
|
||||
display: block;
|
||||
margin: var(--space-12) 0 var(--space-4);
|
||||
color: var(--qp-text-1);
|
||||
font-size: 18px;
|
||||
font-size: 14px;
|
||||
font-weight: var(--font-weight-semibold);
|
||||
line-height: 1.4;
|
||||
}
|
||||
@@ -882,6 +879,7 @@
|
||||
padding-left: var(--space-12);
|
||||
border-left: 2px solid var(--qp-accent-soft);
|
||||
color: var(--qp-text-2);
|
||||
font-size: 13.5px;
|
||||
}
|
||||
|
||||
#mentorView .mentor-answer-rule {
|
||||
@@ -917,7 +915,7 @@
|
||||
|
||||
#mentorView .mentor-follow-ups > span {
|
||||
color: var(--qp-text-faint);
|
||||
font-size: 12px;
|
||||
font-size: 11.5px;
|
||||
}
|
||||
|
||||
#mentorView .mentor-follow-ups button {
|
||||
@@ -929,7 +927,7 @@
|
||||
border: 0;
|
||||
background: transparent;
|
||||
color: var(--qp-link);
|
||||
font-size: 14px;
|
||||
font-size: 13px;
|
||||
line-height: 1.8;
|
||||
text-align: left;
|
||||
cursor: pointer;
|
||||
@@ -963,7 +961,7 @@
|
||||
#mentorView .mentor-prompt-label {
|
||||
flex: 0 0 auto;
|
||||
color: var(--qp-text-3);
|
||||
font-size: 13px;
|
||||
font-size: 11.5px;
|
||||
}
|
||||
|
||||
#mentorView .mentor-quick-prompts button {
|
||||
@@ -976,7 +974,7 @@
|
||||
border-radius: 8px;
|
||||
background: var(--qp-bg-control);
|
||||
color: var(--qp-text-2);
|
||||
font-size: 14px;
|
||||
font-size: 13px;
|
||||
cursor: pointer;
|
||||
transition: color var(--motion-fast), background var(--motion-fast);
|
||||
}
|
||||
@@ -1038,8 +1036,8 @@
|
||||
background: transparent;
|
||||
color: var(--qp-text-1);
|
||||
font-family: inherit;
|
||||
font-size: 16px;
|
||||
line-height: 1.7;
|
||||
font-size: 14px;
|
||||
line-height: 1.55;
|
||||
}
|
||||
|
||||
#mentorView #mentorQuestion::placeholder {
|
||||
@@ -1049,7 +1047,7 @@
|
||||
#mentorView .mentor-composer-hint {
|
||||
flex: 0 0 auto;
|
||||
color: var(--qp-text-hint);
|
||||
font-size: 12px;
|
||||
font-size: 11.5px;
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
@@ -1070,7 +1068,7 @@
|
||||
border-radius: 10px;
|
||||
background: var(--qp-accent);
|
||||
color: #FFFFFF;
|
||||
font-size: 14px;
|
||||
font-size: 13px;
|
||||
font-weight: var(--font-weight-medium);
|
||||
}
|
||||
|
||||
@@ -1117,7 +1115,7 @@
|
||||
margin: 0;
|
||||
padding: 0 16px;
|
||||
color: var(--qp-text-hint);
|
||||
font-size: 12px;
|
||||
font-size: 11.5px;
|
||||
line-height: 1.4;
|
||||
text-align: center;
|
||||
overflow-wrap: anywhere;
|
||||
|
||||
@@ -67,6 +67,7 @@ function renderMentorWorkspace() {
|
||||
if (!setup) return;
|
||||
const selected = setup.mentors.find((item) => item.id === state.selectedMentorId) || null;
|
||||
setText("mentorPageSubtitle", `与不同交易思维模型持续对话 · 数据日期 ${displayCompactDate(setup.trade_date)}`);
|
||||
setText("currentPageSubtitle", `与不同交易思维模型持续对话 · 数据日期 ${displayCompactDate(setup.trade_date)}`);
|
||||
setText("activeMentorName", selected?.name || "--");
|
||||
setText("activeMentorAvatar", mentorAvatarText(selected));
|
||||
applyMentorAvatarTone(document.querySelector("#activeMentorAvatar"), mentorAvatarToneClass(selected));
|
||||
@@ -643,7 +644,10 @@ function bindMentorEvents() {
|
||||
document.querySelector("#stopMentorQuestion").addEventListener("click", stopMentorGeneration);
|
||||
document.querySelector("#clearMentorChatButton").addEventListener("click", clearMentorConversation);
|
||||
document.querySelector("#mentorSortToggle").addEventListener("click", toggleMentorSortMode);
|
||||
document.querySelector("#mentorFilterToggle").addEventListener("click", toggleMentorFilterMenu);
|
||||
document.querySelector("#mentorFilterToggle").addEventListener("click", (event) => {
|
||||
event.stopPropagation();
|
||||
toggleMentorFilterMenu();
|
||||
});
|
||||
document.querySelector("#mentorSearchInput").addEventListener("input", (event) => {
|
||||
state.mentorQuery = event.target.value.trim().toLocaleLowerCase("zh-CN");
|
||||
renderMentorDirectory();
|
||||
|
||||
Reference in New Issue
Block a user