chore: bump version to 0.7.4

Author: chriswritescode-dev

CHANGELOG.md

@@ -5,6 +5,19 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [0.7.4] - 2026-01-24
+
+### Features
+- Add OpenCode version selection dialog with version fetching from GitHub API
+- Add endpoint to fetch available OpenCode versions
+- Add endpoint to install and switch OpenCode versions
+- Improve agent configuration management with version control UI
+
+### Bug Fixes
+- Agent configuration changes now trigger OpenCode server restart instead of live config patch
+- Fix Dockerfile to use latest pnpm version instead of pinned 9.15.0
+
+### Other
 ## [0.7.2] - 2026-01-23
 
 ### Bug Fixes

Dockerfile

@@ -26,7 +26,7 @@ RUN curl -fsSL https://cli.github.com/packages/githubcli-archive-keyring.gpg | d
   && apt-get update && apt-get install -y gh \
   && rm -rf /var/lib/apt/lists/*
 
-RUN corepack enable && corepack prepare pnpm@9.15.0 --activate
+RUN corepack enable && corepack prepare pnpm@latest --activate
 
 RUN curl -fsSL https://bun.sh/install | bash && \
     mv /root/.bun /opt/bun && \

backend/src/routes/settings.ts

@@ -180,6 +180,9 @@ export function createSettingsRoutes(db: Database) {
       const body = await c.req.json()
       const validated = UpdateOpenCodeConfigSchema.parse(body)
 
+      const existingConfig = settingsService.getOpenCodeConfigByName(configName, userId)
+      const existingAgents = existingConfig?.content?.agent
+      
       const config = settingsService.updateOpenCodeConfig(configName, validated, userId)
       if (!config) {
         return c.json({ error: 'Config not found' }, 404)
@@ -190,9 +193,17 @@ export function createSettingsRoutes(db: Database) {
         await writeFileContent(configPath, config.rawContent)
         logger.info(`Wrote default config to: ${configPath}`)
 
-        const patchResult = await patchOpenCodeConfig(config.content)
-        if (!patchResult.success) {
-          return c.json({ error: 'Config saved but failed to apply', details: patchResult.error }, 500)
+        const newAgents = config.content?.agent
+        const agentsChanged = JSON.stringify(existingAgents) !== JSON.stringify(newAgents)
+        
+        if (agentsChanged) {
+          logger.info('Agent configuration changed, restarting OpenCode server')
+          await opencodeServerManager.restart()
+        } else {
+          const patchResult = await patchOpenCodeConfig(config.content)
+          if (!patchResult.success) {
+            return c.json({ error: 'Config saved but failed to apply', details: patchResult.error }, 500)
+          }
         }
       }
 
@@ -415,6 +426,92 @@ export function createSettingsRoutes(db: Database) {
     }
   })
 
+  app.get('/opencode-versions', async (c) => {
+    try {
+      logger.info('Fetching available OpenCode versions from GitHub')
+      
+      const response = await fetch('https://api.github.com/repos/sst/opencode/releases?per_page=20', {
+        headers: {
+          'Accept': 'application/vnd.github.v3+json',
+          'User-Agent': 'opencode-manager'
+        }
+      })
+      
+      if (!response.ok) {
+        throw new Error(`GitHub API returned ${response.status}`)
+      }
+      
+      const releases = await response.json() as Array<{
+        tag_name: string
+        name: string
+        published_at: string
+        prerelease: boolean
+      }>
+      
+      const versions = releases
+        .filter(r => !r.prerelease)
+        .map(r => ({
+          version: r.tag_name.replace(/^v/, ''),
+          tag: r.tag_name,
+          name: r.name,
+          publishedAt: r.published_at
+        }))
+      
+      const currentVersion = opencodeServerManager.getVersion()
+      
+      return c.json({
+        versions,
+        currentVersion
+      })
+    } catch (error) {
+      logger.error('Failed to fetch OpenCode versions:', error)
+      return c.json({
+        error: 'Failed to fetch versions',
+        details: error instanceof Error ? error.message : 'Unknown error'
+      }, 500)
+    }
+  })
+
+  app.post('/opencode-install-version', async (c) => {
+    try {
+      const body = await c.req.json()
+      const { version } = z.object({ version: z.string().min(1) }).parse(body)
+      
+      logger.info(`Installing OpenCode version: ${version}`)
+      
+      const oldVersion = opencodeServerManager.getVersion()
+      logger.info(`Current OpenCode version: ${oldVersion}`)
+      
+      const versionArg = version.startsWith('v') ? version : `v${version}`
+      logger.info(`Running opencode upgrade ${versionArg}...`)
+      
+      const upgradeOutput = execSync(`opencode upgrade ${versionArg} 2>&1`, { encoding: 'utf8' })
+      logger.info(`Upgrade output: ${upgradeOutput}`)
+      
+      await new Promise(r => setTimeout(r, 2000))
+      
+      const newVersion = await opencodeServerManager.fetchVersion()
+      logger.info(`New OpenCode version: ${newVersion}`)
+      
+      opencodeServerManager.clearStartupError()
+      await opencodeServerManager.restart()
+      logger.info('OpenCode server restarted after version change')
+      
+      return c.json({
+        success: true,
+        message: `OpenCode ${oldVersion ? `changed from v${oldVersion} to` : 'installed as'} v${newVersion}`,
+        oldVersion,
+        newVersion
+      })
+    } catch (error) {
+      logger.error('Failed to install OpenCode version:', error)
+      return c.json({
+        error: 'Failed to install OpenCode version',
+        details: error instanceof Error ? error.message : 'Unknown error'
+      }, 500)
+    }
+  })
+
   // Custom Commands routes
   app.get('/custom-commands', async (c) => {
     try {
@@ -540,8 +637,8 @@ export function createSettingsRoutes(db: Database) {
       await writeFileContent(agentsMdPath, content)
       logger.info(`Updated AGENTS.md at: ${agentsMdPath}`)
 
-      await opencodeServerManager.reloadConfig()
-      logger.info('Reloaded OpenCode configuration after AGENTS.md update')
+      await opencodeServerManager.restart()
+      logger.info('Restarted OpenCode server after AGENTS.md update')
 
       return c.json({ success: true })
     } catch (error) {

frontend/src/api/settings.ts

@@ -121,6 +121,29 @@ export const settingsApi = {
     return data
   },
 
+  getOpenCodeVersions: async (): Promise<{
+    versions: Array<{
+      version: string
+      tag: string
+      name: string
+      publishedAt: string
+    }>
+    currentVersion: string | null
+  }> => {
+    const { data } = await axios.get(`${API_BASE_URL}/api/settings/opencode-versions`)
+    return data
+  },
+
+  installOpenCodeVersion: async (version: string): Promise<{
+    success: boolean
+    message: string
+    oldVersion?: string
+    newVersion?: string
+  }> => {
+    const { data } = await axios.post(`${API_BASE_URL}/api/settings/opencode-install-version`, { version })
+    return data
+  },
+
   upgradeOpenCode: async (): Promise<{ success: boolean; message: string; oldVersion?: string; newVersion?: string; upgraded: boolean }> => {
     const { data } = await axios.post(`${API_BASE_URL}/api/settings/opencode-upgrade`)
     return data

frontend/src/components/agent/AgentQuickSelect.tsx

@@ -0,0 +1,134 @@
+import { useMemo } from 'react'
+import { Check } from 'lucide-react'
+
+const capitalize = (str: string) => str.charAt(0).toUpperCase() + str.slice(1).toLowerCase()
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+} from '@/components/ui/dropdown-menu'
+import { useAgents } from '@/hooks/useOpenCode'
+
+interface AgentQuickSelectProps {
+  opcodeUrl: string | null | undefined
+  directory?: string
+  currentAgent: string
+  onAgentChange: (agent: string) => void
+  isBashMode?: boolean
+  disabled?: boolean
+}
+
+const getAgentStyles = (agent: string) => {
+  const lowerAgent = agent.toLowerCase()
+  if (lowerAgent === 'plan') {
+    return {
+      color: 'text-yellow-600 dark:text-yellow-500',
+      bg: 'bg-yellow-500/20 border-yellow-400 hover:bg-yellow-500/30 hover:border-yellow-300',
+      shadow: 'shadow-yellow-500/20 hover:shadow-yellow-500/30',
+    }
+  }
+  if (lowerAgent === 'build') {
+    return {
+      color: 'text-green-600 dark:text-green-500',
+      bg: 'bg-green-500/20 border-green-400 hover:bg-green-500/30 hover:border-green-300',
+      shadow: 'shadow-green-500/20 hover:shadow-green-500/30',
+    }
+  }
+  return {
+    color: 'text-blue-600 dark:text-blue-500',
+    bg: 'bg-blue-500/20 border-blue-400 hover:bg-blue-500/30 hover:border-blue-300',
+    shadow: 'shadow-blue-500/20 hover:shadow-blue-500/30',
+  }
+}
+
+const bashStyles = {
+  color: 'text-purple-700 dark:text-purple-300',
+  bg: 'bg-purple-500/20 border-purple-400',
+  shadow: 'shadow-purple-500/20 hover:shadow-purple-500/30',
+}
+
+export function AgentQuickSelect({
+  opcodeUrl,
+  directory,
+  currentAgent,
+  onAgentChange,
+  isBashMode = false,
+  disabled = false,
+}: AgentQuickSelectProps) {
+  const { data: agents = [] } = useAgents(opcodeUrl, directory)
+
+  const primaryAgents = useMemo(() => {
+    return agents.filter(
+      (agent) =>
+        (agent.mode === 'primary' || agent.mode === 'all') &&
+        !agent.hidden
+    )
+  }, [agents])
+
+  const handleToggle = () => {
+    if (primaryAgents.length === 0) return
+    
+    const currentIndex = primaryAgents.findIndex(
+      (a) => a.name.toLowerCase() === currentAgent.toLowerCase()
+    )
+    const nextIndex = (currentIndex + 1) % primaryAgents.length
+    onAgentChange(primaryAgents[nextIndex].name)
+  }
+
+  const handleSelect = (agentName: string) => {
+    onAgentChange(agentName)
+  }
+
+  const styles = isBashMode ? bashStyles : getAgentStyles(currentAgent)
+  const displayName = isBashMode ? 'Bash' : capitalize(currentAgent)
+
+  const buttonContent = (
+    <button
+      data-toggle-mode
+      onClick={primaryAgents.length <= 2 ? handleToggle : undefined}
+      disabled={disabled}
+      className={`px-2 md:px-3.5 py-1 h-[36px] rounded-lg text-sm font-medium border min-w-[48px] max-w-[80px] md:max-w-[100px] flex items-center justify-center transition-all duration-200 active:scale-95 hover:scale-105 shadow-md ${styles.bg} ${styles.color} ${styles.shadow}`}
+    >
+      <span className="truncate">{displayName}</span>
+    </button>
+  )
+
+  if (primaryAgents.length <= 2) {
+    return buttonContent
+  }
+
+  return (
+    <DropdownMenu>
+      <DropdownMenuTrigger asChild disabled={disabled}>
+        {buttonContent}
+      </DropdownMenuTrigger>
+      <DropdownMenuContent align="start" className="w-48">
+        {primaryAgents.map((agent) => {
+          const agentStyles = getAgentStyles(agent.name)
+          const isSelected = agent.name.toLowerCase() === currentAgent.toLowerCase()
+          
+          return (
+            <DropdownMenuItem
+              key={agent.name}
+              onClick={() => handleSelect(agent.name)}
+              className="flex items-center justify-between"
+            >
+              <div className="flex flex-col">
+                <span className={`font-medium ${agentStyles.color}`}>
+                  {capitalize(agent.name)}
+                </span>
+                {agent.description && (
+                  <span className="text-xs text-muted-foreground truncate max-w-[160px]">
+                    {agent.description}
+                  </span>
+                )}
+              </div>
+              {isSelected && <Check className="h-4 w-4 flex-shrink-0 ml-2" />}
+            </DropdownMenuItem>
+          )
+        })}
+      </DropdownMenuContent>
+    </DropdownMenu>
+  )
+}

frontend/src/components/message/PromptInput.tsx

@@ -18,6 +18,7 @@ import { SquareFill } from '@/components/ui/square-fill'
 import { MentionSuggestions, type MentionItem } from './MentionSuggestions'
 import { SessionStatusIndicator } from '@/components/ui/session-status-indicator'
 import { ModelQuickSelect } from '@/components/model/ModelQuickSelect'
+import { AgentQuickSelect } from '@/components/agent/AgentQuickSelect'
 import { detectMentionTrigger, parsePromptToParts, getFilename, filterAgentsByQuery } from '@/lib/promptParser'
 
 
@@ -346,9 +347,8 @@ export const PromptInput = forwardRef<PromptInputHandle, PromptInputProps>(funct
     setMentionRange(null)
   }
 
-  const handleModeToggle = () => {
-    const newMode = currentMode === 'plan' ? 'build' : 'plan'
-    setLocalMode(newMode)
+  const handleAgentChange = (agent: string) => {
+    setLocalMode(agent)
   }
 
   const addImageAttachment = (file: File) => {
@@ -682,9 +682,6 @@ if (isIOS && isSecureContext && navigator.clipboard && navigator.clipboard.read)
 
   const sessionAgent = useSessionAgent(opcodeUrl, sessionID, directory)
   const currentMode = localMode ?? sessionAgent.agent
-  const modeColor = currentMode === 'plan' ? 'text-yellow-600 dark:text-yellow-500' : 'text-green-600 dark:text-green-500'
-  const modeBg = currentMode === 'plan' ? 'bg-yellow-500/20 border-yellow-400 hover:bg-yellow-500/30 hover:border-yellow-300' : 'bg-green-500/20 border-green-400 hover:bg-green-500/30 hover:border-green-300'
-  const modeShadow = currentMode === 'plan' ? 'shadow-yellow-500/20 hover:shadow-yellow-500/30' : 'shadow-green-500/20 hover:shadow-green-500/30'
 
 const { model, modelString } = useModelSelection(opcodeUrl, directory)
   const currentModel = modelString || ''
@@ -777,17 +774,14 @@ return (
 
       <div className="flex gap-1.5 md:gap-2 items-center justify-between">
         <div className="flex gap-1.5 md:gap-2 items-center">
-           <button
-            data-toggle-mode
-            onClick={handleModeToggle}
-            className={`px-3 md:px-3.5 py-1 h-[36px] rounded-lg text-sm font-medium border w-14 flex items-center justify-center transition-all duration-200 active:scale-95 hover:scale-105 shadow-md ${
-              isBashMode 
-                ? 'bg-purple-500/20 border-purple-400 text-purple-700 dark:text-purple-300 shadow-purple-500/20 hover:shadow-purple-500/30' 
-                : `${modeBg} ${modeColor} ${modeShadow}`
-            }`}
-          >
-            {isBashMode ? 'BASH' : currentMode.toUpperCase()} 
-          </button>
+          <AgentQuickSelect
+            opcodeUrl={opcodeUrl}
+            directory={directory}
+            currentAgent={currentMode}
+            onAgentChange={handleAgentChange}
+            isBashMode={isBashMode}
+            disabled={disabled}
+          />
           {hasActiveStream ? (
               <div className="px-2.5 py-1.5 md:px-3 md:py-2 rounded-lg text-xs md:text-sm font-medium text-muted-foreground max-w-[120px] md:max-w-[180px]">
                 <SessionStatusIndicator sessionID={sessionID} />