feat(platform): add cross-platform editor utilities and refresh functionality

- Add libs/platform/src/editor.ts with cross-platform editor detection and launching
  - Handles Windows .cmd batch scripts (cursor.cmd, code.cmd, etc.)
  - Supports macOS app bundles in /Applications and ~/Applications
  - Includes caching with 5-minute TTL for performance
- Refactor open-in-editor.ts to use @automaker/platform utilities
- Add POST /api/worktree/refresh-editors endpoint to clear cache
- Add refresh button to Settings > Account for IDE selection
- Update useAvailableEditors hook with refresh() and isRefreshing

Fixes Windows issue where "Open in Editor" was falling back to Explorer
because execFile cannot run .cmd scripts without shell:true.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

apps/ui/src/components/views/board-view/worktree-panel/hooks/use-available-editors.ts

@@ -12,6 +12,7 @@ export type { EditorInfo };
 export function useAvailableEditors() {
   const [editors, setEditors] = useState<EditorInfo[]>([]);
   const [isLoading, setIsLoading] = useState(true);
+  const [isRefreshing, setIsRefreshing] = useState(false);
 
   const fetchAvailableEditors = useCallback(async () => {
     try {
@@ -31,6 +32,31 @@ export function useAvailableEditors() {
     }
   }, []);
 
+  /**
+   * Refresh editors by clearing the server cache and re-detecting
+   * Use this when the user has installed/uninstalled editors
+   */
+  const refresh = useCallback(async () => {
+    setIsRefreshing(true);
+    try {
+      const api = getElectronAPI();
+      if (!api?.worktree?.refreshEditors) {
+        // Fallback to regular fetch if refresh not available
+        await fetchAvailableEditors();
+        return;
+      }
+      const result = await api.worktree.refreshEditors();
+      if (result.success && result.result?.editors) {
+        setEditors(result.result.editors);
+        logger.info(`Editor cache refreshed, found ${result.result.editors.length} editors`);
+      }
+    } catch (error) {
+      logger.error('Failed to refresh editors:', error);
+    } finally {
+      setIsRefreshing(false);
+    }
+  }, [fetchAvailableEditors]);
+
   useEffect(() => {
     fetchAvailableEditors();
   }, [fetchAvailableEditors]);
@@ -38,6 +64,8 @@ export function useAvailableEditors() {
   return {
     editors,
     isLoading,
+    isRefreshing,
+    refresh,
     // Convenience property: has multiple editors (for deciding whether to show submenu)
     hasMultipleEditors: editors.length > 1,
     // The first editor is the "default" one

apps/ui/src/components/views/settings-view/account/account-section.tsx

@@ -8,7 +8,9 @@ import {
   SelectTrigger,
   SelectValue,
 } from '@/components/ui/select';
-import { LogOut, User, Code2 } from 'lucide-react';
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip';
+import { toast } from 'sonner';
+import { LogOut, User, Code2, RefreshCw } from 'lucide-react';
 import { cn } from '@/lib/utils';
 import { logout } from '@/lib/http-api-client';
 import { useAuthStore } from '@/store/auth-store';
@@ -24,7 +26,7 @@ export function AccountSection() {
   const [isLoggingOut, setIsLoggingOut] = useState(false);
 
   // Editor settings
-  const { editors, isLoading: isLoadingEditors } = useAvailableEditors();
+  const { editors, isLoading: isLoadingEditors, isRefreshing, refresh } = useAvailableEditors();
   const defaultEditorCommand = useAppStore((s) => s.defaultEditorCommand);
   const setDefaultEditorCommand = useAppStore((s) => s.setDefaultEditorCommand);
 
@@ -39,6 +41,11 @@ export function AccountSection() {
   // Get icon component for the effective editor
   const EffectiveEditorIcon = effectiveEditor ? getEditorIcon(effectiveEditor.command) : null;
 
+  const handleRefreshEditors = async () => {
+    await refresh();
+    toast.success('Editor list refreshed');
+  };
+
   const handleLogout = async () => {
     setIsLoggingOut(true);
     try {
@@ -85,46 +92,66 @@ export function AccountSection() {
               </p>
             </div>
           </div>
-          <Select
-            value={selectValue}
-            onValueChange={(value) => setDefaultEditorCommand(value === 'auto' ? null : value)}
-            disabled={isLoadingEditors || editors.length === 0}
-          >
-            <SelectTrigger className="w-[180px] shrink-0">
-              <SelectValue placeholder="Select editor">
-                {effectiveEditor ? (
-                  <span className="flex items-center gap-2">
-                    {EffectiveEditorIcon && <EffectiveEditorIcon className="w-4 h-4" />}
-                    {effectiveEditor.name}
-                    {selectValue === 'auto' && (
-                      <span className="text-muted-foreground text-xs">(Auto)</span>
-                    )}
-                  </span>
-                ) : (
-                  'Select editor'
-                )}
-              </SelectValue>
-            </SelectTrigger>
-            <SelectContent>
-              <SelectItem value="auto">
-                <span className="flex items-center gap-2">
-                  <Code2 className="w-4 h-4" />
-                  Auto-detect
-                </span>
-              </SelectItem>
-              {editors.map((editor) => {
-                const Icon = getEditorIcon(editor.command);
-                return (
-                  <SelectItem key={editor.command} value={editor.command}>
+          <div className="flex items-center gap-2">
+            <Select
+              value={selectValue}
+              onValueChange={(value) => setDefaultEditorCommand(value === 'auto' ? null : value)}
+              disabled={isLoadingEditors || isRefreshing || editors.length === 0}
+            >
+              <SelectTrigger className="w-[180px] shrink-0">
+                <SelectValue placeholder="Select editor">
+                  {effectiveEditor ? (
                     <span className="flex items-center gap-2">
-                      <Icon className="w-4 h-4" />
-                      {editor.name}
+                      {EffectiveEditorIcon && <EffectiveEditorIcon className="w-4 h-4" />}
+                      {effectiveEditor.name}
+                      {selectValue === 'auto' && (
+                        <span className="text-muted-foreground text-xs">(Auto)</span>
+                      )}
                     </span>
-                  </SelectItem>
-                );
-              })}
-            </SelectContent>
-          </Select>
+                  ) : (
+                    'Select editor'
+                  )}
+                </SelectValue>
+              </SelectTrigger>
+              <SelectContent>
+                <SelectItem value="auto">
+                  <span className="flex items-center gap-2">
+                    <Code2 className="w-4 h-4" />
+                    Auto-detect
+                  </span>
+                </SelectItem>
+                {editors.map((editor) => {
+                  const Icon = getEditorIcon(editor.command);
+                  return (
+                    <SelectItem key={editor.command} value={editor.command}>
+                      <span className="flex items-center gap-2">
+                        <Icon className="w-4 h-4" />
+                        {editor.name}
+                      </span>
+                    </SelectItem>
+                  );
+                })}
+              </SelectContent>
+            </Select>
+            <TooltipProvider>
+              <Tooltip>
+                <TooltipTrigger asChild>
+                  <Button
+                    variant="ghost"
+                    size="icon"
+                    onClick={handleRefreshEditors}
+                    disabled={isRefreshing || isLoadingEditors}
+                    className="shrink-0 h-9 w-9"
+                  >
+                    <RefreshCw className={cn('w-4 h-4', isRefreshing && 'animate-spin')} />
+                  </Button>
+                </TooltipTrigger>
+                <TooltipContent>
+                  <p>Refresh available editors</p>
+                </TooltipContent>
+              </Tooltip>
+            </TooltipProvider>
+          </div>
         </div>
 
         {/* Logout */}