Odyssey UIOdyssey UI

Activity Feed

Thread feed

Best for

Team channels and project threads — a day of activity with one place to answer it

Anatomy

Titled header with a status badge · system event, message and thread rows · reactions that count you in · file cards · a replies bar that folds · composer that posts

Command menu keyboard navigation

Everything that happened while you were away.

In Progress

Ava Rios created branch feat/cmdk-nav

Ava Rios∙12:14 PM

Started on arrow-key navigation. Wrapping selection at both ends and scrolling the active row into view. Reactions and the composer are next.

1(You)
Mia Kwan∙12:14 PM

Confirmed the reaction chip states against the kit — default counted, the brand “(You)” pill with the remove ✕, and the add-emoji. Uploading the redlines and a quick capture.

reaction-states.PDF78 KBPDF
cmdk-capture.AVI78 KBMP4
14 replies3 unread
Tom Beck∙12:14 PM

Looped in the folks who own the shortcut map so keybinds stay consistent across surfaces.

Pull request thread

Best for

Code review — commits, a diff and the checks that gate the merge

Anatomy

Dark repo header with a Merged badge · a rail that threads every event · commits table with SHA pills · dark snippet with a Copy that copies · checks-passed marker

acme/app · #128

Add command-menu keyboard navigation

Merged
Ava Rios∙12:14 PM
opened this pull request fromfeat/cmdk-nav
Ava Rios∙12:14 PM
add arrow-key navigation with wrapa1c9f02
fix off-by-one when wrapping at the top7f3be14
Ava Rios∙12:14 PM
Core handler for the palette. Wraps selection at both ends and runs the active item on Enter. Fixed the top-wrap off-by-one — diff below.
useCommandMenu.ts
1import { useState } from 'react';
2
3interface CounterProps {
4 initialCount?: number;
5 step?: number;
6}
7
8export function Counter({ initialCount = 0, step = 1 }: CounterProps) {
9 const [count, setCount] = useState(initialCount);
10
11 return (
12 <div className="flex items-center gap-3">
13 <button onClick={() => setCount(c => c - step)}>−</button>
14 <span className="tabular-nums">{count}</span>
15 <button onClick={() => setCount(c => c + step)}>+</button>
16 </div>
17 );
18}
1(You)
Mia Kwan∙12:14 PM
requested changesfeat/cmdk-nav
Mia Kwan∙12:14 PM
Handler looks right. Can you confirm the active row scrolls into view? Here’s the state I hit before the fix.
cmdk-scroll-bug.SVG78 KBSVG
All checks passed∙12:14 PM
Mia Kwan approved these changes∙12:14 PM

Event rows

Best for

The rows a system writes — something happened, nobody said anything

Anatomy

Tinted glyph chip where the avatar would be · the object of the sentence set in the row's own type · a button out to the channel it happened in · the overlay the set uses for hover

Ava Rios renamed this thread from “Command menu polish” to “Command menu keyboard navigation”

Mia Kwansent a message in#f-insights

Message rows

Best for

The row a person writes — what they said, and who has reacted to it

Anatomy

Avatar, name and time · body copy · reaction chips that count you in, brand when the tally is yours · Reply and Copy link under it

Mia Kwan∙12:14 PM

Confirmed the reaction chip states against the kit — default counted, the brand “(You)” pill with the remove ✕, and the add-emoji.

1(You)

Quoted entry

Best for

Anything an integration posts — a message pulled in from another surface

Anatomy

Source mark and timestamp in a column of their own · a brand elbow down into the quoted card · Add to Library straddling its bottom edge, and remembering it was pressed

14:47
Ava Riossent a message to#f-insights

Tooltips for a single line, bar or area are not supported either. The build shown in the Loom is on QA1 now.

Thread entries

Best for

Threads that carry something — an upload, under the replies it drew

Anatomy

Message, then the file cards it attached · stacked repliers, the count and the unread count · a chevron that opens onto the nested reply

Mia Kwan∙12:14 PM

Redlines and a quick capture for the chip states, so the two are easy to read side by side.

reaction-states.PDF78 KBPDFUploaded
cmdk-capture.AVI78 KBMP4Uploaded
14 replies3 unread
Tom Beck∙12:14 PM

Looped in the folks who own the shortcut map so keybinds stay consistent across surfaces.

The Odyssey Dispatch

Be first in, and 10% off.

Join the list and we’ll email you the moment the code library and MCP server go live — with a 10% discount code to use whenever you decide to buy.

One email when it ships. No spam, and you can unsubscribe anytime.