v1.2.0
Co-Authored-By: Quentin Torroba <quentin.torroba@mistral.ai> Co-Authored-By: Michel Thomazo <michel.thomazo@mistral.ai> Co-Authored-By: Kracekumar <kracethekingmaker@gmail.com>
This commit is contained in:
Quentin
Mathias Gesbert
parent
661588de0c
commit
d8dbeeb31e
91 changed files with 4521 additions and 873 deletions
|
|
@ -6,14 +6,14 @@ Screen {
|
|||
height: 1fr;
|
||||
width: 100%;
|
||||
background: $background;
|
||||
padding: 0 2 0 2;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#loading-area {
|
||||
height: auto;
|
||||
width: 100%;
|
||||
background: $background;
|
||||
padding: 1 2 0 2;
|
||||
padding: 1 0 0 0;
|
||||
layout: horizontal;
|
||||
align: left middle;
|
||||
}
|
||||
|
|
@ -26,14 +26,28 @@ Screen {
|
|||
|
||||
#todo-area {
|
||||
height: auto;
|
||||
max-height: 8;
|
||||
max-height: 10;
|
||||
width: 100%;
|
||||
background: $background;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
overflow-y: auto;
|
||||
overflow: hidden;
|
||||
text-align: left;
|
||||
margin-top: 0;
|
||||
|
||||
.tool-result-border {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&.loading-active .tool-result-border {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.tool-result-content {
|
||||
max-height: 9;
|
||||
overflow-y: auto;
|
||||
scrollbar-visibility: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
#bottom-app-container {
|
||||
|
|
@ -46,7 +60,7 @@ Screen {
|
|||
height: auto;
|
||||
width: 100%;
|
||||
background: $background;
|
||||
padding: 0 2 1 2;
|
||||
padding: 0 0 1 0;
|
||||
align: left middle;
|
||||
layout: horizontal;
|
||||
}
|
||||
|
|
@ -71,7 +85,7 @@ Screen {
|
|||
width: 100%;
|
||||
background: $background;
|
||||
padding: 0;
|
||||
margin: 0 2 1 2;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#completion-popup {
|
||||
|
|
@ -84,11 +98,23 @@ Screen {
|
|||
height: auto;
|
||||
width: 100%;
|
||||
background: $background;
|
||||
border: round $foreground-muted;
|
||||
border-top: solid $foreground-muted;
|
||||
border-bottom: solid $foreground-muted;
|
||||
padding: 0 1;
|
||||
|
||||
&.border-warning {
|
||||
border: round $warning;
|
||||
border-top: solid $warning;
|
||||
border-bottom: solid $warning;
|
||||
}
|
||||
|
||||
&.border-safe {
|
||||
border-top: solid $success;
|
||||
border-bottom: solid $success;
|
||||
}
|
||||
|
||||
&.border-error {
|
||||
border-top: solid $error;
|
||||
border-bottom: solid $error;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -112,12 +138,13 @@ Screen {
|
|||
color: $text;
|
||||
border: none;
|
||||
padding: 0;
|
||||
scrollbar-visibility: hidden;
|
||||
}
|
||||
|
||||
ToastRack {
|
||||
align: left bottom;
|
||||
padding: 0 2;
|
||||
margin: 0 2 6 2;
|
||||
padding: 0;
|
||||
margin: 0 0 6 0;
|
||||
}
|
||||
|
||||
Markdown MarkdownFence {
|
||||
|
|
@ -128,8 +155,10 @@ Markdown MarkdownFence {
|
|||
|
||||
.user-message {
|
||||
margin-top: 1;
|
||||
padding: 1 0;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
background: $surface;
|
||||
|
||||
&:first-child {
|
||||
margin-top: 0;
|
||||
|
|
@ -194,25 +223,135 @@ Markdown MarkdownFence {
|
|||
}
|
||||
}
|
||||
|
||||
.assistant-message-content Markdown > *:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.interrupt-message {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
margin-left: 2;
|
||||
height: auto;
|
||||
padding: 1 2;
|
||||
background: $warning 10%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.interrupt-container {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.interrupt-border {
|
||||
width: auto;
|
||||
height: 100%;
|
||||
padding: 0 1 0 2;
|
||||
color: $foreground-muted;
|
||||
}
|
||||
|
||||
.interrupt-content {
|
||||
width: 1fr;
|
||||
height: auto;
|
||||
margin: 0;
|
||||
color: $text-warning;
|
||||
}
|
||||
|
||||
.error-message {
|
||||
margin-top: 1;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
height: auto;
|
||||
padding: 1 2;
|
||||
background: $error 10%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.error-container {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.error-border {
|
||||
width: auto;
|
||||
height: 100%;
|
||||
padding: 0 1 0 2;
|
||||
color: $foreground-muted;
|
||||
}
|
||||
|
||||
.error-content {
|
||||
width: 1fr;
|
||||
height: auto;
|
||||
margin: 0;
|
||||
color: $error;
|
||||
text-style: bold;
|
||||
}
|
||||
|
||||
.warning-message {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
height: auto;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.warning-container {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.warning-border {
|
||||
width: auto;
|
||||
height: 100%;
|
||||
padding: 0 1 0 2;
|
||||
color: $foreground-muted;
|
||||
}
|
||||
|
||||
.warning-content {
|
||||
width: 1fr;
|
||||
height: auto;
|
||||
margin: 0;
|
||||
color: $text-warning;
|
||||
}
|
||||
|
||||
.user-command-message {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
height: auto;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.user-command-container {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.user-command-border {
|
||||
width: auto;
|
||||
height: 100%;
|
||||
padding: 0 1 0 2;
|
||||
color: $foreground-muted;
|
||||
}
|
||||
|
||||
.user-command-content {
|
||||
width: 1fr;
|
||||
height: auto;
|
||||
margin: 0;
|
||||
|
||||
Markdown {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
Markdown > *:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
Markdown > *:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.bash-output-message {
|
||||
margin-top: 1;
|
||||
width: 100%;
|
||||
|
|
@ -280,7 +419,7 @@ Markdown MarkdownFence {
|
|||
color: $text-muted;
|
||||
}
|
||||
|
||||
BlinkingMessage {
|
||||
StatusMessage {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
|
||||
|
|
@ -290,10 +429,11 @@ BlinkingMessage {
|
|||
}
|
||||
}
|
||||
|
||||
.blink-dot {
|
||||
.status-indicator-icon {
|
||||
width: auto;
|
||||
height: auto;
|
||||
color: $foreground;
|
||||
margin-right: 1;
|
||||
|
||||
&.success {
|
||||
color: $text-success;
|
||||
|
|
@ -304,7 +444,7 @@ BlinkingMessage {
|
|||
}
|
||||
}
|
||||
|
||||
.blink-text {
|
||||
.status-indicator-text {
|
||||
width: 1fr;
|
||||
height: auto;
|
||||
color: $foreground;
|
||||
|
|
@ -326,22 +466,40 @@ BlinkingMessage {
|
|||
width: 100%;
|
||||
height: auto;
|
||||
margin-top: 0;
|
||||
margin-left: 2;
|
||||
padding: 1 2;
|
||||
background: $surface;
|
||||
margin-left: 0;
|
||||
padding: 0;
|
||||
background: transparent;
|
||||
color: $foreground;
|
||||
|
||||
&.error-text {
|
||||
background: $error 10%;
|
||||
color: $text-error;
|
||||
}
|
||||
|
||||
&.warning-text {
|
||||
background: $warning 10%;
|
||||
color: $text-warning;
|
||||
}
|
||||
}
|
||||
|
||||
.tool-result-container {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
margin-top: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.tool-result-border {
|
||||
width: auto;
|
||||
height: 100%;
|
||||
padding: 0 1 0 2;
|
||||
color: $foreground-muted;
|
||||
}
|
||||
|
||||
.tool-result-content {
|
||||
width: 1fr;
|
||||
height: auto;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.tool-call-widget {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
|
|
@ -430,7 +588,6 @@ BlinkingMessage {
|
|||
|
||||
#todo-area .tool-result {
|
||||
margin-left: 0;
|
||||
background: $surface;
|
||||
}
|
||||
|
||||
.loading-widget {
|
||||
|
|
@ -443,10 +600,11 @@ BlinkingMessage {
|
|||
height: auto;
|
||||
}
|
||||
|
||||
.loading-star {
|
||||
.loading-indicator {
|
||||
width: auto;
|
||||
height: auto;
|
||||
color: $warning;
|
||||
margin-right: 1;
|
||||
}
|
||||
|
||||
.loading-status {
|
||||
|
|
@ -478,8 +636,8 @@ WelcomeBanner {
|
|||
border-title-align: center;
|
||||
text-align: center;
|
||||
content-align: center middle;
|
||||
padding: 2 4;
|
||||
margin: 1 1 0 1;
|
||||
padding: 2 0;
|
||||
margin: 1 0 0 0;
|
||||
color: $foreground;
|
||||
|
||||
.muted {
|
||||
|
|
@ -493,7 +651,7 @@ WelcomeBanner {
|
|||
background: $background;
|
||||
border: round $foreground-muted;
|
||||
padding: 0 1;
|
||||
margin: 0 2 1 2;
|
||||
margin: 0 0 1 0;
|
||||
}
|
||||
|
||||
#config-content {
|
||||
|
|
@ -556,7 +714,7 @@ WelcomeBanner {
|
|||
background: $background;
|
||||
border: round $foreground-muted;
|
||||
padding: 0 1;
|
||||
margin: 0 2 1 2;
|
||||
margin: 0 0 1 0;
|
||||
}
|
||||
|
||||
#approval-content {
|
||||
|
|
@ -645,21 +803,35 @@ Horizontal {
|
|||
height: auto;
|
||||
}
|
||||
|
||||
ExpandingBorder {
|
||||
width: auto;
|
||||
height: 100%;
|
||||
content-align: left bottom;
|
||||
}
|
||||
|
||||
ModeIndicator {
|
||||
width: auto;
|
||||
height: auto;
|
||||
background: transparent;
|
||||
padding: 0;
|
||||
margin: 0 0 0 1;
|
||||
color: $warning;
|
||||
color: $text-muted;
|
||||
align: left middle;
|
||||
|
||||
&.mode-on {
|
||||
&.mode-safe {
|
||||
color: $success;
|
||||
}
|
||||
|
||||
&.mode-neutral {
|
||||
color: $text-muted;
|
||||
}
|
||||
|
||||
&.mode-destructive {
|
||||
color: $warning;
|
||||
}
|
||||
|
||||
&.mode-off {
|
||||
color: $text-muted;
|
||||
&.mode-yolo {
|
||||
color: $error;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue