feat(runtime): establish miniapp kernel and sdk design
This commit is contained in:
File diff suppressed because one or more lines are too long
@@ -0,0 +1,23 @@
|
||||
/* Chat 中可信 Capability 确认卡片的视觉状态;样式不授予或执行任何系统能力。 */
|
||||
.capability-card {
|
||||
display: grid;
|
||||
justify-self: start;
|
||||
gap: .7rem;
|
||||
width: min(100%, 32rem);
|
||||
padding: 1rem;
|
||||
border: 1px solid #537362;
|
||||
border-radius: .9rem;
|
||||
background: #1c2c24;
|
||||
}
|
||||
.capability-card > p { margin: 0; color: #bfd1c6; line-height: 1.45; }
|
||||
.capability-risk, .capability-status { color: #aac5b5; }
|
||||
.capability-actions { display: flex; flex-wrap: wrap; gap: .5rem; }
|
||||
.capability-actions button {
|
||||
border: 0; border-radius: .65rem; padding: .8rem 1rem;
|
||||
background: #a9dfc4; color: #102018; font-weight: 750; cursor: pointer;
|
||||
}
|
||||
.capability-actions .secondary-action { background: #395447; color: #e2f1e8; }
|
||||
.capability-card[data-status="completed"] { border-color: #89c7a6; }
|
||||
.capability-card[data-status="rejected"], .capability-card[data-status="expired"],
|
||||
.capability-card[data-status="failed"], .capability-card[data-status="unsupported"] { border-color: #587064; }
|
||||
.capability-card button:disabled { opacity: .5; cursor: not-allowed; }
|
||||
@@ -0,0 +1,45 @@
|
||||
/* Chat 内受限执行摘要卡片:只展示 Runtime/Adapter 已归约的公开步骤。 */
|
||||
.execution-progress-card {
|
||||
justify-self: start;
|
||||
width: min(100%, 32rem);
|
||||
border: 1px solid #577563;
|
||||
border-radius: .85rem;
|
||||
background: #182820;
|
||||
color: #cde3d5;
|
||||
}
|
||||
|
||||
.execution-progress-card summary {
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
justify-content: space-between;
|
||||
gap: .8rem;
|
||||
padding: .72rem .85rem;
|
||||
cursor: pointer;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.execution-progress-card summary::-webkit-details-marker { display: none; }
|
||||
.execution-progress-card summary::before { content: "›"; font-size: 1.2rem; color: #a9dfc4; transition: transform .15s ease; }
|
||||
.execution-progress-card[open] summary::before { transform: rotate(90deg); }
|
||||
.execution-progress-card[data-status="running"] summary::before { content: "◌"; transform: none; }
|
||||
.execution-progress-heading strong { font-size: .9rem; }
|
||||
.execution-progress-duration { color: #9cbbaa; white-space: nowrap; }
|
||||
|
||||
.execution-progress-stages {
|
||||
display: grid;
|
||||
gap: .34rem;
|
||||
margin: 0;
|
||||
padding: 0 .9rem .85rem 2rem;
|
||||
color: #b9d1c2;
|
||||
font-size: .82rem;
|
||||
}
|
||||
|
||||
.execution-progress-stages li::marker { color: #85caa2; }
|
||||
.execution-progress-stages li[data-status="completed"] { color: #d5f0df; }
|
||||
.execution-progress-stages li[data-status="running"] { color: #d7e6a4; }
|
||||
.execution-progress-card[data-status="failed"] { border-color: #82625e; }
|
||||
.execution-progress-card[data-status="failed"] .execution-progress-stages li[data-status="failed"] { color: #ffb2aa; }
|
||||
|
||||
/* A trace belongs to the final Agent turn, not to the global message stream. */
|
||||
.message-agent-content { display: grid; gap: .45rem; min-width: 0; }
|
||||
.message-agent-content > .execution-progress-card { width: min(100%, 32rem); }
|
||||
Reference in New Issue
Block a user