alt-glitch
53438228ee
Rebuilt the home screen to match hermes --tui: the HERMES-AGENT banner + tagline,
then a session info block (model · Nous Research / dir (branch) / Session: <id>),
then SEPARATE collapsible sections — Available Tools (enabled toolsets each as
'name: tool1, tool2', capped + '(and N more toolsets…)'), Available Skills (N) in
M categories, MCP Servers (N) connected — and a '… /help for commands' summary.
Previously it was one combined '▶ N tools · M skills · K MCP' dropdown that only
listed tools and showed no model/dir/session.
- gateway startup.catalog now returns per-toolset {enabled, tools} (resolved_tools,
session-aware enabled set — mirrors tools.list); py_compile OK.
- store Catalog gains toolset.enabled/tools; new sessionId field + setSessionId,
set on session create/resume (alongside the active-session-file write).
- homeHint takes the store, reads info (model/cwd/branch) + sessionId + catalog.
85 pass; verified live (model·Nous·dir·session + enabled toolsets w/ tools).
41 lines
1.9 KiB
TypeScript
41 lines
1.9 KiB
TypeScript
/**
|
|
* Transcript — the scrolling message pane (spec v4 §2 `view/transcript.tsx`).
|
|
*
|
|
* ONE full-height <scrollbox> with a reactive <For> (opencode's model — the
|
|
* viewport clips growing output so terminal scrollback is never corrupted; no
|
|
* `writeToScrollback`). Carries the §8 #2 gotchas EXACTLY:
|
|
* - `minHeight:0` on BOTH the wrapper box AND the <scrollbox> (so the flex
|
|
* child can shrink below content height instead of pushing the composer off),
|
|
* - NO `flexDirection` on the <scrollbox> ROOT style (it has internal
|
|
* viewport/content children; setting it there breaks content-height
|
|
* measurement → phantom scroll offset that clips the top + leaves a gap),
|
|
* - `stickyScroll` + `stickyStart="bottom"` to pin the latest line.
|
|
*
|
|
* A `ScrollAnchorProvider` gives collapse/expand toggles (tool/thinking) a handle
|
|
* to hold the viewport in place so expanding doesn't yank to the bottom (#4).
|
|
*/
|
|
import type { ScrollBoxRenderable } from '@opentui/core'
|
|
import { createSignal, For, Show } from 'solid-js'
|
|
|
|
import type { SessionStore } from '../logic/store.ts'
|
|
import { HomeHint } from './homeHint.tsx'
|
|
import { MessageLine } from './messageLine.tsx'
|
|
import { ScrollAnchorProvider } from './scrollAnchor.tsx'
|
|
|
|
export function Transcript(props: { store: SessionStore }) {
|
|
const [scroll, setScroll] = createSignal<ScrollBoxRenderable | undefined>()
|
|
return (
|
|
<box style={{ flexGrow: 1, minHeight: 0 }}>
|
|
<scrollbox ref={setScroll} style={{ flexGrow: 1, minHeight: 0 }} stickyScroll stickyStart="bottom">
|
|
<ScrollAnchorProvider scroll={scroll}>
|
|
{/* empty-transcript home screen (item 12); replaced by messages on the first turn */}
|
|
<Show when={props.store.state.messages.length === 0}>
|
|
<HomeHint store={props.store} />
|
|
</Show>
|
|
<For each={props.store.state.messages}>{message => <MessageLine message={message} />}</For>
|
|
</ScrollAnchorProvider>
|
|
</scrollbox>
|
|
</box>
|
|
)
|
|
}
|