Add /theme:toggle command

Author: jahooma

cli/src/commands/command-registry.ts

@@ -1,6 +1,7 @@
 import open from 'open'
 
 import { handleAdsEnable, handleAdsDisable } from './ads'
+import { useThemeStore } from '../hooks/use-theme'
 import { handleHelpCommand } from './help'
 import { handleImageCommand } from './image'
 import { handleInitializationFlowLocally } from './init'
@@ -513,6 +514,20 @@ export const COMMAND_REGISTRY: CommandDefinition[] = [
       return { openReviewScreen: true }
     },
   }),
+  defineCommand({
+    name: 'theme:toggle',
+    handler: (params) => {
+      const { theme, setThemeName } = useThemeStore.getState()
+      const newTheme = theme.name === 'dark' ? 'light' : 'dark'
+      setThemeName(newTheme)
+      params.setMessages((prev) => [
+        ...prev,
+        getUserMessage(params.inputValue.trim()),
+        getSystemMessage(`Switched to ${newTheme} theme.`),
+      ])
+      clearInput(params)
+    },
+  }),
 ]
 
 export function findCommand(cmd: string): CommandDefinition | undefined {

cli/src/data/slash-commands.ts

@@ -137,6 +137,11 @@ export const SLASH_COMMANDS: SlashCommand[] = [
     label: 'publish',
     description: 'Publish agents to the agent store',
   },
+  {
+    id: 'theme:toggle',
+    label: 'theme:toggle',
+    description: 'Toggle between light and dark mode',
+  },
   {
     id: 'logout',
     label: 'logout',