wip: desktop work

This commit is contained in:
Adam
2025-10-31 07:30:02 -05:00
parent 543eee78a6
commit 485135cf5c
2 changed files with 17 additions and 10 deletions

View File

@@ -29,20 +29,21 @@
[data-component="tool-error"] {
display: flex;
align-items: center;
align-items: start;
gap: 8px;
[data-slot="icon"] {
[data-slot="tool-error-icon"] {
color: var(--icon-critical-active);
margin-top: 4px;
}
[data-slot="content"] {
[data-slot="tool-error-content"] {
display: flex;
align-items: center;
align-items: start;
gap: 8px;
}
[data-slot="title"] {
[data-slot="tool-error-title"] {
font-family: var(--font-family-sans);
font-size: var(--font-size-small);
font-style: normal;
@@ -51,7 +52,11 @@
letter-spacing: var(--letter-spacing-normal);
color: var(--ember-light-11);
text-transform: capitalize;
white-space: nowrap;
}
/* [data-slot="tool-error-message"] { */
/* } */
}
[data-component="tool-output"] {

View File

@@ -151,15 +151,17 @@ PART_MAPPING["tool"] = function ToolPartDisplay(props) {
return (
<Card variant="error">
<div data-component="tool-error">
<Icon name="circle-ban-sign" size="small" data-slot="icon" />
<Icon name="circle-ban-sign" size="small" data-slot="tool-error-icon" />
<Switch>
<Match when={title}>
<div data-slot="content">
<div data-slot="title">{title}</div>
<span>{rest.join(": ")}</span>
<div data-slot="tool-error-content">
<div data-slot="tool-error-title">{title}</div>
<span data-slot="tool-error-message">{rest.join(": ")}</span>
</div>
</Match>
<Match when={true}>{cleaned}</Match>
<Match when={true}>
<span data-slot="tool-error-message">{cleaned}</span>
</Match>
</Switch>
</div>
</Card>