Outline Panel needs improvement

[FloppyDisco]

The outline panel is a super nice tool.

i find myself using it alot.
pretty great.

however,
imo:

the focus is not right

the OutlinePanel input box - && editing > Editor
and the OutlinePanel List - && not_editing

are treated as two separate ui elements.
and these really need to be combined into one focus for the better good vibes.

having to move the focus back and forth feels really clunky.

let me walk you through it

• when the Outline Panel is opened the focus moves to the input box.
• you type in a query
• it filters the list.
• then you hit enter.
• and nothing happens...

instead

• you must press up or down to move focus to the list
• THEN you can hit enter to open the selection.

also

once the focus is on the list
there is not really a convenient way to move the focus back to the input box,

what if i want to change my query??

the only way to move focus back to the input box is with "outline_panel::ToggleFocus"
which is really not-intuitive. i'm already focused on the Outline Panel?!!

my brain doesn't want to hit that keybinding again.

you want to see what i did to make moving back to the input box less clunky?

  {
    "context": "OutlinePanel && not_editing",
    "bindings":{
      "a": "outline_panel::ToggleFocus",
      "b": "outline_panel::ToggleFocus",
      "c": "outline_panel::ToggleFocus",
      "d": "outline_panel::ToggleFocus",
      "e": "outline_panel::ToggleFocus",
      "f": "outline_panel::ToggleFocus",
      "g": "outline_panel::ToggleFocus",
      "h": "outline_panel::ToggleFocus",
      "i": "outline_panel::ToggleFocus",
      "j": "outline_panel::ToggleFocus",
      "k": "outline_panel::ToggleFocus",
      "l": "outline_panel::ToggleFocus",
      "m": "outline_panel::ToggleFocus",
      "n": "outline_panel::ToggleFocus",
      "o": "outline_panel::ToggleFocus",
      "p": "outline_panel::ToggleFocus",
      "q": "outline_panel::ToggleFocus",
      "r": "outline_panel::ToggleFocus",
      "s": "outline_panel::ToggleFocus",
      "t": "outline_panel::ToggleFocus",
      "u": "outline_panel::ToggleFocus",
      "v": "outline_panel::ToggleFocus",
      "w": "outline_panel::ToggleFocus",
      "x": "outline_panel::ToggleFocus",
      "y": "outline_panel::ToggleFocus",
      "z": "outline_panel::ToggleFocus"
    }
  },

yup.
i did it.

and actually it works pretty well. lol.
you don't get the first letter of whatever you typed in, but it is usually good enough for fuzzy finding.

i just want to be able to type in a query and hit enter, which is the way ever other picker ui in zed works.

i know that all of you here have used fzf lol.

when you run fzf you can type and move the selection at the same time. you don't have to move the focus back and forth

i'm team Outline-Panel-One-Focus
cheers

[eugenesvk]

you don't get the first letter of whatever you typed

That's fixable

