diff options
| -rw-r--r-- | packages/desktop/src/components/session-timeline.tsx | 5 | ||||
| -rw-r--r-- | packages/desktop/src/pages/index.tsx | 12 | ||||
| -rw-r--r-- | packages/ui/src/components/list.tsx | 4 |
3 files changed, 15 insertions, 6 deletions
diff --git a/packages/desktop/src/components/session-timeline.tsx b/packages/desktop/src/components/session-timeline.tsx index b751f2940..e1f3beae4 100644 --- a/packages/desktop/src/components/session-timeline.tsx +++ b/packages/desktop/src/components/session-timeline.tsx @@ -387,6 +387,11 @@ export default function SessionTimeline(props: { session: string; class?: string } } + createEffect(() => { + console.log("WHAT") + console.log(JSON.stringify(messagesWithValidParts())) + }) + return ( <div ref={setRoot} diff --git a/packages/desktop/src/pages/index.tsx b/packages/desktop/src/pages/index.tsx index 45fd67b47..3b2aa1e4a 100644 --- a/packages/desktop/src/pages/index.tsx +++ b/packages/desktop/src/pages/index.tsx @@ -571,9 +571,9 @@ export default function Page() { <div class="flex flex-col items-start gap-50 pb-[800px]"> <For each={local.session.userMessages()}> {(message) => { - const title = message.summary?.title - const prompt = local.session.getMessageText(message) - const summary = message.summary?.body + const title = createMemo(() => message.summary?.title) + const prompt = createMemo(() => local.session.getMessageText(message)) + const summary = createMemo(() => message.summary?.body) return ( <div @@ -583,10 +583,10 @@ export default function Page() { {/* Title */} <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"> - {title ?? prompt} + {title() ?? prompt()} </h1> <Show when={title}> - <div class="text-12-regular text-text-base">{prompt}</div> + <div class="text-12-regular text-text-base">{prompt()}</div> </Show> </div> {/* Summary */} @@ -594,7 +594,7 @@ export default function Page() { <Show when={summary}> <div class="flex flex-col items-start gap-1 self-stretch"> <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> </Show> <Show when={message.summary?.diffs.length}> diff --git a/packages/ui/src/components/list.tsx b/packages/ui/src/components/list.tsx index cb212d1a8..aaba61fdf 100644 --- a/packages/ui/src/components/list.tsx +++ b/packages/ui/src/components/list.tsx @@ -23,6 +23,10 @@ export function List<T>(props: ListProps<T>) { initialActive: props.current ? props.key(props.current) : undefined, loop: true, }) + + createEffect(() => { + if (props.current) list.setActive(props.key(props.current)) + }) // const resetSelection = () => { // if (props.data.length === 0) return // list.setActive(props.key(props.data[0])) |