-
{store.info?.title}
-
-
-
-
-
- +
+ +++{store.info?.title}
++-
+
-
+
@@ -317,11 +865,11 @@ export default function Share(props: { {Object.values(data().models).length > 0 ? ( {([provider, model]) => ( - - -
+- +
)} @@ -332,52 +880,1085 @@ export default function Share(props: { )} -- {model} + {model}- {DateTime.fromMillis(data().created || 0).toLocaleString(DateTime.DATETIME_MED)} ++ {data().created ? ( + + {DateTime.fromMillis(data().created || 0).toLocaleString( + DateTime.DATETIME_MED, + )} + + ) : ( + + Started at — + + )}-0} fallback={ Waiting for messages...
}> +0} + fallback={ Waiting for messages...
} + >{(msg, msgIndex) => ( - @@ -402,11 +1983,19 @@ export default function Share(props: {{ - if (x.type === "step-start" && index > 0) return false - if (x.type === "tool" && x.tool === "todoread") return false - if (x.type === "text" && !x.text) return false - if (x.type === "tool" && (x.state.status === "pending" || x.state.status === "running")) - return false - return true - })} - > + {(part, partIndex) => { - const last = createMemo( - () => data().messages.length === msgIndex() + 1 && msg.parts.length === partIndex() + 1, + if ( + (part.type === "step-start" && + (partIndex() > 0 || !msg.metadata?.assistant)) || + (msg.role === "assistant" && + part.type === "tool-invocation" && + part.toolInvocation.toolName === "todoread") ) + return null + + const anchor = createMemo( + () => `${msg.id}-${partIndex()}`, + ) + const [showResults, setShowResults] = + createSignal(false) + const isLastPart = createMemo( + () => + data().messages.length === msgIndex() + 1 && + msg.parts.length === partIndex() + 1, + ) + const toolData = createMemo(() => { + if ( + msg.role !== "assistant" || + part.type !== "tool-invocation" + ) + return {} + + const metadata = + msg.metadata?.tool[part.toolInvocation.toolCallId] + const args = part.toolInvocation.args + const result = + part.toolInvocation.state === "result" && + part.toolInvocation.result + const duration = DateTime.fromMillis( + metadata?.time.end || 0, + ) + .diff( + DateTime.fromMillis(metadata?.time.start || 0), + ) + .toMillis() + + return { metadata, args, result, duration } + }) onMount(() => { const hash = window.location.hash.slice(1) // Wait till all parts are loaded if ( - hash !== "" && - !hasScrolledToAnchor && - msg.parts.length === partIndex() + 1 && - data().messages.length === msgIndex() + 1 + hash !== "" + && msg.parts.length === partIndex() + 1 + && data().messages.length === msgIndex() + 1 ) { - hasScrolledToAnchor = true scrollToAnchor(hash) } }) - return + return ( + + {/* User text */} + + ) }}+ {(part) => ( + + {/* AI text */} +++ )} ++++ + ++ +++ + {(part) => ( + + {/* AI model */} +++ )} ++++ + ++ +++ + + {DateTime.fromMillis( + data().completed || 0, + ).toLocaleString(DateTime.DATETIME_MED)} + + ++ {(assistant) => { + return ( + + + {/* Grep tool */} +++ ) + }} ++++ + ++ +++++ + {assistant().providerID} + ++ + {assistant().modelID} + ++ {(_part) => { + const matches = () => + toolData()?.metadata?.matches + const splitArgs = () => { + const { pattern, ...rest } = toolData()?.args + return { pattern, rest } + } + + return ( + + {/* Glob tool */} +++ ) + }} ++++ + ++ +++++ Grep + + “{splitArgs().pattern}” + ++0 + } + > + ++++ {([name, value]) => ( + <> + + +{name}+{value}+ + )} ++ +0}> + ++++ setShowResults((e) => !e) + } + /> + + ++ + ++++ + + {(_part) => { + const count = () => toolData()?.metadata?.count + const pattern = () => toolData()?.args.pattern + + return ( + + {/* LS tool */} +++ ) + }} ++++ + ++ +++++ Glob + “{pattern()}” +++ +0}> + ++++ setShowResults((e) => !e) + } + /> + + ++ + ++++ + + {(_part) => { + const path = createMemo(() => + toolData()?.args?.path !== data().rootDir + ? stripWorkingDirectory( + toolData()?.args?.path, + data().rootDir, + ) + : toolData()?.args?.path, + ) + + return ( + + {/* Read tool */} +++ ) + }} ++++ + ++ +++++ LS + + {path()} + +++ ++ ++++ setShowResults((e) => !e) + } + /> + + ++ + + {(_part) => { + const filePath = createMemo(() => + stripWorkingDirectory( + toolData()?.args?.filePath, + data().rootDir, + ), + ) + const hasError = () => + toolData()?.metadata?.error + const preview = () => + toolData()?.metadata?.preview + + return ( + + {/* Write tool */} +++ ) + }} ++++ + ++ +++++ Read + + {filePath()} + +++ ++ + {/* Always try to show CodeBlock if preview is available (even if empty string) */} ++++ {formatErrorString( + toolData()?.result, + )} + ++ + {/* Fallback to TextPart if preview is not a string (e.g. undefined) AND result exists */} ++++ setShowResults((e) => !e) + } + /> + + ++++ + ++++ setShowResults((e) => !e) + } + /> + + ++ + + {(_part) => { + const filePath = createMemo(() => + stripWorkingDirectory( + toolData()?.args?.filePath, + data().rootDir, + ), + ) + const hasError = () => + toolData()?.metadata?.error + const content = () => toolData()?.args?.content + const diagnostics = createMemo(() => + getDiagnostics( + toolData()?.metadata?.diagnostics, + toolData()?.args.filePath, + ), + ) + + return ( + + {/* Edit tool */} +++ ) + }} ++++ + ++ +++++ Write + + {filePath()} + ++0}> + +{diagnostics()} ++ ++ ++++ {formatErrorString( + toolData()?.result, + )} + ++ ++++ setShowResults((e) => !e) + } + /> + + ++++ + + {(_part) => { + const diff = () => toolData()?.metadata?.diff + const message = () => + toolData()?.metadata?.message + const hasError = () => + toolData()?.metadata?.error + const filePath = createMemo(() => + stripWorkingDirectory( + toolData()?.args.filePath, + data().rootDir, + ), + ) + const diagnostics = createMemo(() => + getDiagnostics( + toolData()?.metadata?.diagnostics, + toolData()?.args.filePath, + ), + ) + + return ( + + {/* Bash tool */} +++ ) + }} ++++ + ++ +++++ Edit + + {filePath()} + +++ ++ ++++ {formatErrorString(message())} + ++ ++++ 0}> + +{diagnostics()} ++ + {(_part) => { + const command = () => + toolData()?.metadata?.title + const desc = () => + toolData()?.metadata?.description + const result = () => + toolData()?.metadata?.stdout + const error = () => toolData()?.metadata?.stderr + + return ( + + {/* Todo write */} +++ ) + }} ++++ + ++ + {command() && ( ++++ )} ++ + + {(_part) => { + const todos = createMemo(() => + sortTodosByStatus( + toolData()?.args?.todos ?? [], + ), + ) + const starting = () => + todos().every((t) => t.status === "pending") + const finished = () => + todos().every((t) => t.status === "completed") + + return ( + + {/* Fetch tool */} +++ ) + }} ++++ + ++ +++++ +++ + ++ Creating plan + ++ Completing plan + +0}> + +-
+
- + + {todo.content} + + )} +
+ {(todo) => ( + ++ + {(_part) => { + const url = () => toolData()?.args.url + const format = () => toolData()?.args.format + const hasError = () => + toolData()?.metadata?.error + + return ( + + {/* Tool call */} +++ ) + }} ++++ + ++ +++++ Fetch + {url()} +++ ++ ++++ {formatErrorString( + toolData()?.result, + )} + ++ ++++ setShowResults((e) => !e) + } + /> + + ++++ + + {(part) => { + return ( + + {/* Fallback */} +++ ) + }} ++++ + ++ +++++ {part().toolInvocation.toolName} +++++ {(arg) => ( + <> + + +{arg[0]}+{arg[1]}+ + )} ++ ++ ++++ setShowResults((e) => !e) + } + /> + + ++ + ++ + + ++++++ + ++ } + > + + + ++ + + ++ +++++ + {part.type} + +++ - Input Tokens - {data().tokens.input ? {data().tokens.input} : —} + {data().tokens.input ? ( + {data().tokens.input} + ) : ( + — + )}
- Output Tokens - {data().tokens.output ? {data().tokens.output} : —} + {data().tokens.output ? ( + {data().tokens.output} + ) : ( + — + )}
- Reasoning Tokens @@ -432,7 +2021,10 @@ export default function Share(props: { "overflow-y": "auto", }} > -
0} fallback={ Waiting for messages...
}> +0} + fallback={ Waiting for messages...
} + >{(msg) => ( @@ -460,7 +2052,9 @@ export default function Share(props: { - -
-
+