+ );
+}
diff --git a/packages/graph-explorer/src/components/index.ts b/packages/graph-explorer/src/components/index.ts
index 43c7656c0..61a632446 100644
--- a/packages/graph-explorer/src/components/index.ts
+++ b/packages/graph-explorer/src/components/index.ts
@@ -39,6 +39,8 @@ export * from "./Input";
export { default as InputField } from "./InputField";
export * from "./InputField";
+export * from "./KeyboardKey";
+
export * from "./Label";
export { default as ListItem } from "./ListItem";
diff --git a/packages/graph-explorer/src/modules/GraphViewer/SelectLayout.tsx b/packages/graph-explorer/src/modules/GraphViewer/SelectLayout.tsx
index b03b617c0..389e45e67 100644
--- a/packages/graph-explorer/src/modules/GraphViewer/SelectLayout.tsx
+++ b/packages/graph-explorer/src/modules/GraphViewer/SelectLayout.tsx
@@ -20,6 +20,7 @@ export function SelectLayout({
...selectTriggerProps
}: ComponentPropsWithRef) {
const [value, setValue] = useAtom(graphLayoutSelectionAtom);
+
return (
Klay
- Left to Right
- Top to Bottom
+ Klay (Left to Right)
+ Klay (Top to Bottom)Hierarchical
- Left to Right
- Right to Left
- Top to Bottom
- Bottom to Top
+ Hierarchical (Left to Right)
+ Hierarchical (Right to Left)
+ Hierarchical (Top to Bottom)
+ Hierarchical (Bottom to Top)Subway
- Left to Right
- Right to Left
- Top to Bottom
- Bottom to Top
+ Subway (Left to Right)
+ Subway (Right to Left)
+ Subway (Top to Bottom)
+ Subway (Bottom to Top)
diff --git a/packages/graph-explorer/src/modules/SearchSidebar/QuerySearchTabContent.tsx b/packages/graph-explorer/src/modules/SearchSidebar/QuerySearchTabContent.tsx
index 1fecc1fab..4b4807853 100644
--- a/packages/graph-explorer/src/modules/SearchSidebar/QuerySearchTabContent.tsx
+++ b/packages/graph-explorer/src/modules/SearchSidebar/QuerySearchTabContent.tsx
@@ -4,15 +4,19 @@ import {
FormControl,
FormField,
FormItem,
+ KeyboardKey,
LoadingSpinner,
PanelEmptyState,
PanelError,
SearchSadIcon,
TextArea,
+ Tooltip,
+ TooltipContent,
+ TooltipTrigger,
} from "@/components";
import { useExplorer, useUpdateSchemaFromEntities } from "@/core";
import { useMutation, useQueryClient } from "@tanstack/react-query";
-import { CornerDownRightIcon } from "lucide-react";
+import { SendHorizonalIcon } from "lucide-react";
import { z } from "zod";
import { useForm } from "react-hook-form";
import { zodResolver } from "@hookform/resolvers/zod";
@@ -90,16 +94,25 @@ export function QuerySearchTabContent() {
)}
/>
-