{"context":"OutlinePanel && not_editing","use_key_equivalents":true,"bindings":{
 "q":["action::Sequence",["outline_panel::ToggleFocus",["workspace::SendKeystrokes","q"]]],
 "w":["action::Sequence",["outline_panel::ToggleFocus",["workspace::SendKeystrokes","w"]]],
 "e":["action::Sequence",["outline_panel::ToggleFocus",["workspace::SendKeystrokes","e"]]],
 "r":["action::Sequence",["outline_panel::ToggleFocus",["workspace::SendKeystrokes","r"]]],
 "t":["action::Sequence",["outline_panel::ToggleFocus",["workspace::SendKeystrokes","t"]]],
 "y":["action::Sequence",["outline_panel::ToggleFocus",["workspace::SendKeystrokes","y"]]],
 "u":["action::Sequence",["outline_panel::ToggleFocus",["workspace::SendKeystrokes","u"]]],
 "i":["action::Sequence",["outline_panel::ToggleFocus",["workspace::SendKeystrokes","i"]]],
 "o":["action::Sequence",["outline_panel::ToggleFocus",["workspace::SendKeystrokes","o"]]],
 "p":["action::Sequence",["outline_panel::ToggleFocus",["workspace::SendKeystrokes","p"]]],
 "[":["action::Sequence",["outline_panel::ToggleFocus",["workspace::SendKeystrokes","["]]],
 "]":["action::Sequence",["outline_panel::ToggleFocus",["workspace::SendKeystrokes","]"]]],
 "a":["action::Sequence",["outline_panel::ToggleFocus",["workspace::SendKeystrokes","a"]]],
 "s":["action::Sequence",["outline_panel::ToggleFocus",["workspace::SendKeystrokes","s"]]],
 "d":["action::Sequence",["outline_panel::ToggleFocus",["workspace::SendKeystrokes","d"]]],
 "f":["action::Sequence",["outline_panel::ToggleFocus",["workspace::SendKeystrokes","f"]]],
 "g":["action::Sequence",["outline_panel::ToggleFocus",["workspace::SendKeystrokes","g"]]],
 "h":["action::Sequence",["outline_panel::ToggleFocus",["workspace::SendKeystrokes","h"]]],
 "j":["action::Sequence",["outline_panel::ToggleFocus",["workspace::SendKeystrokes","j"]]],
 "k":["action::Sequence",["outline_panel::ToggleFocus",["workspace::SendKeystrokes","k"]]],
 "l":["action::Sequence",["outline_panel::ToggleFocus",["workspace::SendKeystrokes","l"]]],
 ";":["action::Sequence",["outline_panel::ToggleFocus",["workspace::SendKeystrokes",";"]]],
 "'":["action::Sequence",["outline_panel::ToggleFocus",["workspace::SendKeystrokes","'"]]],
 "z":["action::Sequence",["outline_panel::ToggleFocus",["workspace::SendKeystrokes","z"]]],
 "x":["action::Sequence",["outline_panel::ToggleFocus",["workspace::SendKeystrokes","x"]]],
 "c":["action::Sequence",["outline_panel::ToggleFocus",["workspace::SendKeystrokes","c"]]],
 "v":["action::Sequence",["outline_panel::ToggleFocus",["workspace::SendKeystrokes","v"]]],
 "b":["action::Sequence",["outline_panel::ToggleFocus",["workspace::SendKeystrokes","b"]]],
 "n":["action::Sequence",["outline_panel::ToggleFocus",["workspace::SendKeystrokes","n"]]],
 "m":["action::Sequence",["outline_panel::ToggleFocus",["workspace::SendKeystrokes","m"]]],
 ",":["action::Sequence",["outline_panel::ToggleFocus",["workspace::SendKeystrokes",","]]],
 ".":["action::Sequence",["outline_panel::ToggleFocus",["workspace::SendKeystrokes","."]]],
 "/":["action::Sequence",["outline_panel::ToggleFocus",["workspace::SendKeystrokes","/"]]],
 "`":["action::Sequence",["outline_panel::ToggleFocus",["workspace::SendKeystrokes","`"]]],
 "1":["action::Sequence",["outline_panel::ToggleFocus",["workspace::SendKeystrokes","1"]]],
 "2":["action::Sequence",["outline_panel::ToggleFocus",["workspace::SendKeystrokes","2"]]],
 "3":["action::Sequence",["outline_panel::ToggleFocus",["workspace::SendKeystrokes","3"]]],
 "4":["action::Sequence",["outline_panel::ToggleFocus",["workspace::SendKeystrokes","4"]]],
 "5":["action::Sequence",["outline_panel::ToggleFocus",["workspace::SendKeystrokes","5"]]],
 "6":["action::Sequence",["outline_panel::ToggleFocus",["workspace::SendKeystrokes","6"]]],
 "7":["action::Sequence",["outline_panel::ToggleFocus",["workspace::SendKeystrokes","7"]]],
 "8":["action::Sequence",["outline_panel::ToggleFocus",["workspace::SendKeystrokes","8"]]],
 "9":["action::Sequence",["outline_panel::ToggleFocus",["workspace::SendKeystrokes","9"]]],
 "0":["action::Sequence",["outline_panel::ToggleFocus",["workspace::SendKeystrokes","0"]]],
 "-":["action::Sequence",["outline_panel::ToggleFocus",["workspace::SendKeystrokes","-"]]],
 "=":["action::Sequence",["outline_panel::ToggleFocus",["workspace::SendKeystrokes","="]]],
 "\\":["action::Sequence",["outline_panel::ToggleFocus",["workspace::SendKeystrokes","\\"]]],
 "backspace":["action::Sequence",["outline_panel::ToggleFocus",["workspace::SendKeystrokes","backspace"]]],
}},

