docs(website): hint cast — press F1 mid-command for realism
ci / gate (push) Successful in 3m20s
website / deploy (push) Successful in 1m44s

The previous take pressed F1 after a complete command, which no one does.
Now the cast starts `add column `, pauses, presses F1 (Ctrl-G→[F1]) to recall
the syntax, then finishes the command from the example — the real reason you
reach for a hint. The `hint`-on-an-error half is unchanged.
This commit is contained in:
claude@clouddev1
2026-06-15 22:19:29 +00:00
parent 028d32420d
commit dff78412dd
2 changed files with 205 additions and 272 deletions
+9 -7
View File
@@ -278,13 +278,15 @@ export const casts = [
typeSpeed: '45ms',
steps: [
{ wait: 1000 },
{ type: 'create table customers with pk id(serial)', after: 650 },
{ type: 'add column to customers: email (text)', after: 850 },
// Live-input hint: type a command but DON'T submit, then Ctrl-G (badged
// [F1]) opens a teaching hint for the command being built.
{ type: "insert into customers (email) values ('ada@example.io')", enter: false, after: 1500 },
{ key: 'CtrlG', after: 3400 }, // [F1] badge + the insert hint block — hold to read
{ key: 'Enter', after: 2000 }, // the buffer is intact → submit the insert
{ type: 'create table customers with pk id(serial)', after: 850 },
// Live-input hint, mid-command (how you'd really use it): you start
// `add column`, pause unsure of the exact form, and press F1 (Ctrl-G in
// demo mode, badged [F1]) to remind yourself — then finish the command
// from the example it shows, without losing what you'd typed.
{ type: 'add column ', enter: false, after: 1700 },
{ key: 'CtrlG', after: 3400 }, // [F1] badge + the add-column hint — hold to read
{ type: 'customers: email (text)', enter: false, after: 1600 }, // finish it off
{ key: 'Enter', after: 2000 }, // submit — the column is added
// Error-recovery hint: a command that fails, then `hint` explains it.
{ type: 'show data orders', after: 2200 }, // no such table → friendly error
{ type: 'hint', enter: false, after: 1200 },