{leftPanelOpen && (
-
+ <>
+
+
+ >
)}
-
+
{terminalOpen && terminalHost && (
)}
diff --git a/src/components/CommandPalette.tsx b/src/components/CommandPalette.tsx
index bea00b2..510edef 100644
--- a/src/components/CommandPalette.tsx
+++ b/src/components/CommandPalette.tsx
@@ -12,21 +12,21 @@ interface Command {
action: () => void;
}
- const nodeTypeLabels: Record = {
- gateway: 'Gateway',
- vlan: 'VLAN',
- wifi: 'WiFi',
- host_physical: 'Physical Host',
- host_vm: 'VM Host',
- host_container: 'Container Host',
- vm_lxc: 'LXC Container',
- vm_qemu: 'QEMU VM',
- systemd_service: 'Systemd Service',
- service: 'Service',
- volume: 'Volume',
- mount: 'Mount',
- path: 'Path',
- };
+const nodeTypeLabels: Record = {
+ gateway: 'Gateway',
+ vlan: 'VLAN',
+ wifi: 'WiFi',
+ host_physical: 'Physical Host',
+ host_vm: 'VM Host',
+ host_container: 'Container Host',
+ vm_lxc: 'LXC Container',
+ vm_qemu: 'QEMU VM',
+ systemd_service: 'Systemd Service',
+ service: 'Service',
+ volume: 'Volume',
+ mount: 'Mount',
+ path: 'Path',
+};
const nodeTypeIcons: Record = {
gateway: ,
@@ -47,14 +47,14 @@ const nodeTypeIcons: Record = {
function fuzzyMatch(pattern: string, text: string): boolean {
const patternLower = pattern.toLowerCase();
const textLower = text.toLowerCase();
-
+
let patternIdx = 0;
for (let i = 0; i < textLower.length && patternIdx < patternLower.length; i++) {
if (textLower[i] === patternLower[patternIdx]) {
patternIdx++;
}
}
-
+
return patternIdx === patternLower.length;
}
@@ -63,8 +63,8 @@ interface CommandPaletteProps {
}
export default function CommandPalette({ onRefresh }: CommandPaletteProps) {
- const {
- commandPaletteOpen,
+ const {
+ commandPaletteOpen,
toggleCommandPalette,
typeFilters,
toggleTypeFilter,
@@ -170,7 +170,7 @@ export default function CommandPalette({ onRefresh }: CommandPaletteProps) {
];
const nodeTypes: NodeType[] = [
- 'gateway', 'vlan', 'wifi', 'host_physical', 'host_vm',
+ 'gateway', 'vlan', 'wifi', 'host_physical', 'host_vm',
'host_container', 'service', 'volume', 'mount', 'path'
];
@@ -267,12 +267,12 @@ export default function CommandPalette({ onRefresh }: CommandPaletteProps) {
let globalIndex = 0;
return (
-
+
{rightPanelOpen && (
-
+ <>
+
+
+ >
)}
-
-
+
+
setSearch(e.target.value)}
onKeyDown={handleKeyDown}
- className="flex-1 bg-transparent text-white placeholder-slate-400 outline-none text-base"
+ className="flex-1 bg-transparent text-white placeholder-slate-400 outline-none text-base font-medium font-mono tracking-tight"
/>
-
+
{filteredCommands.length === 0 ? (
-
+
No commands found
) : (
Object.entries(groupedCommands).map(([category, cmds]) => (
-
-
+
+
{categoryLabels[category as Command['category']]}
{cmds.map((cmd) => {
const currentIndex = globalIndex++;
const isSelected = currentIndex === selectedIndex;
-
+
return (