Improve agent input placeholder

packages/app/src/components/agent-input-area.tsx

@@ -808,7 +808,7 @@ export function AgentInputArea({
               onRemoveImage={handleRemoveImage}
               client={client}
               isReadyForDictation={isDictationReady}
-              placeholder="Message agent..."
+              placeholder="Message the agent, tag @files, or use /commands and /skills"
               autoFocus={autoFocus && isDesktopWebBreakpoint}
               autoFocusKey={`${serverId}:${agentId}`}
               disabled={isSubmitLoading}

packages/app/src/components/message-input.tsx

@@ -718,7 +718,7 @@ export const MessageInput = forwardRef<MessageInputRef, MessageInputProps>(funct
           value={value}
           onChangeText={handleInputChange}
           placeholder={placeholder}
-          placeholderTextColor={theme.colors.mutedForeground}
+          placeholderTextColor={theme.colors.surface4}
           onFocus={() => {
             isInputFocusedRef.current = true
             onFocusChange?.(true)