{"context":"(OutlinePanel && editing) > Editor","use_key_equivalents":true,"bindings":{
// when in the search box: selects the top item if nothing is selected, then opens it; or opens the already selected item
"enter":["action::Sequence",["menu::SelectPrevious","menu::SelectNext","outline_panel::OpenSelectedEntry"]],
}},

[FloppyDisco]

oh that's great. lol.

I also got a reasonable solution for pressing enter as well.

 {
    "context": "OutlinePanel && editing > Editor",
    "bindings": {
      "enter": ["workspace::SendKeystrokes", "down enter"]
    }
  },

if the selection is already somewhere down the list, it doesn't work. but on a fresh search it works well enough.

[eugenesvk]

Why not use a direct command?

{"context":"OutlinePanel && editing","use_key_equivalents":true,"bindings":{
 "enter":"outline_panel::ExpandSelectedEntry",
}},

[FloppyDisco]

Hmmm.

Yea I tried that.
The problem is if you open OutlinePanel the focus is on the filter box, you type in a query, and there is not actually a "selection" until you navigate to the list with an arrow key. So ExpandSelectedEntry does not work.

[eugenesvk]

I see, it's just that if you're in a function, the panel autoselects that function already, so search with expand works without extra manual selection. But for a fresh list if you're right

I think think might be better to open an item from the search box by going back/forth before the command - this will select the top item if nothing is selected, but also NOT change the current selection if it already exists

"enter":["action::Sequence",["menu::SelectPrevious","menu::SelectNext","outline_panel::OpenSelectedEntry"]],

[FloppyDisco]

yes, that is much better. seems to be working for me! thanks for your help!

[FloppyDisco]

