The switcher is the mechanism the user uses to manage:

• Which Single Space is currently being operated by the user
• Which Single Tab belongs in which space.
• Which spaces are still active, and archiving spaces that are no longer relevant
• Switching between spaces
• View a quick amount of context, from:
  • number of tabs, and the favicon of the last 3 visited tabs
  • people in a space, with the last 3 people's icons showing

The switcher is the primary hub in where all state is maintained across the user experience. This goes from solving problems like tab sprawl, context loss, and in turn the overall performance of the browser itself. The key of the switcher to exist minimally, not force the user to use spaces in a predesignated manner, and to encourage the active usage and maintenance of spaces to their own incentive design.

UI/UX

• The switcher modal can either be opened by clicking on the name/emoji of the current space, through the Action Bar, or through ⌘G
• The switcher's top panel is "new flow" [should read new space], and the user can create a new space by clicking the panel or just starting to type in the name of the new flow. The "+" will be replaced by a transparent indicator to choose an emoji, and if one isn't chosen it will be assigned randomly. When the user hits enter, the new space will be created. If there's no text, the user will be prompted to create text with a red flash, no unnamed spaces!

• The search bar lets people search names of spaces and names of users, and the spaces will show if they're relevant, in chronological order.
• The user moves up and down using the arrow keys or tab (goes down by 1). The currently focused panel of the space is highlighted. If the user clicks enter or clicks on a panel, the chosen flow is opened.
• Spaces are showed in chronological order, and the spaces that are favorited are shown on top in chronological order by default.
  • When a panel is highlighted, the option to favorite a flow F, or archive a flow A will show as buttons on the right.
• Each panel, with or without highlighting, will show context on the users in a space and the tabs in a space. They will render as:
  • Heads of the three users to visit a space as well as a "+#" of the number of users added to the space
  • Favicons of the last 3 tabs you visited and kept open on the space as well as a "+#" of the number of tabs.
• The space open in the background will be opaque, forcing the user to focus on the modal.

Technical Requirements

Heat mapping spaces (most recent?) (some quotient to a space that has people in it?) (recently invited?)

Testing