aljaz/opencode
1
0
Fork 0
mirror of https://github.com/aljazceru/opencode.git synced 2025-12-21 17:54:23 +01:00
Code Issues Packages Projects Releases Wiki Activity

share page glob

Browse Source
This commit is contained in:
Jay V
2025-06-04 19:34:15 -04:00
parent a74f27e59a
commit 0a1f9accd7
2 changed files with 79 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

78
packages/web/src/components/Share.tsx
View File

@@ -22,6 +22,7 @@ import {
IconChevronRight,
IconPencilSquare,
IconRectangleStack,
IconMagnifyingGlass,
IconWrenchScrewdriver,
IconDocumentArrowDown,
} from "./icons"
@@ -734,6 +735,83 @@ export default function Share(props: { api: string }) {
</div>
)}
</Match>
{/* Glob tool */}
<Match
when={
msg.role === "assistant" &&
part.type === "tool-invocation" &&
part.toolInvocation.toolName === "opencode_glob" &&
part
}
>
{(part) => {
const metadata = createMemo(() =>
msg.metadata?.tool[part().toolInvocation.toolCallId]
)
const args = part().toolInvocation.args
const result = part().toolInvocation.state === "result" && part().toolInvocation.result
const count = metadata()?.count
const pattern = args.pattern
const duration = createMemo(() =>
DateTime.fromMillis(metadata()?.time.end || 0).diff(
DateTime.fromMillis(metadata()?.time.start || 0),
).toMillis(),
)
return (
<div data-section="part" data-part-type="tool-glob">
<div data-section="decoration">
<div title="List files">
<IconMagnifyingGlass width={18} height={18} />
</div>
<div></div>
</div>
<div data-section="content">
<div data-part-tool-body>
<span data-part-title data-size="md">
<span data-element-label>Glob</span>
<b>&ldquo;{pattern}&rdquo;</b>
</span>
<Switch>
<Match when={count > 0}>
<div data-part-tool-result>
<ResultsButton
showCopy={count === 1
? "1 result"
: `${count} results`
}
results={results()}
onClick={() => showResults((e) => !e)}
/>
<Show when={results()}>
<TextPart
expand
text={result}
data-size="sm"
data-color="dimmed"
/>
</Show>
</div>
</Match>
<Match when={result}>
<div data-part-tool-result>
<TextPart
expand
text={result}
data-size="sm"
data-color="dimmed"
/>
</div>
</Match>
</Switch>
</div>
<ToolFooter time={duration()} />
</div>
</div>
)
}}
</Match>
{/* LS tool */}
<Match
when={