-
{store.info?.title}
-
-
-
-
-
- +
+ +++{store.info?.title}
++-
+
-
+
@@ -308,11 +847,11 @@ export default function Share(props: { {Object.values(data().models).length > 0 ? ( {([provider, model]) => ( - - -
-+ - +
)} @@ -323,69 +862,1025 @@ 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...
} + >-- + return ( +- {(msg, msgIndex) => { - const filteredParts = createMemo(() => - msg.parts.filter((x, index) => { - if (x.type === "step-start" && index > 0) return false - if (x.type === "snapshot") return false - if (x.type === "step-finish") return false - if (x.type === "text" && x.synthetic === true) 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 + + {(msg, msgIndex) => ( + + {(part, partIndex) => { + 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 } }) - ) + return ( + -+ {/* User text */} + + {(part) => ( + + {/* AI text */} +++ )} ++++ + ++ +++ + {(part) => ( + + {/* AI model */} +++ )} ++++ + ++ +++ + + {DateTime.fromMillis( + data().completed || 0, + ).toLocaleString(DateTime.DATETIME_MED)} + + ++ {(assistant) => { + return ( + - return ( -++ ) + }} ++++ + ++ +++++ + {assistant().providerID} + ++ + {assistant().modelID} + +- - ) - }} -- {(part, partIndex) => { - const last = createMemo( - () => - data().messages.length === msgIndex() + 1 && filteredParts().length === partIndex() + 1, - ) - - onMount(() => { - const hash = window.location.hash.slice(1) - // Wait till all parts are loaded - if ( - hash !== "" && - !hasScrolledToAnchor && - filteredParts().length === partIndex() + 1 && - data().messages.length === msgIndex() + 1 - ) { - hasScrolledToAnchor = true - scrollToAnchor(hash) + {/* Grep tool */} + -+ {(_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} +++ +{getStatusText(connectionStatus())}
@@ -400,11 +1895,19 @@ export default function Share(props: {- 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 @@ -430,7 +1933,10 @@ export default function Share(props: { "overflow-y": "auto", }} > -
0} fallback={ Waiting for messages...
}> +0} + fallback={ Waiting for messages...
} + >{(msg) => ( @@ -458,7 +1964,9 @@ export default function Share(props: { - -
-
+