LLM/opencode
1
0
Fork 0
mirror of https://github.com/anomalyco/opencode.git synced 2026-05-20 02:50:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(tui): show /connect tip when user has no models configured (#24014)

Browse Source
This commit is contained in:
Kit Langton
2026-04-25 15:01:41 -04:00
committed by GitHub
parent 9af46df535
commit cd64b67038
2 changed files with 16 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
packages/opencode/src/cli/cmd/tui/feature-plugins/home/tips-view.tsx
View File

@@ -1,4 +1,4 @@
import { For } from "solid-js"
import { createMemo, For } from "solid-js"
import { DEFAULT_THEMES, useTheme } from "@tui/context/theme"
const themeCount = Object.keys(DEFAULT_THEMES).length
@@ -30,9 +30,12 @@ function parse(tip: string): TipPart[] {
return parts
}
export function Tips() {
const NO_MODELS_TIP = "Run {highlight}/connect{/highlight} to add an AI provider and start coding"
export function Tips(props: { connected?: boolean }) {
const theme = useTheme().theme
const parts = parse(TIPS[Math.floor(Math.random() * TIPS.length)])
const randomTip = TIPS[Math.floor(Math.random() * TIPS.length)]
const parts = createMemo(() => parse(props.connected === false ? NO_MODELS_TIP : randomTip))
return (
<box flexDirection="row" maxWidth="100%">
@@ -40,7 +43,7 @@ export function Tips() {
● Tip{" "}
</text>
<text flexShrink={1}>
<For each={parts}>
<For each={parts()}>
{(part) => <span style={{ fg: part.highlight ? theme.text : theme.textMuted }}>{part.text}</span>}
</For>
</text>

13
packages/opencode/src/cli/cmd/tui/feature-plugins/home/tips.tsx
View File

@@ -4,11 +4,11 @@ import { Tips } from "./tips-view"
const id = "internal:home-tips"
function View(props: { show: boolean }) {
function View(props: { show: boolean; connected: boolean }) {
return (
<box height={4} minHeight={0} width="100%" maxWidth={75} alignItems="center" paddingTop={3} flexShrink={1}>
<Show when={props.show}>
<Tips />
<Tips connected={props.connected} />
</Show>
</box>
)
@@ -35,8 +35,13 @@ const tui: TuiPlugin = async (api) => {
home_bottom() {
const hidden = createMemo(() => api.kv.get("tips_hidden", false))
const first = createMemo(() => api.state.session.count() === 0)
const show = createMemo(() => !first() && !hidden())
return <View show={show()} />
const connected = createMemo(() =>
api.state.provider.some(
(item) => item.id !== "opencode" || Object.values(item.models).some((model) => model.cost?.input !== 0),
),
)
const show = createMemo(() => (!first() || !connected()) && !hidden())
return <View show={show()} connected={connected()} />
},
},
})