fix: Multiple UX improvements for GotoAnything command palette (#25637)

web/app/components/goto-anything/actions/commands/account.tsx

@@ -13,6 +13,12 @@ type AccountDeps = Record<string, never>
 export const accountCommand: SlashCommandHandler<AccountDeps> = {
   name: 'account',
   description: 'Navigate to account page',
+  mode: 'direct',
+
+  // Direct execution function
+  execute: () => {
+    window.location.href = '/account'
+  },
 
   async search(args: string, locale: string = 'en') {
     return [{

web/app/components/goto-anything/actions/commands/community.tsx

@@ -13,6 +13,14 @@ type CommunityDeps = Record<string, never>
 export const communityCommand: SlashCommandHandler<CommunityDeps> = {
   name: 'community',
   description: 'Open community Discord',
+  mode: 'direct',
+
+  // Direct execution function
+  execute: () => {
+    const url = 'https://discord.gg/5AEfbxcd9k'
+    window.open(url, '_blank', 'noopener,noreferrer')
+  },
+
   async search(args: string, locale: string = 'en') {
     return [{
       id: 'community',

web/app/components/goto-anything/actions/commands/docs.tsx

@@ -4,6 +4,7 @@ import { RiBookOpenLine } from '@remixicon/react'
 import i18n from '@/i18n-config/i18next-config'
 import { registerCommands, unregisterCommands } from './command-bus'
 import { defaultDocBaseUrl } from '@/context/i18n'
+import { getDocLanguage } from '@/i18n-config/language'
 
 // Documentation command dependency types - no external dependencies needed
 type DocDeps = Record<string, never>
@@ -11,9 +12,19 @@ type DocDeps = Record<string, never>
 /**
  * Documentation command - Opens help documentation
  */
-export const docCommand: SlashCommandHandler<DocDeps> = {
-  name: 'doc',
+export const docsCommand: SlashCommandHandler<DocDeps> = {
+  name: 'docs',
   description: 'Open documentation',
+  mode: 'direct',
+
+  // Direct execution function
+  execute: () => {
+    const currentLocale = i18n.language
+    const docLanguage = getDocLanguage(currentLocale)
+    const url = `${defaultDocBaseUrl}/${docLanguage}`
+    window.open(url, '_blank', 'noopener,noreferrer')
+  },
+
   async search(args: string, locale: string = 'en') {
     return [{
       id: 'doc',
@@ -32,7 +43,10 @@ export const docCommand: SlashCommandHandler<DocDeps> = {
   register(_deps: DocDeps) {
     registerCommands({
       'navigation.doc': async (_args) => {
-        const url = `${defaultDocBaseUrl}`
+        // Get the current language from i18n
+        const currentLocale = i18n.language
+        const docLanguage = getDocLanguage(currentLocale)
+        const url = `${defaultDocBaseUrl}/${docLanguage}`
         window.open(url, '_blank', 'noopener,noreferrer')
       },
     })

web/app/components/goto-anything/actions/commands/feedback.tsx

@@ -13,6 +13,14 @@ type FeedbackDeps = Record<string, never>
 export const feedbackCommand: SlashCommandHandler<FeedbackDeps> = {
   name: 'feedback',
   description: 'Open feedback discussions',
+  mode: 'direct',
+
+  // Direct execution function
+  execute: () => {
+    const url = 'https://github.com/langgenius/dify/discussions/categories/feedbacks'
+    window.open(url, '_blank', 'noopener,noreferrer')
+  },
+
   async search(args: string, locale: string = 'en') {
     return [{
       id: 'feedback',

web/app/components/goto-anything/actions/commands/language.tsx

@@ -31,6 +31,7 @@ export const languageCommand: SlashCommandHandler<LanguageDeps> = {
   name: 'language',
   aliases: ['lang'],
   description: 'Switch between different languages',
+  mode: 'submenu', // Explicitly set submenu mode
 
   async search(args: string, _locale: string = 'en') {
     // Return language options directly, regardless of parameters

web/app/components/goto-anything/actions/commands/slash.tsx

@@ -8,7 +8,7 @@ import { setLocaleOnClient } from '@/i18n-config'
 import { themeCommand } from './theme'
 import { languageCommand } from './language'
 import { feedbackCommand } from './feedback'
-import { docCommand } from './doc'
+import { docsCommand } from './docs'
 import { communityCommand } from './community'
 import { accountCommand } from './account'
 import i18n from '@/i18n-config/i18next-config'
@@ -35,7 +35,7 @@ export const registerSlashCommands = (deps: Record<string, any>) => {
   slashCommandRegistry.register(themeCommand, { setTheme: deps.setTheme })
   slashCommandRegistry.register(languageCommand, { setLocale: deps.setLocale })
   slashCommandRegistry.register(feedbackCommand, {})
-  slashCommandRegistry.register(docCommand, {})
+  slashCommandRegistry.register(docsCommand, {})
   slashCommandRegistry.register(communityCommand, {})
   slashCommandRegistry.register(accountCommand, {})
 }
@@ -45,7 +45,7 @@ export const unregisterSlashCommands = () => {
   slashCommandRegistry.unregister('theme')
   slashCommandRegistry.unregister('language')
   slashCommandRegistry.unregister('feedback')
-  slashCommandRegistry.unregister('doc')
+  slashCommandRegistry.unregister('docs')
   slashCommandRegistry.unregister('community')
   slashCommandRegistry.unregister('account')
 }

web/app/components/goto-anything/actions/commands/theme.tsx

@@ -60,6 +60,7 @@ const buildThemeCommands = (query: string, locale?: string): CommandSearchResult
 export const themeCommand: SlashCommandHandler<ThemeDeps> = {
   name: 'theme',
   description: 'Switch between light and dark themes',
+  mode: 'submenu', // Explicitly set submenu mode
 
   async search(args: string, locale: string = 'en') {
     // Return theme options directly, regardless of parameters

web/app/components/goto-anything/actions/commands/types.ts

@@ -15,7 +15,20 @@ export type SlashCommandHandler<TDeps = any> = {
   description: string
 
   /**
-   * Search command results
+   * Command mode:
+   * - 'direct': Execute immediately when selected (e.g., /docs, /community)
+   * - 'submenu': Show submenu options (e.g., /theme, /language)
+   */
+  mode?: 'direct' | 'submenu'
+
+  /**
+   * Direct execution function for 'direct' mode commands
+   * Called when the command is selected and should execute immediately
+   */
+  execute?: () => void | Promise<void>
+
+  /**
+   * Search command results (for 'submenu' mode or showing options)
    * @param args Command arguments (part after removing command name)
    * @param locale Current language
    */