Add buy-credits command to make it more obvious how to do this

Author: jahooma

cli/src/commands/command-registry.ts

@@ -1,3 +1,5 @@
+import open from 'open'
+
 import { handleAdsEnable, handleAdsDisable } from './ads'
 import { handleHelpCommand } from './help'
 import { handleImageCommand } from './image'
@@ -6,6 +8,7 @@ import { handleReferralCode } from './referral'
 import { runBashCommand } from './router'
 import { normalizeReferralCode } from './router-utils'
 import { handleUsageCommand } from './usage'
+import { WEBSITE_URL } from '../login/constants'
 import { useChatStore } from '../state/chat-store'
 import { useFeedbackStore } from '../state/feedback-store'
 import { useLoginStore } from '../state/login-store'
@@ -375,6 +378,14 @@ export const COMMAND_REGISTRY: CommandDefinition[] = [
       clearInput(params)
     },
   }),
+  defineCommand({
+    name: 'buy-credits',
+    handler: (params) => {
+      open(WEBSITE_URL + '/profile?tab=usage')
+      // Don't save to history.
+      clearInput(params)
+    },
+  }),
   defineCommandWithArgs({
     name: 'image',
     aliases: ['img', 'attach'],

cli/src/data/slash-commands.ts

@@ -69,6 +69,11 @@ export const SLASH_COMMANDS: SlashCommand[] = [
     description: 'View credits and subscription quota',
     aliases: ['credits'],
   },
+  {
+    id: 'buy-credits',
+    label: 'buy-credits',
+    description: 'Open the usage page to buy credits',
+  },
   {
     id: 'new',
     label: 'new',