Fix: Recipe Extensions Not Loading in Desktop

ui/desktop/src/components/recipes/CreateEditRecipeModal.tsx

@@ -1,6 +1,6 @@
 import React, { useState, useEffect, useCallback } from 'react';
 import { useForm } from '@tanstack/react-form';
-import { Recipe, generateDeepLink, Parameter } from '../../recipe';
+import { Recipe, generateDeepLink, Parameter, stripEmptyExtensions } from '../../recipe';
 import { Check, ExternalLink, Play, Save, X } from 'lucide-react';
 import { Geese } from '../icons/Geese';
 import Copy from '../icons/Copy';
@@ -132,7 +132,14 @@ export default function CreateEditRecipeModal({
       }
     }
 
-    return {
+    // Strip envs to avoid leaking secrets
+    const extensionsWithoutEnvs = recipeExtensions.map((extension) =>
+      'envs' in extension ? { ...extension, envs: undefined } : extension
+    ) as ExtensionConfig[];
+
+    // Use stripEmptyExtensions to avoid saving empty extensions array
+    // Empty extensions array would prevent default extensions from loading
+    return stripEmptyExtensions({
       ...recipe,
       title,
       description,
@@ -141,11 +148,8 @@ export default function CreateEditRecipeModal({
       prompt: prompt || undefined,
       parameters: formattedParameters,
       response: responseConfig,
-      // Strip envs to avoid leaking secrets
-      extensions: recipeExtensions.map((extension) =>
-        'envs' in extension ? { ...extension, envs: undefined } : extension
-      ) as ExtensionConfig[],
-    };
+      extensions: extensionsWithoutEnvs,
+    }) as Recipe;
   }, [
     recipe,
     title,

ui/desktop/src/components/recipes/CreateRecipeFromSessionModal.tsx

@@ -157,6 +157,7 @@ export default function CreateRecipeFromSessionModal({
     setIsCreating(true);
     try {
       // Create the recipe object from form data
+      // Don't set extensions - let the recipe use default enabled extensions
       const recipe: Recipe = {
         title: formData.title,
         description: formData.description,
@@ -181,7 +182,6 @@ export default function CreateRecipeFromSessionModal({
                 json_schema: JSON.parse(formData.jsonSchema),
               }
             : undefined,
-        extensions: [], // Will be populated based on current extensions
       };
 
       let recipeId = await saveRecipe(recipe, null);

ui/desktop/src/components/recipes/RecipesView.tsx

@@ -32,7 +32,7 @@ import {
 } from '../../api';
 import ImportRecipeForm, { ImportRecipeButton } from './ImportRecipeForm';
 import CreateEditRecipeModal from './CreateEditRecipeModal';
-import { generateDeepLink, Recipe } from '../../recipe';
+import { generateDeepLink, Recipe, stripEmptyExtensions } from '../../recipe';
 import { useNavigation } from '../../hooks/useNavigation';
 import { CronPicker } from '../schedule/CronPicker';
 import { Dialog, DialogContent, DialogHeader, DialogTitle } from '../ui/dialog';
@@ -138,12 +138,12 @@ export default function RecipesView() {
     }
   };
 
-  const handleStartRecipeChat = async (recipe: Recipe, _recipeId: string) => {
+  const handleStartRecipeChat = async (recipe: Recipe) => {
     try {
       const newAgent = await startAgent({
         body: {
           working_dir: getInitialWorkingDir(),
-          recipe,
+          recipe: stripEmptyExtensions(recipe) as Recipe,
         },
         throwOnError: true,
       });
@@ -506,7 +506,7 @@ export default function RecipesView() {
           <Button
             onClick={(e) => {
               e.stopPropagation();
-              handleStartRecipeChat(recipe, recipeManifestResponse.id);
+              handleStartRecipeChat(recipe);
             }}
             size="sm"
             className="h-8 w-8 p-0"

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

@@ -4,7 +4,7 @@ import { Button } from '../ui/button';
 import { Input } from '../ui/input';
 import { ScheduledJob } from '../../schedule';
 import { CronPicker } from './CronPicker';
-import { Recipe, decodeRecipe } from '../../recipe';
+import { Recipe, decodeRecipe, stripEmptyExtensions } from '../../recipe';
 import { getStorageDirectory } from '../../recipe/recipe_management';
 import ClockIcon from '../../assets/clock-icon.svg';
 import * as yaml from 'yaml';
@@ -80,25 +80,28 @@ async function parseDeepLink(deepLink: string): Promise<Recipe | null> {
 }
 
 function recipeToYaml(recipe: Recipe): string {
+  // Strip empty extensions to ensure scheduled recipes use default enabled extensions
+  const processedRecipe = stripEmptyExtensions(recipe) as Recipe;
+
   const cleanRecipe: CleanRecipe = {
-    title: recipe.title,
-    description: recipe.description,
+    title: processedRecipe.title,
+    description: processedRecipe.description,
   };
 
-  if (recipe.instructions) {
-    cleanRecipe.instructions = recipe.instructions;
+  if (processedRecipe.instructions) {
+    cleanRecipe.instructions = processedRecipe.instructions;
   }
 
-  if (recipe.prompt) {
-    cleanRecipe.prompt = recipe.prompt;
+  if (processedRecipe.prompt) {
+    cleanRecipe.prompt = processedRecipe.prompt;
   }
 
-  if (recipe.activities && recipe.activities.length > 0) {
-    cleanRecipe.activities = recipe.activities;
+  if (processedRecipe.activities && processedRecipe.activities.length > 0) {
+    cleanRecipe.activities = processedRecipe.activities;
   }
 
-  if (recipe.extensions && recipe.extensions.length > 0) {
-    cleanRecipe.extensions = recipe.extensions.map((ext) => {
+  if (processedRecipe.extensions && processedRecipe.extensions.length > 0) {
+    cleanRecipe.extensions = processedRecipe.extensions.map((ext) => {
       const cleanExt: CleanExtension = {
         name: ext.name,
         type: 'builtin',
@@ -178,15 +181,15 @@ function recipeToYaml(recipe: Recipe): string {
     });
   }
 
-  if (recipe.author) {
+  if (processedRecipe.author) {
     cleanRecipe.author = {
-      contact: recipe.author.contact || undefined,
-      metadata: recipe.author.metadata || undefined,
+      contact: processedRecipe.author.contact || undefined,
+      metadata: processedRecipe.author.metadata || undefined,
     };
   }
 
   cleanRecipe.schedule = {
-    window_title: `${recipe.title} - Scheduled`,
+    window_title: `${processedRecipe.title} - Scheduled`,
   };
 
   return yaml.stringify(cleanRecipe);

ui/desktop/src/recipe/index.ts

@@ -76,3 +76,16 @@ export async function generateDeepLink(recipe: Recipe): Promise<string> {
   const encoded = await encodeRecipe(recipe);
   return `goose://recipe?config=${encoded}`;
 }
+
+/**
+ * Strips empty extensions array from a recipe.
+ * This ensures recipes without explicit extensions will use the default enabled extensions
+ * from the user's config in the desktop rather than loading with no extensions.
+ */
+export function stripEmptyExtensions<T extends { extensions?: unknown[] | null }>(recipe: T): T {
+  if (Array.isArray(recipe.extensions) && recipe.extensions.length === 0) {
+    const { extensions: _, ...rest } = recipe;
+    return rest as T;
+  }
+  return recipe;
+}