Hide advanced recipe options under expandable content

ui/desktop/src/components/ChatInput.tsx

@@ -1507,7 +1507,7 @@ export default function ChatInput({
               <BottomMenuExtensionSelection sessionId={sessionId} />
             </>
           )}
-          {sessionId && (
+          {sessionId && messages.length > 0 && (
             <>
               <div className="w-px h-4 bg-border-default mx-2" />
               <div className="flex items-center h-full">

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

@@ -1,9 +1,9 @@
 import React, { useState, useEffect, useCallback } from 'react';
 import { useForm } from '@tanstack/react-form';
 import { Recipe, generateDeepLink, Parameter } from '../../recipe';
+import { Check, ExternalLink, Play, Save, X } from 'lucide-react';
 import { Geese } from '../icons/Geese';
 import Copy from '../icons/Copy';
-import { Check, Save, X, Play } from 'lucide-react';
 import { ExtensionConfig } from '../ConfigContext';
 import { Button } from '../ui/button';
 
@@ -342,8 +342,17 @@ export default function CreateEditRecipeModal({
               </h1>
               <p className="text-textSubtle text-sm">
                 {isCreateMode
-                  ? 'Create a new recipe to define agent behavior and capabilities.'
-                  : "You can edit the recipe below to change the agent's behavior in a new session."}
+                  ? 'Create a new recipe to define agent behavior and capabilities for reusable chat sessions.'
+                  : "You can edit the recipe below to change the agent's behavior in a new session."}{' '}
+                <a
+                  href="https://block.github.io/goose/docs/guides/recipes/"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  className="inline-flex items-center gap-1 text-blue-500 hover:text-blue-600 hover:underline"
+                >
+                  Learn more
+                  <ExternalLink className="w-3 h-3" />
+                </a>
               </p>
             </div>
           </div>

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

@@ -263,7 +263,7 @@ export default function CreateRecipeFromSessionModal({
                   className="text-lg font-medium text-textProminent"
                   data-testid="analyzing-title"
                 >
-                  Analyzing your conversation...
+                  Analyzing your conversation
                 </div>
               </div>
               <div className="text-textSubtle text-center max-w-md" data-testid="analysis-stage">

ui/desktop/src/components/recipes/shared/InstructionsEditor.tsx

@@ -111,7 +111,7 @@ Use {{parameter_name}} syntax for any user-provided values.`;
               className={`w-full h-full min-h-[500px] p-3 border rounded-lg bg-background-default text-text-standard focus:outline-none focus:ring-2 focus:ring-blue-500 resize-none font-mono text-sm ${
                 error ? 'border-red-500' : 'border-border-subtle'
               }`}
-              placeholder="Detailed instructions for the AI, hidden from the user..."
+              placeholder="Detailed instructions for the AI, hidden from the user"
             />
             {error && <p className="text-red-500 text-sm mt-2">{error}</p>}
           </div>