ignore: improve session timeline debugging and message display functionality

This commit is contained in:
Dax Raad
2025-10-24 15:45:26 -04:00
parent e88b659545
commit 6ff0ce8bc5
3 changed files with 15 additions and 6 deletions

View File

@@ -387,6 +387,11 @@ export default function SessionTimeline(props: { session: string; class?: string
} }
} }
createEffect(() => {
console.log("WHAT")
console.log(JSON.stringify(messagesWithValidParts()))
})
return ( return (
<div <div
ref={setRoot} ref={setRoot}

View File

@@ -571,9 +571,9 @@ export default function Page() {
<div class="flex flex-col items-start gap-50 pb-[800px]"> <div class="flex flex-col items-start gap-50 pb-[800px]">
<For each={local.session.userMessages()}> <For each={local.session.userMessages()}>
{(message) => { {(message) => {
const title = message.summary?.title const title = createMemo(() => message.summary?.title)
const prompt = local.session.getMessageText(message) const prompt = createMemo(() => local.session.getMessageText(message))
const summary = message.summary?.body const summary = createMemo(() => message.summary?.body)
return ( return (
<div <div
@@ -583,10 +583,10 @@ export default function Page() {
{/* Title */} {/* Title */}
<div class="flex flex-col items-start gap-2 self-stretch"> <div class="flex flex-col items-start gap-2 self-stretch">
<h1 class="text-14-medium text-text-strong overflow-hidden text-ellipsis min-w-0"> <h1 class="text-14-medium text-text-strong overflow-hidden text-ellipsis min-w-0">
{title ?? prompt} {title() ?? prompt()}
</h1> </h1>
<Show when={title}> <Show when={title}>
<div class="text-12-regular text-text-base">{prompt}</div> <div class="text-12-regular text-text-base">{prompt()}</div>
</Show> </Show>
</div> </div>
{/* Summary */} {/* Summary */}
@@ -594,7 +594,7 @@ export default function Page() {
<Show when={summary}> <Show when={summary}>
<div class="flex flex-col items-start gap-1 self-stretch"> <div class="flex flex-col items-start gap-1 self-stretch">
<h2 class="text-12-medium text-text-weak">Summary</h2> <h2 class="text-12-medium text-text-weak">Summary</h2>
<div class="text-14-regular text-text-base self-stretch">{summary}</div> <div class="text-14-regular text-text-base self-stretch">{summary()}</div>
</div> </div>
</Show> </Show>
<Show when={message.summary?.diffs.length}> <Show when={message.summary?.diffs.length}>

View File

@@ -23,6 +23,10 @@ export function List<T>(props: ListProps<T>) {
initialActive: props.current ? props.key(props.current) : undefined, initialActive: props.current ? props.key(props.current) : undefined,
loop: true, loop: true,
}) })
createEffect(() => {
if (props.current) list.setActive(props.key(props.current))
})
// const resetSelection = () => { // const resetSelection = () => {
// if (props.data.length === 0) return // if (props.data.length === 0) return
// list.setActive(props.key(props.data[0])) // list.setActive(props.key(props.data[0]))