feat: rudimentary menu working now

src/renderer/components/MenuEditorView/MenuEditorView.css

@@ -29,15 +29,12 @@
 }
 
 .menu-editor-main {
-  display: grid;
-  grid-template-columns: minmax(480px, 1fr) minmax(280px, 340px);
-  gap: 0.75rem;
+  display: block;
   min-height: 0;
   flex: 1;
 }
 
-.menu-editor-tree-wrap,
-.menu-editor-details {
+.menu-editor-tree-wrap {
   border: 1px solid var(--vscode-panel-border);
   border-radius: 6px;
   background: var(--vscode-editor-background);
@@ -68,6 +65,26 @@
   padding: 0;
 }
 
+.menu-editor-tool-wrap {
+  display: inline-flex;
+}
+
+.menu-editor-toolbar-tooltip {
+  margin-left: auto;
+  max-width: 320px;
+  min-width: 120px;
+  border: 1px solid var(--vscode-editorHoverWidget-border);
+  border-radius: 4px;
+  background: var(--vscode-editorHoverWidget-background);
+  color: var(--vscode-editorHoverWidget-foreground);
+  font-size: 0.75rem;
+  line-height: 1.2;
+  padding: 0.25rem 0.45rem;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
 .menu-editor-tool:hover:not(:disabled) {
   background: var(--vscode-toolbar-hoverBackground);
   border-color: var(--vscode-panel-border);
@@ -92,6 +109,11 @@
   color: var(--vscode-list-activeSelectionForeground);
 }
 
+.menu-editor-row.is-parent-target {
+  box-shadow: inset 0 0 0 1px var(--vscode-focusBorder);
+  background: var(--vscode-list-hoverBackground);
+}
+
 .menu-editor-row-kind {
   font-size: 0.75rem;
   opacity: 0.85;
@@ -103,20 +125,45 @@
   text-overflow: ellipsis;
 }
 
-.menu-editor-details {
-  display: flex;
-  flex-direction: column;
-  gap: 0.75rem;
+.menu-editor-inline-input {
+  width: 100%;
+  border: 1px solid var(--vscode-focusBorder);
+  border-radius: 4px;
+  background: var(--vscode-input-background);
+  color: var(--vscode-input-foreground);
+  padding: 0.15rem 0.4rem;
+  min-height: 1.6rem;
 }
 
-.menu-editor-details h3 {
-  margin: 0;
-}
-
-.menu-editor-details label {
+.menu-editor-inline-search {
+  margin-top: 0.5rem;
+  border-top: 1px solid var(--vscode-panel-border);
+  padding-top: 0.5rem;
   display: flex;
   flex-direction: column;
   gap: 0.35rem;
+  max-height: 18rem;
+  overflow: hidden;
+}
+
+.menu-editor-entry-editor {
+  display: block;
+}
+
+.menu-editor-inline-search-head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.75rem;
+}
+
+.menu-editor-inline-search-head strong {
+  font-size: 0.8rem;
+}
+
+.menu-editor-inline-search-head span {
+  color: var(--vscode-descriptionForeground);
+  font-size: 0.75rem;
 }
 
 .menu-editor-picker-backdrop {
@@ -154,7 +201,8 @@
   display: flex;
   flex-direction: column;
   gap: 0.35rem;
-  overflow: auto;
+  max-height: 16rem;
+  overflow-y: auto;
 }
 
 .menu-editor-picker-item {