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

share page todos

Browse Source
This commit is contained in:
Jay V
2025-06-05 13:52:39 -04:00
parent 241c366164
commit 142056e9af
2 changed files with 191 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -16,6 +16,7 @@ import { IconOpenAI, IconGemini, IconAnthropic } from "./icons/custom"
import {
IconCpuChip,
IconSparkles,
IconQueueList,
IconUserCircle,
IconChevronDown,
IconCommandLine,
@@ -75,6 +76,27 @@ type SessionInfo = {
cost?: number
}
type TodoStatus = "pending" | "in_progress" | "completed"
interface Todo {
id: string
content: string
status: TodoStatus
priority: "low" | "medium" | "high"
}
function sortTodosByStatus(todos: Todo[]) {
const statusPriority: Record<TodoStatus, number> = {
in_progress: 0,
pending: 1,
completed: 2,
}
return todos
.slice()
.sort((a, b) => statusPriority[a.status] - statusPriority[b.status])
}
function getFileType(path: string) {
return path.split(".").pop()
}
@@ -1163,6 +1185,104 @@ export default function Share(props: { api: string }) {
)
}}
</Match>
{/* Todo read */}
<Match
when={
msg.role === "assistant" &&
part.type === "tool-invocation" &&
part.toolInvocation.toolName === "opencode_todoread" &&
part
}
>
{(part) => {
const metadata = createMemo(() => msg.metadata?.tool[part().toolInvocation.toolCallId])
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-fallback"
>
<div data-section="decoration">
<div title="Plan">
<IconQueueList width={18} height={18} />
</div>
<div></div>
</div>
<div data-section="content">
<div data-part-tool-body>
<span data-part-title data-size="sm">
Checking plan&hellip;
</span>
</div>
<ToolFooter time={duration()} />
</div>
</div>
)
}}
</Match>
{/* Todo write */}
<Match
when={
msg.role === "assistant" &&
part.type === "tool-invocation" &&
part.toolInvocation.toolName === "opencode_todowrite" &&
part
}
>
{(part) => {
const metadata = createMemo(() => msg.metadata?.tool[part().toolInvocation.toolCallId])
const todos = createMemo(() => sortTodosByStatus(
part().toolInvocation.args.todos
))
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-fallback"
>
<div data-section="decoration">
<div title="Plan">
<IconQueueList width={18} height={18} />
</div>
<div></div>
</div>
<div data-section="content">
<div data-part-tool-body>
<span data-part-title data-size="sm">
Planning&hellip;
</span>
<Show when={todos().length > 0}>
<ul class={styles.todos}>
<For each={todos()}>
{({ status, content }) =>
<li data-status={status}>
<span></span>
{content}
</li>
}
</For>
</ul>
</Show>
</div>
<ToolFooter time={duration()} />
</div>
</div>
)
}}
</Match>
{/* Tool call */}
<Match
when={