-
-
- {store.info?.title}
-
-
-
-
-
- +
+ +{store.info?.title}
++-
+
-
+
@@ -815,11 +308,11 @@ export default function Share(props: { {Object.values(data().models).length > 0 ? ( {([provider, model]) => ( - - -
-+ - +
)} @@ -830,1096 +323,69 @@ export default function Share(props: { )} -+- {model} + {model}- {data().created ? ( - - {DateTime.fromMillis(data().created || 0).toLocaleString( - DateTime.DATETIME_MED, - )} - - ) : ( - - Started at — - - )} ++ {DateTime.fromMillis(data().created || 0).toLocaleString(DateTime.DATETIME_MED)}-0} - fallback={ Waiting for messages...
} - > +0} fallback={ Waiting for messages...
}>- {(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 + {(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 + }) + ) - 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 ( + ++ - )} + return+ {(part, partIndex) => { + const last = createMemo( + () => + data().messages.length === msgIndex() + 1 && filteredParts().length === partIndex() + 1, ) - 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() + 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) + } + }) - 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 - ) { - hasScrolledToAnchor = true - scrollToAnchor(hash) - } - }) - - 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} - --- + }} + -{getStatusText(connectionStatus())}
@@ -1934,19 +400,11 @@ 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 @@ -1972,10 +430,7 @@ export default function Share(props: { "overflow-y": "auto", }} > -
0} - fallback={ Waiting for messages...
} - > +0} fallback={ Waiting for messages...
}>{(msg) => ( @@ -2003,9 +458,7 @@ export default function Share(props: { - -
-
+