slvccans/ST-Amily2-Chat-Optimisation
1
0
Fork 0
mirror of https://github.com/Wx-2025/ST-Amily2-Chat-Optimisation.git synced 2026-06-06 12:45:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add files via upload

Browse Source
This commit is contained in:
Wx-2025
2026-01-02 09:11:00 +08:00
committed by GitHub
parent c65a607dc4
commit bb1800d880
2 changed files with 107 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
assets/auto-char-card/index.html
View File

@@ -106,7 +106,8 @@
<div class="acc-message system">
<div class="acc-message-content">
欢迎使用 Amily2 自动构建器。<br>
请在左侧配置工作区，然后在下方输入您的需求。
请在左侧配置工作区，然后在下方输入您的需求。<br>
当使用时，最好不要进入所选的角色卡中，以便后台执行即时生效。
</div>
</div>
</div>
@@ -128,12 +129,12 @@
<!-- 右栏：实时预览/Diff -->
<div class="acc-column acc-right-panel">
<div class="acc-panel-header" style="display: flex; justify-content: space-between; align-items: center;">
<div style="display: flex; align-items: center; gap: 5px;">
<i class="fas fa-eye"></i>
<select id="acc-file-selector" class="acc-select" style="height: 24px; padding: 0 5px; font-size: 12px; max-width: 150px;">
<option value="">-- 选择文件 --</option>
</select>
</div>
<div style="display: flex; align-items: center; gap: 5px; flex: 1; min-width: 0;">
<i class="fas fa-eye" style="flex-shrink: 0;"></i>
<select id="acc-file-selector" class="acc-select" style="height: 24px; padding: 0 5px; font-size: 12px; width: auto; flex: 1; min-width: 100px;">
<option value="">-- 选择文件 --</option>
</select>
</div>
<div class="acc-preview-tabs" style="display: flex; gap: 2px; overflow-x: auto; max-width: 60%;">
<!-- Tabs will be injected here -->
</div>

131
assets/auto-char-card/style.css
View File

@@ -119,7 +119,7 @@
display: flex;
justify-content: space-between;
align-items: center;
overflow: hidden; /* Prevent overflow */
/* overflow: hidden; Removed to allow dropdowns to show fully if custom, though native selects are fine. */
}
.acc-panel-header i.fa-chevron-down,
@@ -235,49 +235,53 @@
overflow-y: auto;
display: flex;
flex-direction: column;
gap: 20px;
gap: 24px;
background-color: #1e1e1e;
}
.acc-message {
max-width: 95%;
display: flex;
gap: 12px;
margin-bottom: 5px;
gap: 16px;
max-width: 100%;
padding: 0 10px;
}
.acc-avatar {
width: 24px;
height: 24px;
border-radius: 4px;
width: 30px;
height: 30px;
border-radius: 6px;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
font-size: 16px;
flex-shrink: 0;
margin-top: 4px;
margin-top: 2px;
background-color: #2d2d2d;
}
.acc-message-content {
flex: 1;
font-size: 14px;
line-height: 1.6;
color: #cccccc;
word-wrap: break-word;
flex: 1;
color: #d4d4d4;
overflow-wrap: break-word;
}
/* User Message */
.acc-message.user {
background-color: #2b2d31; /* VSCode sidebar/input bg */
padding: 12px 16px;
border-radius: 6px;
align-self: stretch; /* Full width block like Cline */
flex-direction: row; /* Keep avatar on left or remove it? Cline puts user msg in a box */
background-color: rgba(255, 255, 255, 0.04);
border: 1px solid #333;
border-radius: 8px;
padding: 16px;
margin-left: 10px;
margin-right: 10px;
width: auto;
}
.acc-message.user .acc-avatar {
display: none; /* Hide avatar for user, just show text box */
display: flex; /* Show avatar for user */
background-color: #0e639c;
color: #fff;
}
.acc-message.user .acc-message-content {
@@ -287,34 +291,90 @@
/* Assistant Message */
.acc-message.assistant {
align-self: stretch;
padding: 0 10px;
padding: 16px;
background-color: #252526;
border-radius: 8px;
border: 1px solid #333;
margin-left: 10px;
margin-right: 10px;
width: auto;
}
.acc-message.assistant .acc-avatar {
background-color: transparent;
color: #4caf50; /* Green robot */
font-size: 20px;
}
/* Markdown Styles */
.acc-message-content code {
background-color: rgba(110, 118, 129, 0.4); /* VSCode style inline code bg */
color: #e0e0e0;
padding: 2px 5px;
border-radius: 4px;
font-family: 'JetBrains Mono', 'Consolas', monospace;
font-size: 0.9em;
}
.acc-message-content pre {
background-color: #1e1e1e;
padding: 12px;
border-radius: 6px;
overflow-x: auto;
border: 1px solid #333;
margin: 12px 0;
}
.acc-message-content pre code {
background-color: transparent;
padding: 0;
border: none;
color: #9cdcfe;
}
.acc-message-content p {
margin: 0 0 10px 0;
}
.acc-message-content p:last-child {
margin-bottom: 0;
}
.acc-message-content ul, .acc-message-content ol {
margin: 10px 0;
padding-left: 24px;
}
.acc-message-content li {
margin-bottom: 6px;
}
/* Tool Request Styles */
.acc-tool-request {
background-color: #252526;
border: 1px solid #333;
border-radius: 6px;
margin: 10px 0;
border-radius: 8px;
margin: 12px 0;
overflow: hidden;
box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
.acc-tool-header {
background-color: #2d2d2d;
padding: 8px 12px;
padding: 10px 14px;
font-size: 12px;
font-weight: 600;
color: #cccccc;
color: #e0e0e0;
border-bottom: 1px solid #333;
display: flex;
align-items: center;
gap: 8px;
gap: 10px;
cursor: pointer;
transition: background-color 0.2s;
}
.acc-tool-header:hover {
background-color: #333;
}
.acc-tool-header i {
@@ -322,28 +382,35 @@
}
.acc-tool-content {
padding: 12px;
padding: 14px;
margin: 0;
background-color: #1e1e1e;
color: #9cdcfe;
font-family: 'JetBrains Mono', monospace;
font-family: 'JetBrains Mono', 'Consolas', monospace;
font-size: 12px;
overflow-x: auto;
white-space: pre-wrap;
line-height: 1.5;
}
/* System/Thought Message */
.acc-message.system, .acc-message.thought {
align-self: stretch;
padding: 0 10px;
opacity: 0.8;
opacity: 0.9;
}
.acc-message.thought .acc-avatar {
color: #9c27b0;
background-color: transparent;
}
.acc-message.thought .acc-message-content {
color: #8b949e;
font-style: italic;
border-left: 2px solid #333;
padding-left: 10px;
background-color: rgba(156, 39, 176, 0.05);
padding: 10px 14px;
border-radius: 6px;
border-left: 3px solid #9c27b0;
}
/* 输入区域 */