here's a copy paste for any interested.

  {
    "context": "OutlinePanel && not_editing",
    "bindings": {
      "a": ["action::Sequence", ["outline_panel::ToggleFocus",["workspace::SendKeystrokes", "a"]]],
      "b": ["action::Sequence", ["outline_panel::ToggleFocus",["workspace::SendKeystrokes", "b"]]],
      "c": ["action::Sequence", ["outline_panel::ToggleFocus",["workspace::SendKeystrokes", "c"]]],
      "d": ["action::Sequence", ["outline_panel::ToggleFocus",["workspace::SendKeystrokes", "d"]]],
      "e": ["action::Sequence", ["outline_panel::ToggleFocus",["workspace::SendKeystrokes", "e"]]],
      "f": ["action::Sequence", ["outline_panel::ToggleFocus",["workspace::SendKeystrokes", "f"]]],
      "g": ["action::Sequence", ["outline_panel::ToggleFocus",["workspace::SendKeystrokes", "g"]]],
      "h": ["action::Sequence", ["outline_panel::ToggleFocus",["workspace::SendKeystrokes", "h"]]],
      "i": ["action::Sequence", ["outline_panel::ToggleFocus",["workspace::SendKeystrokes", "i"]]],
      "j": ["action::Sequence", ["outline_panel::ToggleFocus",["workspace::SendKeystrokes", "j"]]],
      "k": ["action::Sequence", ["outline_panel::ToggleFocus",["workspace::SendKeystrokes", "k"]]],
      "l": ["action::Sequence", ["outline_panel::ToggleFocus",["workspace::SendKeystrokes", "l"]]],
      "m": ["action::Sequence", ["outline_panel::ToggleFocus",["workspace::SendKeystrokes", "m"]]],
      "n": ["action::Sequence", ["outline_panel::ToggleFocus",["workspace::SendKeystrokes", "n"]]],
      "o": ["action::Sequence", ["outline_panel::ToggleFocus",["workspace::SendKeystrokes", "o"]]],
      "p": ["action::Sequence", ["outline_panel::ToggleFocus",["workspace::SendKeystrokes", "p"]]],
      "q": ["action::Sequence", ["outline_panel::ToggleFocus",["workspace::SendKeystrokes", "q"]]],
      "r": ["action::Sequence", ["outline_panel::ToggleFocus",["workspace::SendKeystrokes", "r"]]],
      "s": ["action::Sequence", ["outline_panel::ToggleFocus",["workspace::SendKeystrokes", "s"]]],
      "t": ["action::Sequence", ["outline_panel::ToggleFocus",["workspace::SendKeystrokes", "t"]]],
      "u": ["action::Sequence", ["outline_panel::ToggleFocus",["workspace::SendKeystrokes", "u"]]],
      "v": ["action::Sequence", ["outline_panel::ToggleFocus",["workspace::SendKeystrokes", "v"]]],
      "w": ["action::Sequence", ["outline_panel::ToggleFocus",["workspace::SendKeystrokes", "w"]]],
      "x": ["action::Sequence", ["outline_panel::ToggleFocus",["workspace::SendKeystrokes", "x"]]],
      "y": ["action::Sequence", ["outline_panel::ToggleFocus",["workspace::SendKeystrokes", "y"]]],
      "z": ["action::Sequence", ["outline_panel::ToggleFocus",["workspace::SendKeystrokes", "z"]]],
      "1": ["action::Sequence", ["outline_panel::ToggleFocus",["workspace::SendKeystrokes", "1"]]],
      "2": ["action::Sequence", ["outline_panel::ToggleFocus",["workspace::SendKeystrokes", "2"]]],
      "3": ["action::Sequence", ["outline_panel::ToggleFocus",["workspace::SendKeystrokes", "3"]]],
      "4": ["action::Sequence", ["outline_panel::ToggleFocus",["workspace::SendKeystrokes", "4"]]],
      "5": ["action::Sequence", ["outline_panel::ToggleFocus",["workspace::SendKeystrokes", "5"]]],
      "6": ["action::Sequence", ["outline_panel::ToggleFocus",["workspace::SendKeystrokes", "6"]]],
      "7": ["action::Sequence", ["outline_panel::ToggleFocus",["workspace::SendKeystrokes", "7"]]],
      "8": ["action::Sequence", ["outline_panel::ToggleFocus",["workspace::SendKeystrokes", "8"]]],
      "9": ["action::Sequence", ["outline_panel::ToggleFocus",["workspace::SendKeystrokes", "9"]]],
      "0": ["action::Sequence", ["outline_panel::ToggleFocus",["workspace::SendKeystrokes", "0"]]],
      ".": ["action::Sequence", ["outline_panel::ToggleFocus",["workspace::SendKeystrokes", "."]]],
      ",": ["action::Sequence", ["outline_panel::ToggleFocus",["workspace::SendKeystrokes", ","]]],
      "@": ["action::Sequence", ["outline_panel::ToggleFocus",["workspace::SendKeystrokes", "@"]]],
      "!": ["action::Sequence", ["outline_panel::ToggleFocus",["workspace::SendKeystrokes", "!"]]],
      "#": ["action::Sequence", ["outline_panel::ToggleFocus",["workspace::SendKeystrokes", "#"]]],
      "=": ["action::Sequence", ["outline_panel::ToggleFocus",["workspace::SendKeystrokes", "="]]],
      "~": ["action::Sequence", ["outline_panel::ToggleFocus",["workspace::SendKeystrokes", "~"]]],
      "$": ["action::Sequence", ["outline_panel::ToggleFocus",["workspace::SendKeystrokes", "$"]]],
      "^": ["action::Sequence", ["outline_panel::ToggleFocus",["workspace::SendKeystrokes", "^"]]],
      "%": ["action::Sequence", ["outline_panel::ToggleFocus",["workspace::SendKeystrokes", "%"]]],
      "`": ["action::Sequence", ["outline_panel::ToggleFocus",["workspace::SendKeystrokes", "`"]]],
      "?": ["action::Sequence", ["outline_panel::ToggleFocus",["workspace::SendKeystrokes", "?"]]],
      "|": ["action::Sequence", ["outline_panel::ToggleFocus",["workspace::SendKeystrokes", "|"]]],
      "(": ["action::Sequence", ["outline_panel::ToggleFocus",["workspace::SendKeystrokes", "("]]],
      ")": ["action::Sequence", ["outline_panel::ToggleFocus",["workspace::SendKeystrokes", ")"]]],
      "{": ["action::Sequence", ["outline_panel::ToggleFocus",["workspace::SendKeystrokes", "{"]]],
      "}": ["action::Sequence", ["outline_panel::ToggleFocus",["workspace::SendKeystrokes", "}"]]],
      "[": ["action::Sequence", ["outline_panel::ToggleFocus",["workspace::SendKeystrokes", "["]]],
      "]": ["action::Sequence", ["outline_panel::ToggleFocus",["workspace::SendKeystrokes", "]"]]],
      "<": ["action::Sequence", ["outline_panel::ToggleFocus",["workspace::SendKeystrokes", "<"]]],
      ">": ["action::Sequence", ["outline_panel::ToggleFocus",["workspace::SendKeystrokes", ">"]]],
      "*": ["action::Sequence", ["outline_panel::ToggleFocus",["workspace::SendKeystrokes", "*"]]],
      ":": ["action::Sequence", ["outline_panel::ToggleFocus",["workspace::SendKeystrokes", ":"]]],
      ";": ["action::Sequence", ["outline_panel::ToggleFocus",["workspace::SendKeystrokes", ";"]]],
      "'": ["action::Sequence", ["outline_panel::ToggleFocus",["workspace::SendKeystrokes", "'"]]],
      "\"": ["action::Sequence", ["outline_panel::ToggleFocus",["workspace::SendKeystrokes", "\""]]],
      "-": ["action::Sequence", ["outline_panel::ToggleFocus",["workspace::SendKeystrokes", "-"]]],
      "_": ["action::Sequence", ["outline_panel::ToggleFocus",["workspace::SendKeystrokes", "_"]]],
      "/": ["action::Sequence", ["outline_panel::ToggleFocus",["workspace::SendKeystrokes", "/"]]],
      "\\": ["action::Sequence", ["outline_panel::ToggleFocus",["workspace::SendKeystrokes", "\\"]]],
      "backspace": ["action::Sequence", ["outline_panel::ToggleFocus",["workspace::SendKeystrokes", "backspace"]]],
      "alt-backspace": ["action::Sequence",["outline_panel::ToggleFocus",["workspace::SendKeystrokes", "alt-backspace"]]],
      "escape": ["action::Sequence", ["outline_panel::ToggleFocus",["workspace::SendKeystrokes", "escape"]]],
    }
  },
  {
    "context": "OutlinePanel && editing > Editor",
    "bindings": {
      "escape": ["workspace::SendKeystrokes", "cmd-right cmd-backspace"],
      "enter":["action::Sequence",["menu::SelectPrevious","menu::SelectNext","outline_panel::OpenSelectedEntry"]],
    }
  },

[eugenesvk]

Wish Zed supported any loop/vars templating, that's how this monstrosity looks up in my config template

 ‹ range $k := splitList "" "qwertyuiop[]asdfghjkl;'zxcvbnm,./`1234567890-={}<>?:~!@#$%^&*()_+" -›‹/* make typing focus input field*/›
 "‹$k›":["action::Sequence",["outline_panel::ToggleFocus",["workspace::SendKeystrokes","‹$k›"]]],‹end -›
 ‹ range $k := list "\\\\" "\\\"" "backspace" "alt-backspace" "escape"›
 "‹$k›":["action::Sequence",["outline_panel::ToggleFocus",["workspace::SendKeystrokes","‹$k›"]]],‹end›