diff --git a/apps/web/components/command-panel-dialog.tsx b/apps/web/components/command-panel-dialog.tsx index 76e2f13979..1a8cf8a3ae 100644 --- a/apps/web/components/command-panel-dialog.tsx +++ b/apps/web/components/command-panel-dialog.tsx @@ -13,7 +13,7 @@ export function CommandPanelDialog(props: ComponentProps) {props.children} diff --git a/apps/web/components/command-panel-footer.tsx b/apps/web/components/command-panel-footer.tsx index bfe81200d0..f933906c13 100644 --- a/apps/web/components/command-panel-footer.tsx +++ b/apps/web/components/command-panel-footer.tsx @@ -28,6 +28,7 @@ import { CommandsListContent, FileSearchContent, MODE_COMMANDS, + MODE_COMMAND_CHILDREN, MODE_SEARCH_CONTENT, MODE_SEARCH_FILES, MODE_SEARCH_TASKS, @@ -37,6 +38,7 @@ import { export { MODE_COMMANDS, + MODE_COMMAND_CHILDREN, MODE_SEARCH_CONTENT, MODE_SEARCH_FILES, MODE_SEARCH_TASKS, @@ -67,7 +69,7 @@ function getEnterLabel(t: TFunction, mode: CommandPanelMode) { } function getModeLabel(t: TFunction, mode: CommandPanelMode, inputCommand: CommandItemType | null) { - if (mode === "input") return inputCommand?.label; + if (mode === "input" || mode === MODE_COMMAND_CHILDREN) return inputCommand?.label; if (mode === MODE_SEARCH_TASKS) return t("common:tasks"); if (mode === MODE_SEARCH_FILES) return t("common:files"); if (mode === MODE_SEARCH_CONTENT) return t("common:contents"); @@ -105,13 +107,14 @@ function CommandPanelFooter({ mode }: { mode: CommandPanelMode }) { {/* A key name, not copy — it labels the physical key. */} esc - {t("common:close")} + {t(mode === MODE_COMMAND_CHILDREN ? "common:back" : "common:close")} ); } export type CommandPanelViewProps = { + onEscapeKeyDown?: (event: KeyboardEvent) => void; open: boolean; setOpen: (open: boolean) => void; mode: CommandPanelMode; @@ -180,8 +183,8 @@ function CommandPanelInputHeader({ {!isTopLevelMode && (