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

View File

@@ -151,15 +151,17 @@ PART_MAPPING["tool"] = function ToolPartDisplay(props) {
return ( return (
<Card variant="error"> <Card variant="error">
<div data-component="tool-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> <Switch>
<Match when={title}> <Match when={title}>
<div data-slot="content"> <div data-slot="tool-error-content">
<div data-slot="title">{title}</div> <div data-slot="tool-error-title">{title}</div>
<span>{rest.join(": ")}</span> <span data-slot="tool-error-message">{rest.join(": ")}</span>
</div> </div>
</Match> </Match>
<Match when={true}>{cleaned}</Match> <Match when={true}>
<span data-slot="tool-error-message">{cleaned}</span>
</Match>
</Switch> </Switch>
</div> </div>
</Card> </Card>