fix: fix desktop recipe url generation (#3209)

Co-authored-by: Alice Hau <ahau@squareup.com>

ui/desktop/src/components/RecipeEditor.tsx

@@ -21,7 +21,8 @@ interface RecipeEditorProps {
 // Function to generate a deep link from a recipe
 function generateDeepLink(recipe: Recipe): string {
   const configBase64 = Buffer.from(JSON.stringify(recipe)).toString('base64');
-  return `goose://recipe?config=${configBase64}`;
+  const urlSafe = encodeURIComponent(configBase64);
+  return `goose://recipe?config=${urlSafe}`;
 }
 
 export default function RecipeEditor({ config }: RecipeEditorProps) {

ui/desktop/src/components/schedule/CreateScheduleModal.tsx

@@ -119,7 +119,7 @@ function parseDeepLink(deepLink: string): Recipe | null {
       return null;
     }
 
-    const configJson = Buffer.from(configParam, 'base64').toString('utf-8');
+    const configJson = Buffer.from(decodeURIComponent(configParam), 'base64').toString('utf-8');
     return JSON.parse(configJson) as Recipe;
   } catch (error) {
     console.error('Failed to parse deep link:', error);

ui/desktop/src/components/ui/DeepLinkModal.tsx

@@ -17,7 +17,8 @@ interface DeepLinkModalProps {
 // Function to generate a deep link from a bot config
 export function generateDeepLink(recipeConfig: RecipeConfig): string {
   const configBase64 = Buffer.from(JSON.stringify(recipeConfig)).toString('base64');
-  return `goose://bot?config=${configBase64}`;
+  const urlSafe = encodeURIComponent(configBase64);
+  return `goose://bot?config=${urlSafe}`;
 }
 
 export function DeepLinkModal({ recipeConfig: initialRecipeConfig, onClose }: DeepLinkModalProps) {