"Did you know?" start screen tips

[iamdavidhill]

Summary

• Add "Did you know?" tips feature to the home screen that displays random tips, tricks, and shortcuts to help users discover OpenCode features
• Tips are hidden for first-time users and shown for returning users, with the ability to toggle visibility using ctrl+h
  Details
  New files:
• packages/opencode/src/cli/cmd/tui/component/tips.ts - Contains 101 tips covering keyboard shortcuts, slash commands, configuration options, CLI features, and more
• packages/opencode/src/cli/cmd/tui/component/did-you-know.tsx - Renders the tip box with styled highlights for keybinds and commands
  Features:
• Tips box appears in the bottom-right corner of the home screen (same width as sidebar)
• Important terms like keybinds (ctrl+h), slash commands (/undo), and file paths are highlighted in white
• First-time users (no sessions) don't see tips to avoid overwhelming the initial experience
• ctrl+h toggles tip visibility, persisted via KV store
• Tips randomize on each app start and when using /new command
• Responsive border that adapts to terminal width

[rekram1-node]

/review

[rekram1-node]

/oc address the comment:

Suggestion: The hideTips and enableTips functions are each called once and could be inlined. Additionally, the toggle logic with else could be simplified to a single line, per the style guide preference to avoid else statements and keep things in one function:

useKeyboard((evt) => {
if (isFirstTimeUser()) return
if (evt.name === "h" && evt.ctrl && !evt.meta && !evt.shift) {
kv.set("tips_hidden", !tipsHidden())
evt.preventDefault()
}
})
This would also eliminate the need for hideTips and enableTips helper functions (lines 40-47).

—-

Additionally clean up this code a bit so it follows our style guide

[opencode-agent]

The changes have been applied. The code now:

1. Removes the hideTips and enableTips helper functions (lines 43-49)
2. Simplifies the toggle logic to a single line without else statement
3. Follows the style guide by avoiding unnecessary function extraction and else statements

opencode session  |  github run