aljaz/opencode
1
0
Fork 0
mirror of https://github.com/aljazceru/opencode.git synced 2026-01-03 16:05:00 +01:00
Code Issues Packages Projects Releases Wiki Activity

wip: desktop work

Browse Source
This commit is contained in:
Adam
2025-10-30 10:33:45 -05:00
parent 19974daa67
commit dce287a42d
6 changed files with 43 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
packages/desktop/src/components/message.tsx
View File

@@ -15,7 +15,7 @@ registerPartComponent("text", function TextPartDisplay(props) {
const part = props.part as TextPart
return (
<Show when={part.text.trim()}>
<Markdown text={part.text.trim()} />
<Markdown text={part.text.trim()} class="mt-8" />
</Show>
)
})
@@ -36,36 +36,41 @@ registerPartComponent("tool", function ToolPartDisplay(props) {
const metadata = part.state.status === "pending" ? {} : (part.state.metadata ?? {})
const input = part.state.status === "completed" ? part.state.input : {}
if (part.state.status === "error") {
const error = part.state.error.replace("Error: ", "")
const [title, ...rest] = error.split(": ")
return (
<Card variant="error">
<div class="flex items-center gap-2">
<Icon name="circle-ban-sign" size="small" class="text-icon-critical-active" />
<Switch>
<Match when={title}>
<div class="flex items-center gap-2">
<div class="text-12-medium text-[var(--ember-light-11)] capitalize">{title}</div>
<span>{rest.join(": ")}</span>
</div>
</Match>
<Match when={true}>{error}</Match>
</Switch>
</div>
</Card>
)
}
return (
<Dynamic
component={render}
input={input}
tool={part.tool}
metadata={metadata}
output={part.state.status === "completed" ? part.state.output : undefined}
hideDetails={props.hideDetails}
/>
<Switch>
<Match when={part.state.status === "error" && part.state.error}>
{(error) => {
const cleaned = error().replace("Error: ", "")
const [title, ...rest] = cleaned.split(": ")
return (
<Card variant="error">
<div class="flex items-center gap-2">
<Icon name="circle-ban-sign" size="small" class="text-icon-critical-active" />
<Switch>
<Match when={title}>
<div class="flex items-center gap-2">
<div class="text-12-medium text-[var(--ember-light-11)] capitalize">{title}</div>
<span>{rest.join(": ")}</span>
</div>
</Match>
<Match when={true}>{cleaned}</Match>
</Switch>
</div>
</Card>
)
}}
</Match>
<Match when={true}>
<Dynamic
component={render}
input={input}
tool={part.tool}
metadata={metadata}
output={part.state.status === "completed" ? part.state.output : undefined}
hideDetails={props.hideDetails}
/>
</Match>
</Switch>
)
})

2
packages/desktop/src/pages/index.tsx
View File

@@ -832,7 +832,7 @@ export default function Page() {
</div>
</Collapsible.Trigger>
<Collapsible.Content>
<div class="w-full flex flex-col items-start self-stretch gap-8">
<div class="w-full flex flex-col items-start self-stretch gap-3">
<For each={assistantMessages()}>
{(assistantMessage) => {
const parts = createMemo(